/**
 * 	Zing News Responsive Layout
 *  Version 3.42 (04/01/2015)
 */

 @font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(fonts/Roboto-Condensed.woff) format('woff');
 }

 @font-face {
	font-family: 'Noticia Text';
	font-weight: normal;
	src: local('Noticia Text'), local('NoticiaText-Regular'), url(fonts/NoticiaText-Normal.woff) format('woff');
 }

 @font-face {
	font-family: 'Noticia Text';
	font-weight: bold;
	src: local('Noticia Text Bold'), local('NoticiaText-Bold'), url(fonts/NoticiaText-Bold.html) format('woff');
 }

 @font-face {
	font-family: 'Noticia Text';
	font-style: italic;
	font-weight: 400;
	src: local('Noticia Text Italic'), local('NoticiaText-Italic'), url(fonts/NoticiaText-Italic.html) format('woff');
 }

 @font-face {
	font-family: 'Noticia Text';
	font-style: italic;
	font-weight: 700;
	src: local('Noticia Text Bold Italic'), local('NoticiaText-BoldItalic'), url(fonts/NoticiaText-BoldItalic.html) format('woff');
 }

 @font-face {
	font-family: 'Open Sans Condensed';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(fonts/OpenSans.html) format('woff');
 }

 @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), url(fonts/roboto100.woff) format('woff');
 }

 @font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), url(fonts/roboto300.html) format('woff');
 }

 .accelerate, .accelerate * {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
 }

 * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
 }
 p.home-more{
     clear:both;
     margin:8px 0;
     font-style:italic;
     color:#9b9b9b;
 }

 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
 }

 body {
	line-height: 1;
	font-family: Arial, sans-serif;
	font-size: 12px;
    margin:0 auto;
 }

 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
 }

 ul {
	list-style: none;
 }

 blockquote, q {
	quotes: none;
 }

 blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
 }

 a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: #333;
 }

 a img {
	border: none;
	outline: none;
 }

 ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
 }

 mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
 }

 del {
	text-decoration: line-through;
 }

 abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
 }

 table {
	border-collapse: collapse;
	border-spacing: 0;
 }

 hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
 }

 input, select {
	vertical-align: middle;
 }

 .wrapper {
	width: 980px;
	z-index: 1;
	clear: both;
 }

 a:hover {
	color: #3399cc;
 }

 /* NOTIFICATION */
 #notification {
	position: relative;
	width: 100%;
	height: 56px;
	background-color: #3c3c3c;
	margin-top: -56px;
	left: 0;
	border-bottom: 3px solid #333;
 }

 #notification a.btnLink {
	display: block;
	width: 80%;
	height: 100%;
	float: left;
	padding: 10px;
 }

 #notification a.btnClose {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
	float: right;
	background: url(img/close%402x.png) no-repeat 50% 50%;
	background-size: 50% auto;
	overflow: hidden;
	text-indent: -999px;
	border-left: 1px solid #474747;
 }

 #notification img.icon {
	float: left;
	margin-right: 8px;
	width: 36px;
	height: 36px;
	border-radius: 5px;
	box-shadow: 2px 2px 0 #222;
 }

 #notification a h1 {
	line-height: 20px;
	font-size: 15px;
	letter-spacing: -1px;
	font-weight: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin: 0;
	color: #fff;
 }

 #notification a p {
	line-height: 14px;
	font-size: 12px;
	color: #f1f1f1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
 }

 /* TOPBAR */
 #zingheader {
	position: relative;
	width: 100%;
	height: 43px;
	background: #111;
	margin-bottom: 0px;
	overflow: hidden;
	z-index: 999;
 }

 #zingheader hgroup {
	width: 95px;
	height: 40px;
	float: left;
	overflow: hidden;
	margin: 0 0;
 }

 #zingheader hgroup img {
	width: 110px;
	height: auto;
	position: relative;
	top: 2px;
 }

 #zingheader hgroup a {
	display: block;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0px 0;
	overflow: hidden;
	text-indent: -999px;
	background: url(img/logo_zing_trithuc.png) no-repeat left 50%;
 }

 #zingheader hgroup h1 {
	margin: 0;
 }

 #zingheader hgroup h2 {
	display: none;
	margin: 0;
 }

 /* SPECIAL EVENT */
 #event {
	width: 100%;
	font-size: 1em;
	line-height: 1.4;
	padding: 8px 0 10px;
	background: #DA0000;
	color: #fff;
	text-align: center;
 }

 #event span {
	font-weight: bold;
	text-decoration: underline;
 }

 #event a {
	color: #fff;
	text-decoration: underline;
 }

 /* TOTIFY TOP */
 #noti5 {
	position: relative;
	float: right;
	height: 43px;
	border-right: 1px solid #000;
	margin-right: 15px;
 }

 #noti5 a {
	color: #fff;
	display: block;
	line-height: 43px;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	border-left: 1px solid #000;
	background-color: #111;
	padding-right: 10px;
 }

 #noti5 a span {
	display: inline-block;
	height: 14px;
	color: #fff;
	background: #f00;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 3px 0 2px;
 }

 #noti5 a.btnHot {
	background: #222 url(img/icon_fire.html) no-repeat 5px 12px;
	padding-left: 23px;
	background-size: 16px;
 }

 #noti5 a.btnNew {
	background: #111 url(img/icon_up.html) no-repeat 5px 9px;
	padding-left: 23px;
	background-size: 16px;
 }

 #hotnews {
	position: absolute;
	top: 35px;
	left: 50%;
	background: #111;
	z-index: 99999;
	width: 260px;
	box-shadow: 3px 3px 0 rgba(0,0,0,0.5);
	margin-left: 200px;
	display: none;
 }

 #hotnews ul {
	float: left;
	width: 100%;
 }

 #hotnews li {
	padding: 10px 10px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #333;
 }

 #hotnews li:last-child {
	border: 0;
 }

 #hotnews li a {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.4;
 }

 #hotnews li .cover {
	float: left;
	width: 40%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 60px;
	margin-right: 10px;
 }


 /* Form Search */
 #zingheader form {
	float: left;
	position: relative;
	width: 440px;
	height: 35px;
	overflow: hidden;
	padding: 2px 0;
	margin: 5px 0 0 10px;
 }

 #zingheader form input {
	float: left;
	width: 340px;
	height: 30px;
	line-height: 18px;
	color: #888;
	font-size: 11px;
	margin: 0;
	padding: 3px 5px 3px 20px;
	border: 2px solid #333;
	border-right: 0;
	border-radius: 5px 0 0 5px;
	background: #fff url(img/icons.html) no-repeat 5px -34px;
	-webkit-appearance: none;
 }

 #zingheader form input:hover {
	background-color: #fff;
 }

 #zingheader form button {
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	cursor: pointer;
	margin: 0;
	padding: 0 5px;
	border: 2px solid #333;
	border-radius: 0 5px 5px 0;
	width: 80px;
	height: 30px;
	line-height: 20px;
	background: #ee7915;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed9222', endColorstr='#f0640a');
	background: -webkit-gradient(linear, left top, left bottom, from(#ed9222), to(#f0640a));
	background: -moz-linear-gradient(top, #ed9222, #f0640a);
 }

 /* App Menu */
 #zingheader .apps {
	float: left;
	overflow: hidden;
	height: 23px;
	list-style: none;
	margin-left: 10px;
	margin-top: 9px;
 }

 #zingheader .apps li {
	float: left;
	height: 23px;
	line-height: 25px;
 }

 #zingheader .apps a {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 0;
	padding: 0 10px;
	color: #fff;
	text-transform: uppercase;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 13px;
 }

 #zingheader .apps a:nth-child(3) {
	border: 0;
 }

 #zingheader #bookmark {
	float: right;
	line-height: 42px;
 }

 #zingheader #bookmark a {
	color: #F37B24;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
 }

 #zingheader #bookmark a span {
	color: #F37B24;
	font-weight: bold;
 }

 #zingheader #mobile {
	float: right;
	line-height: 28px;
	background: url(img/mobile_icon.html) no-repeat 50% 50%;
	width: 30px;
	height: 28px;
	overflow: hidden;
	text-indent: -999px;
	display: block;
	background-size: 50%;
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid #666;
	border-radius: 15px;
	margin-top: 3px;
	display: none;
 }

 #breakingnews {
	margin-bottom: 0;
	margin-top: 8px;
	background: #FFDBDB;
	font-family: Arial, sans-serif;
	height: 30px;
	overflow: hidden;
 }

 #breakingnews label {
	display: inline-block;
	height: 30px;
	width: 25%;
	max-width: 100px;
	line-height: 30px;
	text-align: center;
	background: #FF3838;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
 }

 #breakingnews a {
	font-weight: bold;
	color: #B80000;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background: #FFDBDB;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: top;
	border-left: 1px solid #E9B5B5;
 }

 #breakingnews a:first-child {
	border-right: 0;
 }

 /* MENU CATEGORY */
 .categories {
	float: left;
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #ddd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCFCFC', endColorstr='#F5F5F5');
	background: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#F5F5F5));
	background: -moz-linear-gradient(top, #FCFCFC, #F5F5F5);
 }

 .categories ul {
	float: left;
	width: 100%;
	list-style: none;
 }

 .categories > ul {
 }

 .categories a {
	display: block;
	width: 100%;
	height: 26px;
	margin: 1px 0;
	padding: 1px 4px 0 4px;
	font-size: 12px;
	line-height: 25px;
	color: #000;
	font-family: 'Arial',Roboto Condensed, sans-serif;
	font-weight: 400;
 }
  .foo-menu a {
	border-right: 1px solid #ddd;
    font-weight: 600;
    height: 15px;
    line-height: 15px;
    padding: 1px 10px 0;
    text-transform: uppercase;
 }
 .categories ul > li:last-child > a {
	border-right: 0;
 }

 .categories li.parent {
	float: left;
	position: relative;
	height: 28px;
	line-height: 28px;
 }

 .categories li.parent a {
	color: #006588;
 }

 .categories li.parent > a {
	text-transform: uppercase;
 }

 .categories li.parent.current {
	height: 26px;
 }

 .categories li.parent.current a {
	border-radius: 3px;
 }

 .categories li.parent.active div.subcate {
	display: block;
	border-radius: 0 3px 3px 3px;
 }

 .categories.fixedtop li.parent.active div.subcate {
	display: none !important;
 }

 .categories:not(.fixedtop) li.parent.active a {
	border-radius: 3px 3px 0 0;
	background-color: #0099cc;
	color: #fff;
 }

 .categories div.subcate {
	position: absolute;
	top: 25px;
	left: 0;
	display: none;
	background-color: #0099cc;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
	width: 200px;
 }

 .categories div.subcate ul {
	width: 100%;
 }

 .categories div.subcate li {
	width: auto;
 }

 .categories div.subcate a {
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 12px;
	color: #fff;
	padding: 0 8px;
	border: 0;
	height: auto;
	line-height: 28px;
 }

 .categories div.subcate a:hover {
	background: rgba(255,255,255,0.2) !important;
 }

 .categories li.parent:last-child div.subcate {
	left: auto;
	right: 0 !important;
 }

 /* Group 1 - Xa hoi, The gioi, Kinh doanh, Song Tre */
 .categories li.xa-hoi a, .categories li.the-gioi a, .categories li.thi-truong a, .categories li.the-thao a, .categories li.song-tre a, .categories li.phap-luat a, .categories li.the-gioi-sach a {
	color: #007197;
 }

 .categories li.xa-hoi.current a, .categories li.the-gioi.current a, .categories li.thi-truong.current a, .categories li.song-tre.current a, .categories li.phap-luat.current a, .categories li.the-gioi-sach.current a {
	background-color: #0099cc;
	color: #fff;
 }


 /* Group 2 - Giai tri, Am nhac, Phim anh, thoi-trang */
 .categories li.giai-tri a, .categories li.am-nhac a, .categories li.phim-anh a, .categories li.thoi-trang a {
	color: #ff6b00;
 }

 .categories li.giai-tri.parent.active a, .categories li.am-nhac.parent.active a, .categories li.phim-anh.parent.active a, .categories li.thoi-trang.parent.active a {
	background-color: #ff6b00;
 }

 .categories li.parent.giai-tri.active div.subcate, .categories li.parent.am-nhac.active div.subcate, .categories li.parent.phim-anh.active div.subcate, .categories li.parent.thoi-trang.active div.subcate {
	background-color: #ff6b00;
 }

 .categories li.giai-tri.current a, .categories li.am-nhac.current a, .categories li.phim-anh.current a, .categories li.thoi-trang.current a {
	background-color: #ff6b00;
	color: #fff;
 }

 /* Group 3: The thao, Cong nghe, Xe */
 .categories li.cong-nghe a, .categories li.oto-xe-may a {
	color: #008e00;
 }

 .categories li.cong-nghe.parent.active a, .categories li.oto-xe-may.parent.active a {
	background-color: #008e00;
 }

 .categories li.parent.cong-nghe.active div.subcate, .categories li.parent.oto-xe-may.active div.subcate {
	background-color: #008e00;
 }

 .categories li.the-thao.current a, .categories li.cong-nghe.current a, .categories li.oto-xe-may.current a {
	color: #fff;
	background-color: #008e00;
 }

 /* Group 4: phong-cach-song & Other */
 .categories li.nhip-song a, .categories li.phong-cach-song a, .categories li.suc-khoe a, .categories li.kham-pha a, .categories li.du-lich a {
	color: #df004a;
	border: 0;
 }

 .categories li.nhip-song.parent.active a, .categories li.phong-cach-song.parent.active a, .categories li.suc-khoe.parent.active a, .categories li.kham-pha.parent.active a, .categories li.du-lich.parent.active a {
	background-color: #df004a;
 }

 .categories li.parent.nhip-song.active div.subcate, .categories li.parent.phong-cach-song.active div.subcate, .categories li.parent.suc-khoe.active div.subcate, .categories li.parent.kham-pha.active div.subcate, .categories li.parent.du-lich.active div.subcate {
	background-color: #df004a;
 }

 .categories li.nhip-song.current a, .categories li.phong-cach-song.current a, .categories li.suc-khoe.current a, .categories li.kham-pha.current a, .categories li.du-lich.current a {
	background-color: #df004a;
	color: #fff;
 }

 .categories li.others a {
	border: 0;
 }

 .categories li.phong-cach-song a, .categories li.phong-cach-song a, .categories li.others a {
	border-right: 0;
	padding-right: 2px;
 }

 .categories li.phong-cach-song div.subcate, .categories li.phong-cach-song div.subcate, .categories li.others div.subcate {
	width: 140px;
	left: auto;
	right: 0px;
 }

 .categories li.others div.subcate {
	border-radius: 3px 0 0 0 !important;
 }

 .categories li.pictures, .categories li.video {
	border-left: 1px solid #ddd;
	padding-right: 5px;
 }

 .categories li.pictures {
	padding-left: 0;
 }

 .categories li.video a, .categories li.pictures a {
	color: #555;
	margin-left: 8px;
	border: 0;
 }

 .categories li.video a {
	background: url(img/icons.png) no-repeat 0 -1294px;
	padding-left: 20px;
 }

 .categories li.pictures a {
	background: url(img/icons.png) no-repeat left -1174px;
	padding-left: 20px;
 }

 .categories li.video.active a, .categories li.pictures.active a {
	background-color: transparent;
 }

 .categories li.video a:hover, .categories li.pictures.active a:hover {
	color: #333;
 }

 .categories li.worldcup {
	display: none;
 }


 .categories.fixedtop {
	position: fixed;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: auto !important;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	background: #fff !important;
	border-bottom: 1px solid #0098D3;
	height: 40px;
	line-height: 40px;
 }

 .categories.fixedtop ul {
	float: none;
	margin: 0 auto;
	width: 980px;
 }

 .categories.fixedtop li {
	height: 40px;
	line-height: 40px;
 }

 .categories.fixedtop ul a {
	height: 40px;
	line-height: 35px;
 }

 .categories.fixedtop li.homepage {
	top: 8px !important;
 }

 .categories.fixedtop li.video a {
	background-position: 0 -1290px;
 }

 .categories.fixedtop li.pictures a {
	background-position: 0 -1169px;
 }

 /* TOP SECTION */
 #top {
	width: 100%;
	padding: 0px 0;
	clear: both;
	z-index: 999;
 }

 #top .categories li.homepage {
	background: #888;
	background: #00749B;
	margin-right: 3px;
	margin-left: 0px;
	width: 22px;
	height: 22px;
	border-radius: 3px;
	top: 2px;
 }

 #top .categories li.homepage a {
	text-indent: -9999px;
	overflow: hidden;
	color: #fff;
	background: url(img/icons.png) no-repeat 1px -818px;
	border-right: 0;
 }

 #top .categories li.homepage.active a {
	border-radius: 3px;
 }

 /* COMMON LAYOUT */
 .content-wrap {
	float: left;
	width: 664px;
	z-index: -3;
 }
 .sidebar {
	  float: right;
    overflow: hidden;
    width: 310px;
 }

 .sidebar .event-banner {
	margin-bottom: 10px;
 }

 /* BANNER */
 .banner {
	width: 300px;
	margin: 0 0 5px;
	text-align: center;
	font-size: 2em;
	color: #ccc;
	float: left;
 }

 #advR1, #advR2 {
	width: 300px;
	height: 250px;
 }

 #advR3 {
	border: 0 !important;
	width: 301px !important;
	height: 600px;
	margin-bottom: 10px;
 }

 #advSkyscraper1 {
	display: none;
 }

 #advTop > div > div {
	margin: 0 auto!important;
 }

 #advBillboard {
	margin-bottom: 20px;
	background: #eee;
 }

 /* HEADER */
 #site-header {
	width: 100%;
	height: 100px;
	-float: left;
	margin: 8px 0 1px;
	position: relative;
 }

 #site-header #logo {
	width: 270px;
	float: left;
	height: 90px;
	overflow: hidden;
	display: none;
 }

 #site-header #logo a {
	display: block;
	padding-left: 0;
    padding-top:0px;
 }

 #site-header #banner_top {
	height: 90px;
	float: left;
	top: 0;
	right: 0;
	line-height: 90px;
	width: 68%;
    margin-top:0;
 }

 /* POPUP BANNER */
 #pushed_popup {
	width: 100%;
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 10px 2%;
	background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#FDFDFD));
	background: -moz-linear-gradient(top, #DFDFDF, #FDFDFD);
	background: -ms-linear-gradient(top, #DFDFDF, #FDFDFD);
	background: -o-linear-gradient(top, #DFDFDF, #FDFDFD);
	background: linear-gradient(top, #DFDFDF, #FDFDFD);
	text-shadow: 1px 1px 0 #fff;
	float: left;
	display: none;
 }

 #pushed_popup .message {
	float: left;
	width: 80%;
	color: #0087BF;
 }

 #pushed_popup .closePopup {
	float: right;
	width: 50px;
	display: block;
	padding: 5px 0;
	text-align: center;
	color: #0087BF;
	font-weight: bold;
	border: 1px solid #ccc;
	border-radius: 3px;
	color: #333;
	text-shadow: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#DFDFDF));
	background: -moz-linear-gradient(top, #FDFDFD, #DFDFDF);
	background: -ms-linear-gradient(top, #FDFDFD, #DFDFDF);
	background: -o-linear-gradient(top, #FDFDFD, #DFDFDF);
	background: linear-gradient(top, #FDFDFD, #DFDFDF);
 }

 #pushed_popup a span {
	font-weight: bold;
 }

 /* User Report */
 #btnReport {
	display: block;
	position: fixed;
	top: 70%;
	left: 0;
	background: #333;
	color: #fff;
	padding: 10px 10px;
	display: none;
 }

 #btnReport.active, #btnReport:hover {
	background: #f00;
 }

 /* HOVER CARD */
 #hovercard {
	display: none;
	width: 300px;
	position: fixed;
	top: 50%;
	left: 50%;
	background: #fff;
	border: 1px solid #0099cc;
	border-radius: 5px;
	z-index: 999999;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
 }

 #hovercard .summary {
	padding: 10px 10px;
	font-size: 12px;
	line-height: 16px;
	color: #333;
 }

 #banner-ext {
	display: block;
	width: 100%;
	margin: 10px 0 15px;
 }

 #banner-ext img {
	width: 100%;
	height: auto;
 }

 /* GENERAL ARTICLE */
 article {
	float: left;
	position: relative;
	z-index: 1;
	width: 100%;
	color: #000;
 }

 article a {
	color: #463c3f;
 }
 article header.home-title a {
	color: #463c3f;
    font-size:15px;
 }
 article header h1 {
	margin: 0;
	font-size: 12px;
	line-height: 16px;
 }

 article > header h1 a:hover {
	color: #3399cc !important;
 }

 article > header h1 span.social {
	display: inline-block;
	font-size: 9px;
	cursor: pointer;
	color: #888;
	font-weight: normal;
	background: #fff;
	background-size: 8px;
	padding: 0px 2px 0 2px;
	line-height: 9px;
	margin-left: 4px;
	display: none;
	border: 1px solid #eee;
	border-radius: 2px;
	position: relative;
	top: -1px;
 }

 article:hover > header h1 span.social, article > header h1 span.social.hot {
	border-color: #FF9900;
	color: #FF9900;
	background-color: #FFECD0;
 }

 section.featured article.featured > header h1 span.social {
	padding: 0px 4px 0 2px;
	display: none !important;
 }

 .sidebar section article > header h1 span.social {
	display: none !important;
 }

 .trending article.video header h1 a, article.hasvideo header h1 a {
	padding-left: 18px;
	background: url(img/icons.png) no-repeat 0 -1300px;
 }

 article.picture header h1 a {
	padding-left: 18px;
	background: url(img/icons.png) no-repeat left -1180px;
 }

 article.infographic header h1 a {
	padding-left: 18px;
	background: url(img/icon_infographic.html) no-repeat left top;
	background-size: 16px;
 }

 article header h1 a:hover {
	color: #006BA0 !important;
 }

 article header time {
	font-size: 12px;
	line-height: 1.4;
	color: #A7A7A7;
	display: none;
 }

 article .cover {
	float: left;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover !important;
	background-position: 50% top;
	cursor: pointer;
 }

 article .cover a {
	display: block;
	width: 100%;
	height: 100%;
 }

 article.video .cover > a {
	background: url(img/icon_play.png) no-repeat 50% 50%;
	background-size: 35px;
 }

 article.video.animated .cover > a:hover {
	background: none;
 }

 article.animated .cover {
	position: relative;
 }

 article.animated .cover .animategif {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
 }

 article.animated .cover #circleG {
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -10px;
 }

 article .cover img {
	width: auto;
	height: 100%;
 }

 article .cate {
	font-size: 11px;
	line-height: 16px;
	color: #888;
	display: none;
 }

 article .summary {
	display: none;
	overflow: hidden;
	font-size: 1em;
	line-height: 1.4;
	color: #333;
 }

 /* Article Relate */
 article .relate {
	padding-top:6px;
    clear:both;
 }

 article .relate li {
	font-size: 13px;
	line-height: 20px;
 }

 article .relate li.picture a {
	padding-left: 20px;
	background: url(img/icons.png) no-repeat left -1181px;
 }

 article .relate li.video a {
	padding-left: 18px;
	background: url(img/icons.png) no-repeat 1px -1301px;
 }

 article .relate li:last-child {
	border: 0;
 }

 article .relate li a {
	color: #463c3f;
	background: url(img/icons.png) no-repeat 2px -883px;
	padding-left: 9px;
 }

 article .relate li a:hover {
	text-decoration: underline;
 }

 /* Article Type */
 article .type {
	display: none;
	font-size: 10px;
	color: #888;
	overflow: hidden;
	text-indent: -9999px;
	margin: 0;
	line-height: 12px;
	background: url(img/icons.png) no-repeat 9999px 9999px;
	z-index: 999;
 }

 article.advertising .type {
	display: none;
	text-indent: 0;
	margin: 4px 0;
 }

 article.video .type {
	background-position: 6px -1360px;
	width: 25px;
	height: 15px;
	background-color: #333;
	background-color: rgba(0, 0, 0, 0.3);
 }

 .series article .type {
	position: absolute;
	background: #fff;
	padding: 2px 3px;
	box-shadow: 1px 1px 0 rgba(0,0,0,0.5);
 }

 article.live header h1 a:before {
	content: "Trực tiếp";
	display: inline-block;
	color: #fff;
	font-size: 9px;
	background: #f00;
	padding: 2px 3px 0;
	line-height: 12px;
	position: relative;
	top: -1px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: normal;
 }

 article.updating header h1 a:before {
	content: "Cập nhật";
	display: inline-block;
	color: #fff;
	font-size: 9px;
	background: #f00;
	padding: 2px 3px 0;
	line-height: 12px;
	position: relative;
	top: -1px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: 0px;
 }

 section.featured article.live:first-child header h1 a:before, section.featured article.updating:first-child header h1 a:before {
	letter-spacing: 0px;
	top: -3px;
	font-size: 9px;
	padding-bottom: 1px;
 }


 /* PAGE HOME */
 section#homepage {
	float: left;
	z-index: -3;
	width: 100%;
	margin-bottom: 8px;
 }

 /* TRENDING SECTION */
 section.trending {
	float: right;
	overflow: hidden;
	width: 185px;
	height: 355px;
	margin: 0 0 10px;
	padding: 0 0 0 8px;
	border-left: 1px solid #ededed;
 }

 section.trending article {
	padding-bottom: 0;
	margin-bottom: 8px;
	border-bottom: 0;
 }

 section.trending article header h1 {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
 }

 section.trending article header h1 a {
	color: #463c3f;
    font-weight: bold;
 }

 section.trending article time, section.trending article .cover, section.trending article .cate {
	display: none;
 }

 section.trending article:first-child header h1 {
	margin-bottom: 4px;
 }

 section.trending .top-list {
	float: left;
	border-bottom: 1px solid #1d6cc6 !important;
	margin-bottom: 8px;
	width: 100%;
 }

 section.trending .top-list article {
	border-bottom: none !important;
	padding-bottom: 0px !important;
	margin-bottom: 4px !important;
	display: none;
 }

 section.trending .top-list article .cover {
	display: block;
	width: 100%;
	height: 112px;
	margin-bottom: 5px;
 }

 section.trending .top-list article header h1 a {
 }

 /* FEATURED ARTICLE */
 section.featured {
	float: left;
	width: 472px;
	border-bottom: 0;
 }

 section.featured article {
	width: 23%;
	margin-right: 2%;
	margin-bottom: 10px;
 }

 section.featured article:nth-child(4), section.featured article:nth-child(7) {
	margin-right: 0;
 }

 section.featured article .cover {
	float: none;
	display: block;
	width: 100%;
	height: 112px;
	margin-bottom: 4px;
 }

 section.featured article header {
	overflow: hidden;
 }

 section.featured article header h1 {
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
 }

 section.featured article header h1 a {
	color: #1d6cc6;
 }

 section.featured article time {
	display: none;
 }

 section.featured article.featured {
	width: 100%;
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid #f7f7f7;
 }

 section.featured article.featured header {
	display: block;
	max-height: none;
 }

 section.featured article.featured header h1 {
	font-size: 18px;
	line-height: 22px;
	letter-spacing: -1px;
	height: auto;
	margin-bottom: 4px;
	margin-top: 0;
 }

 #category section.featured article.featured header h1 a {
	color: #1e841e;
 }

 section.featured article.featured header h1 a { /* color: #0077B3; */
	background: none;
	padding: 0;
 }

 section.featured article.featured time, section.featured article.featured .cate {
	display: none;
 }

 section.featured article.featured .cover {
	display: block;
	float: left;
	width: 260px;
	height: 210px;
	margin: 0 10px 0 0;
 }

 section.featured article.featured.video .type {
	display: block;
	position: absolute;
	left: 5px;
	top: 187px;
 }

 section.featured article.featured .cover img {
	height: 100%;
	width: auto;
 }

 section.featured article.featured .summary {
	display: block;
 }

 /* Homepage display mode */
 #homepage.right_align section.trending {
	float: left;
	padding-right: 4px;
 }

 #homepage.right_align section.trending article {
	border-bottom: 1px dashed #f1f1f1;
	padding-bottom: 5px;
	margin-bottom: 5px;
 }

 #homepage.right_align section.featured {
	float: right;
 }

 /* Focus Layout */
 #homepage.focus_layout section.featured article.featured header h1 {
	font-size: 1.6em;
	/*white-space: nowrap;*/
	overflow: hidden;
	/*text-overflow: ellipsis;*/
	margin-top: 4px;
 }

 #homepage.focus_layout section.featured article.featured .cover {
	width: 470px !important;
	height: 260px !important;
	float: none;
	margin-bottom: 4px;
 }
.cate_content #homepage{padding-top:10px;padding-bottom:10px;}
.cate_content #homepage .featured{width:472px !important;padding-top:0 !important}
 #homepage.focus_layout section.featured article.featured .cover img {
	width: 100%;
	height: auto;
 }

 #homepage.focus_layout section.featured article.featured .summary {
	overflow: hidden;
 }

 #homepage.focus_layout section.featured article.featured .relate li {
	display: inline;
	border-right: 1px solid #ddd;
	padding-right: 5px;
	margin-right: 2px;
 }

 #homepage.focus_layout section.featured article.featured .relate li:last-child {
	border: 0;
 }

 #homepage.focus_layout section.featured article.featured .relate li a {
	font-size: 11px;
	line-height: 16px;
	color: #555;
 }

 #homepage.focus_layout section.featured article:nth-child(5), #homepage.focus_layout section.featured article:nth-child(6), #homepage.focus_layout section.featured article:nth-child(7) {
	display: none;
 }

 #homepage.focus_layout section.featured article.featured.video .type {
	left: 5px;
	top: 235px;
 }

 /* Overlay Mode */
 #homepage.overlay_mode section.featured article.featured {
	position: relative;
	padding: 0;
 }

 #homepage.overlay_mode section.featured article.featured .cover {
	margin: 0;
	width: 100%;
	height: 215px;
 }

 #homepage.overlay_mode section.featured article.featured header {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 40%;
	background: rgba(0,0,0,0.5);
	padding: 12px;
 }

 #homepage.overlay_mode section.featured article.featured header h1 {
	white-space: normal;
	overflow: auto;
 }

 #homepage.overlay_mode section.featured article:nth-child(5), #homepage.focus_layout.overlay_mode section.featured article:nth-child(6), #homepage.focus_layout.overlay_mode section.featured article:nth-child(7) {
	display: block;
 }

 #homepage.overlay_mode section.featured article.featured .summary {
	color: #fff;
 }

 #homepage.overlay_mode section.featured article.featured .relate {
	display: none;
 }

 #homepage.overlay_mode section.featured article.featured h1 {
	font-size: 16px;
	letter-spacing: 0;
	line-height: 18px;
 }

 #homepage.overlay_mode section.featured article.featured h1 a {
	color: #fff;
 }

 #homepage.overlay_mode section.featured article.featured:hover h1 a {
	color: #fff !important;
	text-decoration: underline;
 }

 /* Block Mode */
 #homepage.block_mode section.featured article.featured {
	position: relative;
	padding: 0;
 }

 #homepage.block_mode section.featured article.featured .cover {
	margin: 0;
	width: 66%;
	height: 210px;
 }

 #homepage.block_mode section.featured article.featured .cover img {
	height: 100%;
	width: auto;
 }

 #homepage.block_mode section.featured article.featured header {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 34%;
	background: #0090C9;
	padding: 12px;
 }

 #homepage.block_mode section.featured article.featured header h1 {
	white-space: normal;
	overflow: auto;
 }

 #homepage.block_mode section.featured article:nth-child(5), #homepage.focus_layout.block_mode section.featured article:nth-child(6), #homepage.focus_layout.block_mode section.featured article:nth-child(7) {
	display: block;
 }

 #homepage.block_mode section.featured article.featured .summary {
	color: #fff;
	max-height: 80px;
 }

 #homepage.block_mode section.featured article.featured .relate {
	display: none;
 }

 #homepage.block_mode section.featured article.featured h1 {
	font-size: 16px;
	letter-spacing: 0;
	line-height: 18px;
 }

 #homepage.block_mode section.featured article.featured h1 a {
	color: #fff;
 }

 #homepage.block_mode section.featured article.featured:hover h1 a {
	color: #fff !important;
	text-decoration: underline;
 }

 /* HOTNEWS */
 .hotnews {
	float: left;
	overflow: hidden;
	height: 20px;
	line-height: 14px;
	font-size: 12px;
	width: 100%;
	margin-bottom: 0;
	border-bottom: 1px solid #f7f7f7;
 }

 .hotnews label {
	display: block;
	float: left;
	color: #ff6b00;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
 }

 .hotnews ul {
	float: left;
	width: 340px;
	margin: 0 5px;
 }

 .hotnews li {
	display: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
 }

 .hotnews li a {
	color: #333;
 }

 .hotnews li.current {
	display: block;
 }

 .hotnews time {
	float: right;
	font-size: 11px;
	line-height: 16px;
	color: #888;
	margin-right: 10px;
 }

 .hotnews .controller {
	float: right;
 }

 .hotnews .controller a {
	display: block;
	float: left;
	font-size: 10px;
	text-indent: -999px;
	overflow: hidden;
	height: 12px;
	width: 12px;
	line-height: 14px;
	margin: 2px;
	padding: 1px;
 }

 .hotnews .controller a:hover {
	background-color: #e5e5e5 !important;
 }

 .hotnews .controller a.rewind {
	background: #f7f7f7 url(img/icons.png) no-repeat 3px -1484px;
 }

 .hotnews .controller a.forward {
	background: #f7f7f7 url(img/icons.png) no-repeat -20px -1484px;
 }

 #banner_chuyentrang {
	float: left;
	width: 100%;
	margin: 10px 0;
 }

 /* MULTIMEDIA */
 #multimedia {
	float: left;
	width: 100%;
	margin: 5px 0 20px;
	border-top: 8px solid #5a9e25;
 }

 #multimedia > header {
	margin-bottom: 0px;
 }

 #multimedia > header h1 {
	font-size: 1.1em;
	text-transform: uppercase;
	position: relative;
	display: inline;
	top: -11px;
	left: 10px;
	padding: 0 12px;
	color: #5a9e25;
	background: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
 }

 #multimedia article {
	float: left;
	width: 19.2%;
	padding-bottom: 0;
	margin-right: 1%;
	border-bottom: 0;
 }

 #multimedia article:last-child {
	margin-right: 0;
 }

 #multimedia article header h1 {
	display: block;
	margin-top: 5px;
 }

 #multimedia article header h1 a {
	color: #333;
 }

 #multimedia article .cover {
	float: none;
	width: 100%;
	height: 135px;
 }

 #multimedia article .cate, #multimedia article time {
	display: none;
 }

 /* CATEGORY SECTION */
 section.category {
	float: left;
	width: 100%;
	margin-bottom: 5px;
 }

 section.category > header {
	   background: #e6e6e6 none repeat scroll 0 0;
    border: 1px solid #e1e1e1;
    box-shadow: 0 2px 0 #fcfafa;
    float: left;
    height: 41px;
    line-height: 45px;
    margin-bottom: 8px;
    /*padding-left: 10px;*/
    width: 100%;
    overflow:hidden;
 }

 section.category > header h1 {
	float: left;
	padding-right: 10px;
	font-size: 12px;
	line-height: 30px;
 }

 section.category > article.featured > header .social {
	display: none !important;
 }

 section.category > header .followbox {
	display: block;
	float: right;
	width: 30px;
	height: 25px;
	background: url(img/rss_grey.html) no-repeat 50% 50%;
	position: relative;
	z-index: 9;
	cursor: pointer;
 }

 section.category > header .followbox:hover {
	color: #333;
 }

 section.category > header .followbox ul {
	display: none;
	position: absolute;
	border: 1px solid #ccc;
	right: 0px;
	top: 25px;
	background: #fff;
	width: 150px;
 }

 section.category > header .followbox li {
	width: 100%;
 }

 section.category > header .followbox li a {
	padding: 10px 10px;
	display: block;
	border-bottom: 1px solid #ddd;
 }

 section.category > header .followbox li a:hover {
	background: #f7f7f7;
 }

 section.category > header .followbox li a:last-child {
	border: 0;
 }

 section.category > header .followbox.hovering ul {
	display: block;
 }

 section.category > header .followbox.hovering {
	background: url(img/rss.png) no-repeat 50% 50%;
 }

 section.category h2 {
	float: left;
	font-size: 12px;
	font-weight: normal;
	line-height: 30px;
 }

 section.category h2, section.category > header h1 {
	font-family: 'Arial',Roboto Condensed, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	white-space: nowrap;
 }

 section.category h2 a {
	border-right: 1px solid #555;
    color: #555;
    padding-right: 5px;
 }
 section.category h2 a:hover {
	color: #333;
 }

 /* Category Color */
 section#xa-hoi.category, section#the-gioi.category, section#thi-truong.category, section#song-tre.category, section#phap-luat.category, section#tin-sach.category {
	border-top-color: transparent;
 }

 section#xa-hoi.category > header h1 a, section#the-gioi.category > header h1 a, section#thi-truong.category > header h1 a, section#song-tre.category > header h1 a, section#phap-luat.category > header h1 a, section#tin-sach.category > header h1 a, section#the-thao.category > header h1 a {
	color: #fff;
    font-size:18px;
 }

 section#giai-tri.category, section#am-nhac.category, section#phim-anh.category, section#thoi-trang.category {
	border-top-color: #F60;
 }

 section#giai-tri.category > header h1 a, section#am-nhac.category > header h1 a, section#phim-anh.category > header h1 a, section#thoi-trang.category > header h1 a {
	color: #cc3a00;
 }

 section#cong-nghe.category, section#xe-360.category, section#oto-xe-may.category, section#the-thao.category {
	border-top-color: #66cc66;
 }

 section#cong-nghe.category > header h1 a, section#xe-360.category > header h1 a, section#oto-xe-may.category > header h1 a, section#the-thao.category > header h1 a {
	color: #fff;
 }

 section#suc-khoe.category, section#kham-pha.category, section#du-lich.category {
	border-top-color: #DF004A;
 }

 section#suc-khoe.category > header h1 a, section#kham-pha.category > header h1 a, section#du-lich.category > header h1 a {
	color: #DF004A;
 }

 section.category.skin4 {
	border-top: 0;
	padding-top: 0;
	margin-top: 15px;
 }

 section.category.skin4 > header h1 a {
	color: #E9004E;
 }

 section.category .top {
	float: left;
	width: 50%;
	min-height: 160px;
	padding: 0 10px;
	border-left: 1px solid #f2f2f2;
 }
 section#the-thao .top {
	float: left;
	width: 40%;
	min-height: 160px;
	padding: 0 10px;
	border-left: 1px solid #f2f2f2;
 }
 section.category .top article .cover, section.category .top article time {
	display: none;
 }

 section.category .top article header {
	margin-bottom: 0;
 }

 section.category .top article header h1 a {
	  color: #463c3f;
    font-weight: bold;
 }


 /* Category Article */
 section.category article {
	float: left;
	display: block;
	height: auto !important;
	margin-bottom: 6px;
 }

 section.category article:last-child {
	border-bottom: 0;
 }

 section.category article:nth-child(4) {
	border: none;
 }

 section.category article header {
	float: none;
	overflow: hidden;
	border: none;
	box-shadow: none;
	height: auto;
	width: auto;
	margin-bottom: 4px;
 }

 section.category article header h1 {
	font-family: Arial, Helvetica, sans-serif;
	float: none;
	font-size: 12px;
	text-transform: none;
	line-height: 16px;
	color: #333;
 }

 section.category article .summary {
	display: none;
	overflow: hidden;
 }

 section.category article .cover {
	width: 100px;
 }

 section.category article header h1 {
	display: inline;
 }

 section.category article time {
	margin-left: 5px;
 }

 section.category article.featured {
	float: left;
	width: 50%;
	margin-bottom: 8px;
	padding-right: 8px;
 }
 section#the-thao article.featured {
	float: left;
	width: 60%;
	margin-bottom: 0;
	padding-right: 8px;
 }
  section#the-thao article.featured ul{
      margin-bottom:0;
  }
 section.category article.featured header h1 {
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
 }

 section.category article.featured header h1 a {
	background: none;
	padding-left: 0;
 }
  section#the-thao article.featured header h1 a {
	background: none;
	padding-left: 0;
    color:#463c3f;
 }
  section#the-thao .top .im-new_lq {
	display:none !important;
 }
   section#the-thao .top .tt_top1 {
	display:block !important;
 }
 section.category article.featured .summary {
	display: block;
	max-height: 112px;
    width:100%;
 }
  section#the-thao article.featured .summary {
	display: block;
	max-height: 112px;
    width:auto;
 }
 section.category article.featured .cover {
	width: 100%;
	height: 175px;
	margin-right: 8px;
 }
 section#the-thao article.featured .cover {
	width: 175px;
	height: 130px;
	margin-right: 8px;
 }
 section.category article.featured.video .type {
	display: none;
	position: absolute;
	top: 140px;
	left: 3px;
 }

 section.category article.aside header {
	max-height: none !important;
 }

 section.category article.aside .cover {
	float: none;
	width: 100%;
	height: 70px;
	margin-bottom: 4px;
 }

 section.category article.aside {
	float: left;
	width: 15%;
	margin-left: 10px;
 }

 section.category article.aside header h1 a {
	color: #444;
 }

 /* Giai tri */
 section#giai-tri {
	margin-bottom: 15px;
 }

 section#giai-tri > header {
	margin-bottom: 10px;
 }

 section#giai-tri article {
	position: relative;
	display: block;
	float: left;
	height: auto;
 }

 section#giai-tri article .cover {
	width: 100%;
	height: 120px;
	float: none;
	margin-bottom: 5px;
 }

 section#giai-tri article.featured {
	width: 48%;
	margin-right: 2%;
	padding-bottom: 0;
	border-bottom: 0;
 }

 section#giai-tri article.featured .cover {
	height: 230px;
	margin-bottom: 6px;
 }

 section#giai-tri article.featured header {
	margin-bottom: 0;
 }

 section#giai-tri article.featured header h1 {
	margin: 8px 0 4px;
	font-size: 16px;
	line-height: 20px;
 }

 section#giai-tri article.featured header time {
	position: absolute;
	top: 220px;
	left: 0;
	color: #fff;
	padding: 0 5px;
 }

 section#giai-tri article.featured .summary {
	display: none;
 }

 section#giai-tri .top {
	float: right;
	width: 50%;
	padding: 0;
	border: 0;
 }

 section#giai-tri .top article header {
	text-overflow: ellipsis;
 }

 section#giai-tri .top article header h1 a:before {
	content: " ";
	display: inline-block;
	margin-right: 5px;
	margin-left: 2px;
	color: #888;
	font-size: 11px;
	padding: 0 0;
	width: 3px;
	height: 3px;
	background: #888;
	border-radius: 5px;
	position: relative;
	top: -3px;
 }

 section#giai-tri .top article header h1 a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
 }

 section#giai-tri .top article:nth-child(1), section#giai-tri .top article:nth-child(2) {
	width: 49%;
	margin: 0 2% 14px 0;
 }

 section#giai-tri .top article:nth-child(1) .cover, section#giai-tri .top article:nth-child(2) .cover {
	display: block;
 }

 section#giai-tri .top article:nth-child(1) header h1 a:before, section#giai-tri .top article:nth-child(2) header h1 a:before {
	display: none;
 }

 section#giai-tri .top article:nth-child(1) header h1 a, section#giai-tri .top article:nth-child(2) header h1 a {
	text-overflow: inherit;
	white-space: normal;
	overflow: visible;
 }

 section#giai-tri .top article:nth-child(2) {
	margin-right: 0;
 }

 section#giai-tri .top article:nth-child(3) {
	border-top: 1px solid #eee;
	padding-top: 8px;
 }

 /* thoi-trang */
 section#thoi-trang .showcase {
	float: left;
	width: 100%;
	border-top: 1px solid #f7f7f7;
	padding-top: 7px;
	margin-top: 8px;
 }

 section#thoi-trang .showcase article {
	width: 32%;
	margin-right: 2%;
	border: 0;
 }

 section#thoi-trang .showcase article:last-child {
	margin-right: 0;
 }

 section#thoi-trang .showcase article .cover {
	float: none;
	width: 100%;
	height: 140px;
	margin-bottom: 8px;
 }

 section#thoi-trang .showcase article .cover img {
	width: 100%;
	height: auto;
 }

 /* phong-cach-song */
 section.category.skin4 > header, section.category.skin4 > header {
	margin-bottom: 10px;
 }

 section.category.skin4 > header {
	display: none;
 }

 section.category.skin4 .category > header {
	display: block;
 }

 section.category.skin4 > section.category, section.category.skin4 > section.category {
	border: 0;
	width: 32%;
	margin-right: 2%;
	border: 1px solid #ddd;
	padding: 5px 7px;
 }

 section.category.skin4 > section.category:nth-child(4), section.category.skin4 > section.category:nth-child(7) {
	margin-right: 0;
 }

 section.category.skin4 > section.category .top {
	border: 0;
	width: 100%;
	height: auto;
	min-height: 0;
	padding: 0;
 }

 section.category.skin4 section > header {
	border: 0;
	box-shadow: none;
	margin-bottom: 4px;
	height: 27px;
 }

 section.category.skin4 section > header h2 {
	float: left;
	font-size: 1.2em;
	padding-left: 0px;
	line-height: 27px;
	text-transform: uppercase;
 }

 body.serif section.category.skin4 section > header h2 {
	font-weight: normal;
 }

 section.category.skin4 section > header h2 a {
	color: #A72953;
 }

 section.category.skin4 article {
	height: auto;
	width: 100% !important;
	margin-bottom: 8px;
	padding-bottom: 7px;
	padding-right: 0;
	border-bottom: 1px solid #eee;
 }

 section.category.skin4 article.featured header {
	max-height: 64px;
	min-height: 32px;
 }

 section.category.skin4 article.featured .cover {
	float: none;
	width: 100%;
	height: 120px;
	margin-bottom: 8px;
 }

 section.category.skin4 article.featured .summary {
	float: left;
	width: 100%;
	height: 64px;
	overflow: hidden;
 }

 section.category.skin4 .top article:last-child {
	border: 0;
 }

 section.category.skin4 .top article .cover {
	display: none;
 }

 section.category.skin4 .top article header {
	margin-bottom: 0;
	height: 36px;
	overflow: hidden;
 }

 /* ARTICLE DETAIL PAGE LAYOUT */
 section.article_content {
	float: left;
	position: relative;
	width: 495px;
	padding: 0;
	font-size: 14px;
	line-height: 18px;
	z-index: 9;
    overflow:hidden;
 }

 section.article_content:nth-child(n+3) {
	border-top: 5px solid #009CCE;
	padding-top: 20px;
	margin-top: 20px;
 }

 section.article_content:nth-child(n+3):before {
	content: '↓ Đọc tiếp ↓';
	display: block;
	float: left;
	width: 100px;
	margin-top: -32px;
	background: #fff;
	text-align: center;
	position: relative;
	left: 50%;
	margin-left: -50px;
	text-transform: uppercase;
	color: #009CCE;
 }

 section.article_content > .autoLoadNotice {
	background: #FFFCD7;
	font-size: 11px;
	padding: 5px 10px;
 }

 section.article_content > .autoLoadNotice a {
	font-weight: bold;
	text-transform: uppercase;
	background: #E0E0E0;
	display: inline-block;
	padding: 2px 5px 1px;
	border-radius: 2px;
	font-size: 10px;
	margin-left: 15px;
	float: right;
	margin-top: -1px;
	font-weight: bold;
 }

 section.article_content > header {
	margin: 8px 0 0;
 }

 section.article_content.pictures_layout > header {
	margin-bottom: 0;
 }

 section.article_content.pictures_layout > div.btnLaunchSlideshow {
	border: 1px dashed #ccc;
	background: #eee url(img/btnExpand.html) no-repeat 10px 50%;
	background-size: 24px;
	line-height: 1.4;
	font-size: 0.9em;
	padding: 10px 10px 10px 45px;
	color: #333;
	margin-bottom: 10px;
	cursor: pointer;
 }

 section.article_content.pictures_layout > div.btnLaunchSlideshow span {
	color: #006BA0;
 }

 section.article_content > header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	line-height: 1.1;
	letter-spacing: 0px;
	max-height: none;
	margin: 4px 0 0;
	color: #333;
	letter-spacing: -1px;
 }

 body.serif section.article_content > header h1 {
	font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	font-size: 2em;
 }

 section.article_content > header p.update {
	font-size: 11px;
	color: #888;
	margin-bottom: 4px;
	display: none;
 }

 section.article_content > header p.update a {
	color: #888;
 }

 section.article_content > header p.article-status {
	clear: both;
	width: 100%;
	font-size: 11px;
	line-height: 20px;
	color: #000;
	margin: 0 0 8px;
	padding: 0;
 }

 section.article_content > header p.article-status .status {
	padding: 0 5px;
	margin-right: 5px;
	text-transform: uppercase;
	font-size: 10px;
	display: block;
	float: left;
	height: 20px;
	line-height: 22px;
 }

 section.article_content > header p.article-status {
	background: #FFE4E4;
 }

 section.article_content > header p.article-status .status {
	background: #FF0000;
	color: #fff;
 }

 section.article_content > header time, section.article_content > header .cate {
	display: inline;
	font-size: 10px;
	line-height: 12px;
	color: #888;
 }

 section.article_content > header .cate {
	margin-right: 1px;
	color: #555;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
 }

 section.article_content > header time {
	padding-left: 4px;
	border-left: 1px solid #ddd;
	text-transform: uppercase;
 }

 section.article_content > header .summary {
	color: #444;
	font-size: 1.16em;
	line-height: 1.3;
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 0;
	padding: 8px 0;
	font-weight: bold;
 }

 section.article_content > header .summary.zing p:before {
	content: 'Zing.vn';
	display: inline-block;
	background: #008BBB;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	margin-right: 5px;
	padding: 0 5px;
 }

 body.serif section.article_content > header .summary {
	font-family: 'Noticia Text', Times, serif;
	font-size: 1.1em;
	font-weight: normal;
	font-style: italic;
 }

 section.article_content > header .cover {
	width: 100%;
	margin: 8px 0 0;
	display: none;
	overflow: hidden;
 }

 section.article_content > header .cover img {
	width: 100%;
	height: auto;
 }

 section.article_content > header .panorama {
	width: 100%;
	height: 400px;
	background-color: #000;
	background-position: 50% 50%;
	background-image: url(img/pano-loading.gif);
	background-repeat: no-repeat;
	background-size: 32px;
	cursor: move;
	margin: 0 0 20px;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
 }

 section.article_content > header .panorama.loaded {
	background-size: cover;
	background-repeat: repeat-x;
 }

 section.article_content > header .panorama {
	width: 100%;
	height: 400px;
 }

 section.article_content > header .panorama img {
	display: none;
 }

 section.article_content article .socialbox {
	display: block;
	width: 100%;
	margin: 10px 0;
	clear: both;
 }

 section.article_content article .socialbox a {
	display: inline-block;
	height: 30px;
	line-height: 29px;
	color: #354C8C;
	padding-right: 10px;
	margin-right: 10px;
	border: 1px solid #0098D3;
	border-radius: 3px;
	overflow: hidden;
	font-weight: bold;
	font-size: 12px;
	box-shadow: 0px 2px 0px 0 rgba(0,0,0,0.1);
 }

 section.article_content article .socialbox span {
	display: block;
	float: left;
	height: 100%;
	background: #0098D3;
	color: #fff;
	padding: 0 10px;
	margin-right: 10px;
 }

 section.article_content article .socialbox a.btnLike.liked {
	border-color: #ddd;
	color: #888;
 }

 section.article_content article .socialbox a.btnLike.liked span {
	background: #ccc url(img/icon_check.html) no-repeat 50% 50%;
	background-size: 50%;
	color: transparent;
 }

 .fbembed {
	width: 100%;
	min-height: 100px;
	position: relative;
	float: left;
	clear: both;
 }

 .fbembed:after {
	content: '';
	background: #fff url(img/icon_loading.gif) no-repeat 50% 50%;
	background-size: 32px;
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	top: 50%;
	left: 50%;
	position: absolute;
	margin-top: -30px;
	margin-left: -30px;
	opacity: 0.6;
 }

 .fb-comments span, .fb-comments span iframe, .fb_iframe_widget {
	-width: 100% !important;
	text-align: center;
 }

 .fb_iframe_widget {
	margin: 5px 0 15px 0;
 }


 /* Full width layout */
 body.fullwidth .commentbox, body.fullwidth #discover, body.infographic .commentbox, #infographic #discover {
	width: 80%;
	margin: 20px 10%;
 }

 body.fullwidth .article_content, body.fullwidth .article_content > article, body.infographic .article_content, body.infographic .article_content > article {
	width: 100%;
 }

 body.fullwidth table.picture, body.infographic table.picture {
	margin-bottom: 20px;
 }

 body.fullwidth table.picture .pic, body.infographic table.picture .pic {
	background: #f7f7f7;
 }

 body.fullwidth article > .author, body.fullwidth article > .source, body.infographic article > .author, body.infographic article > .source {
	display: inline-block;
	margin-right: 10px;
 }

 body.infographic .zoom-instruct {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000 url(img/pano-loading.gif) no-repeat 50% 50%;
	opacity: 0.5;
 }

 body.fullwidth .sidebar, body.infographic .series, body.fullwidth section.article_content section.next_read, body.infographic .sidebar, body.infographic .series, body.infographic section.article_content section.next_read {
	display: none !important;
 }

 .zoomContainer {
	z-index: 99999;
 }

 #infographic, #chuyende {
	width: 100% !important;
 }

 #infographic table.picture .caption {
	display: none;
 }

 #chuyende {
	padding-top: 20px;
 }

 #chuyende .hotnews {
	display: none;
 }

 #chuyende article .content {
	font-family: 'Noticia Text', Times, serif;
	font-size: 1.1em;
	line-height: 1.6;
 }

 #chuyende table.picture .pic {
	border: 0;
 }

 #chuyende section.article_content > header h1 {
	font-family: 'Open Sans Condensed',Arial, Helvetica, sans-serif;
	font-size: 3em;
 }

 #chuyende section.article_content > header .summary {
	font-family: 'Noticia Text', Times, serif;
	font-weight: normal;
	font-style: italic;
 }

 #chuyende section.article_content > header time {
	display: none;
 }

 #chuyende section.article_content > header .cate {
	display: block;
	text-align: center;
 }

 #chuyende section.article_content > header h1 {
	text-align: center;
	font-size: 3em;
 }

 #chuyende section.article_content > header .summary {
	text-align: center;
	font-size: 1.4em;
	line-height: 1.2;
 }

 #chuyende section.article_content > article {
	border: 1px solid #ddd;
	border-top: 0;
	margin-top: 20px;
 }

 #chuyende article .content table.picture {
	margin-top: 0;
 }

 #chuyende article .content > p {
	margin: 10px 10% 30px;
	font-size: 1.2em;
 }

 #chuyende table.picture .caption {
	padding: 10px 20px;
	font-size: 12px;
	color: #888;
 }

 #chuyende .column {
	-moz-column-count: 2; /* Firefox */
	-webkit-column-count: 2; /* Safari and Chrome */
	column-count: 2;
	-moz-column-gap: 40px; /* Firefox */
	-webkit-column-gap: 40px; /* Safari and Chrome */
	column-gap: 40px;
	-moz-column-rule: 1px outset #eee; /* Firefox */
	-webkit-column-rule: 1px outset #eee; /* Safari and Chrome */
	column-rule: 1px outset #eee;
	padding: 20px 10%;
	margin-bottom: 40px;
 }

 #chuyende .column p {

	margin: 0 0 20px !important;
 }

 #chuyende article .content p.secTitle {
	text-align: center;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 0;
 }

 #chuyende article .content blockquote {
	float: left;
	background: none;
	width: 45%;
	padding: 0;
	position: relative;
	left: -20px;
	font-size: 1.8em;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #FF6B00;
 }

 #chuyende article .content blockquote .author {
	color: #888;
	text-transform: none;
	margin-left: 30%;
	font-size: 0.8em;
 }

 #chuyende article .content blockquote:before {
	content: none;
 }

 #chuyende article .content .secTitle {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #333;
	padding: 0 10%;
	font-size: 2em;
 }

 #chuyende article .content .inline {
	display: inline-block;
	margin-right: 10px;
 }

 #chuyende article .content blockquote.full {
	width: 100%;
	left: 0;
	padding: 20px 10%;
	margin: 0;
 }

 #chuyende article .content blockquote.full .author {
	text-align: center;
	margin: 0;
	padding: 10px 20%;
 }

 #chuyende .embed {
	width: 100%;
	margin-bottom: 20px;
 }

 #chuyende .embed iframe {
	width: 100%;
	height: 400px;
 }

 #chuyende .embed .caption {
	font-size: 12px;
	color: #888;
	margin: 5px 20px;
	font-family: Arial, Helvetica, sans-serif;
 }

 #chuyende .box {
	width: 50%;
	margin: 0 0 20px 20px;
 }

 #chuyende .box iframe {
	width: 100%;
	height: 100%;
	height: 300px;
 }

 #chuyende .box.right {
	float: right;
	margin-right: 20px;
 }

 #chuyende .box.left {
	margin-right: 20px;
	float: left;
 }

 #chuyende .box.full {
	width: 80%;
	margin: 20px 10%;
	height: auto;
 }

 #chuyende #credit {
	text-align: center;
	float: none;
	padding: 15px 0;
	font-size: 1.4em;
	color: #555;
 }

 #chuyende section.article_content article .fb-like {
	margin: 20px 5%;
 }

 #chuyende article .series {
	display: none;
 }

 #chuyende .metabox {
	border-right: 0;
	border-left: 0;
	padding-top: 10px;
 }

 /* Article Main */
 section.article_content article {
	float: left;
	position: inherit;
	border: 0;
	cursor: default;
	width: 480px;
	margin-right: 20px;
 }

 section.article_content article .summary {
	display: block;
	margin: 5px 0 10px;
	color: #888;
	font-family: Arial, Helvetica, sans-serif;
 }

 section.article_content article > .tags {
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	margin: 8px 0 0;
 }

 section.article_content article > .tags a {
	display: inline-block;
	background: #f1f1f1;
	border-radius: 3px;
	margin-right: 5px;
	padding: 3px 5px;
	margin-bottom: 4px;
 }

 section.article_content article:hover > .tags a {
	background: #0394CB;
	color: #fff !important;
	box-shadow: 2px 2px 0px #ccc;
 }

 section.article_content .metabox .tags {
	clear: both;
	margin-top: 0px;
 }

 section.article_content article .fb-like {
	-margin-top: 10px;
	float: left;
	clear: both;
	height: 30px;
	overflow: hidden;
 }

 a[itemprop="keywords"], section.article_content .metabox .tags a, section.article_content .metabox .geographic a, section.article_content .metabox .people a {
	display: inline-block;
	color: #0394CB;
	margin-right: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	background: #f7f7f7;
	padding: 3px 8px;
	border-radius: 3px;
	margin-bottom: 4px;
 }

 /* Article Aside */
 section.article_content aside {
	float: right;
	width: 160px;
	padding-top: 0;
	z-index: 1;
	position: relative;
 }

 .sidebar .noscroll {
	position: absolute;
	bottom: 0!important;
	top: auto !important;
	left: 0 !important;
	overflow: hidden;
 }

 section.article_content > aside section.next_read {
	display: block;
 }

 section.article_content aside.fixed {
	position: fixed;
 }

 section.article_content aside section {
	float: left;
	width: 100%;
	margin-top: 0px;
	border: 0;
	background: none;
	box-shadow: none;
 }

 section.article_content aside section.topview {
	margin-bottom: 10px;
 }

 section.article_content aside section > header {
	border-top: 1px solid #cfcfcf;
	margin-bottom: 0;
	padding: 0;
 }

 section.article_content aside section > header h1 {
	font-size: 1em;
	font-weight: normal;
	text-transform: uppercase;
	padding-top: 5px;
	margin-bottom: 5px;
 }

 section.article_content aside article {
	float: left;
	width: 100%;
	margin-bottom: 0;
	padding: 5px 0 5px;
	border-bottom: 1px solid #f7f7f7;
 }

 section.article_content aside article header {
	height: auto;
	max-height: 70px;
	overflow: hidden;
 }

 section.article_content aside article header h1 {
	font-size: 12px;
 }

 section.article_content aside article .cover {
	width: 50%;
	height: 70px;
	margin-right: 8px;
 }

 /* Next Articles */
 section.article_content section.next_read {
	position: absolute;
	bottom: 120px;
	right: 0;
	width: 180px;
	padding: 0px 0 8px;
	background: #333;
	display: none;
 }

 section.article_content.pictures_layout section.next_read {
	display: none;
 }
 /* section.article_content.pictures_layout .content .inner-article {display:none;} */
 section.article_content section.next_read > header {
	border: 0 !important;
 }

 section.article_content section.next_read > header h1 {
	font-weight: normal;
	font-size: 0.9em;
	color: #888;
	padding: 4px 0;
	margin-bottom: 0;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	background: #fff;
 }

 section.article_content.pictures section.next_read, section.article_content.stream_layout section.next_read {
	display: none !important;
 }

 section.article_content section.next_read article {
	float: none;
	position: relative;
	width: 100%;
 }

 section.article_content section.next_read article {
	border-bottom: 1px solid #444;
	padding: 8px 0;
 }

 section.article_content section.next_read article .cover {
	display: none;
 }

 section.article_content section.next_read article:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0;
 }

 section.article_content section.next_read article:nth-child(2) {
	padding-top: 0;
 }

 section.article_content section.next_read article:nth-child(2) .cover {
	display: block;
	width: 100%;
	height: 120px;
	float: none;
	margin-bottom: 8px;
 }

 section.article_content section.next_read article:nth-child(n+5) {
	display: none;
 }

 section.article_content section.next_read article header {
	padding: 0 10px;
 }

 section.article_content section.next_read article header time {
	font-size: 10px;
	color: #888;
	text-transform: uppercase;
 }

 section.article_content section.next_read article header h1 a {
	font-size: 1em;
	color: #fff;
 }

 section.article_content section.next_read article header h1 a:hover {
	color: #fff !important;
 }

 /* Relate Articles */
 section.related article {
	padding-top: 5px !important;
 }

 section.related article .cover {
	display: none;
 }

 section.related article header h1 {
	font-size: 13px;
 }

 section.related article header h1 a {
	color: #0077B3;
	background: none !important;
	padding-left: 0 !important;
 }

 section.article_content.pictures_layout section.related {
	display: none;
 }

 /* COMMENT */
 #comments {
	display: none;
 }

 .commentbox {
	float: left;
	border-radius: 5px;
	width: 100%;
	padding: 0 0 8px;
	margin: 0 0 8px 0;
	display: none;
 }

 .commentbox header {
	line-height: 30px;
	height: 30px;
	padding: 0 5px 0 20px;
	margin-bottom: 0;
	background: url(img/icons.png) no-repeat 0px -1235px;
	font-family: 'Segoe UI', 'HelveticaNeue', Arial, Helvetica, sans-serif;
	font-size: 14px;
 }

 .commentbox header h1 {
	float: left;
	height: 30px;
	margin-right: 5px;
	text-transform: uppercase;
 }

 .commentbox .form {
	float: left;
	width: 100%;
	padding: 0 0;
	border: 1px solid #dadada;
	border-top: 2px solid #888;
	box-shadow: 0 2px 0px #f7f7f7;
 }

 .commentbox .form p {
	float: left;
	width: 100%;
	padding: 10px 10px;
	border-bottom: 1px solid #eee;
	width: 50%;
 }

 .commentbox .form p.author {
	border-right: 1px solid #eee;
 }

 .commentbox .form p.content {
	width: 100%;
	border: 0;
	position: relative;
 }

 .commentbox .form p.content label {
	width: auto;
	display: block;
	text-align: left;
 }

 .commentbox .form p.content label strong {
	color: #009CCE;
 }

 .commentbox .form p.content .btnLabanKey {
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #006BA0;
	text-decoration: underline;
	background: url(img/icon_download.html) no-repeat left 50%;
	padding-left: 30px;
	background-size: 32px;
 }

 .commentbox .form p.content .avatar {
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-right: 10px;
 }

 .commentbox .form label {
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #555;
	margin-right: 10px;
	font-size: 1.1em;
 }

 .commentbox .form textarea, .commentbox > form input {
	width: 70%;
	border: 1px solid #aaa;
	border-radius: 3px;
	padding: 5px 5px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
 }

 .commentbox .form textarea {
	width: 100%;
	height: 100px;
	margin-top: 10px;
 }

 .commentbox .form .note {
	display: block;
	float: none;
	width: 100%;
	margin-top: 10px;
	padding: 10px;
	margin-bottom: 10px;
	line-height: 15px;
 }

 .commentbox .form .note span {
	display: inline-block;
	margin: 0 10px;
	opacity: 0.5;
	line-height: 15px;
 }

 .commentbox .form .note span:before {
	content: ' ';
	background: #ccc;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 8px;
	height: 8px;
	line-height: 15px;
	margin-right: 5px;
 }

 .commentbox .form .note span.ok {
	opacity: 1;
	font-weight: bold;
	color: #4B9100;
 }

 .commentbox .form .note span.ok:before {
	content: ' ';
	background: #4B9100;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 8px;
	height: 8px;
	line-height: 15px;
	margin-right: 5px;
 }

 .commentbox .form .note span.fail {
	color: #f00;
	opacity: 1;
 }

 .commentbox .form .note span.fail:before {
	content: ' ';
	font-weight: bold;
	font-size: 12px;
	background: #f00;
	color: #fff;
	text-align: center;
	display: inline-block;
	width: 8px;
	height: 8px;
	line-height: 15px;
	margin-right: 5px;
 }

 .commentbox .form .info.warning {
	color: #f00;
	background: #FFFDC7;
 }

 .commentbox .form .btnSubmit {
	display: block;
	float: left;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 2px 0px #f7f7f7;
	padding: 5px 10px;
	margin: 0 10px 10px;
	cursor: pointer;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
	background: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background: linear-gradient(top, #ffffff, #f5f5f5);
 }

 .commentbox .form .btnSubmit.disabled {
	opacity: 0.8;
 }

 .commentbox .order {
	float: left;
	clear: both;
	width: 100%;
	font-size: 0.9em;
	padding: 5px 10px;
	margin-bottom: 2px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
 }

 .commentbox .order > * {
	display: inline-block;
	margin-right: 5px;
	padding: 3px 10px 2px;
	border-radius: 3px;
	border: 1px solid #fff;
	white-space: nowrap;
 }

 .commentbox .order label {
	background: #FFF583;
 }

 .commentbox .order a:hover {
	border: 1px dashed #ddd;
 }

 .commentbox .order a.current {
	border: 1px solid #ddd;
	background: #fcfcfc;
 }

 .commentbox .comments {
	float: left;
	width: 95%;
	margin-left: 5%;
	border-left: 1px solid #ccc;
 }

 .commentbox .comments li {
	float: left;
	width: 100%;
	position: relative;
	margin: 0;
	padding: 10px 20px;
	font-size: 0.9em;
	line-height: 1.4;
	color: #555;
 }

 .commentbox .comments li.preview {
	background: #fcfcfc;
	padding-bottom: 8px;
	margin-bottom: 10px;
 }

 .commentbox .comments li.preview:after {
	content: 'Bình luận đang chờ duyệt';
	display: inline-block;
	margin: 8px 0;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	color: #888;
	background: #FFFCB6;
	padding: 4px 10px 2px;
 }

 .commentbox .comments li .meta {
	display: block;
	position: relative;
	left: -33px;
	line-height: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #888;
 }

 .commentbox .comments li .meta span {
	text-transform: uppercase;
	color: #000;
 }

 .commentbox .comments li .meta span.time {
	color: #aaa;
	display: none;
	font-size: 10px;
 }

 .commentbox .comments li:hover .meta span.time {
	display: inline;
 }

 .commentbox .comments li.noavatar > .meta:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	border: 1px solid #ccc;
	background: #fff;
	margin-right: 10px;
	position: relative;
	top: 7px;
 }

 .commentbox .comments li .meta img.avatar {
	width: 30px;
	height: 30px;
	border-radius: 30px;
	vertical-align: middle;
	position: relative;
	left: -3px;
	margin-right: 3px;
 }

 .commentbox .comments li .comment-content {
	font-size: 1.1em;
	line-height: 1.4;
 }

 .commentbox .comments li .comment-quote {
	margin: 20px 0px 20px 25px;
	font-size: 12px;
	border-left: 2px solid #ccc;
	padding: 10px 21px 15px;
	background: #f7f7f7;
	display: none;
 }

 .commentbox .comments li .comment-quote .meta {
	left: 0;
	margin-bottom: 0;
	text-transform: uppercase;
 }

 .commentbox .comments li .comment-actions {
	font-size: 11px;
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	color: #555;
	text-transform: uppercase;
	margin-top: 5px;
 }

 .commentbox .comments li .comment-actions a {
	display: inline-block;
	margin-right: 20px;
	padding-left: 20px;
	line-height: 23px;
	height: 20px;
	color: #009CCE;
 }

 .commentbox .comments li .comment-actions.disabled a {
	color: #888;
 }

 .commentbox .comments li .comment-actions a.active {
	color: #009CCE !important;
	font-weight: bold;
 }

 .commentbox .comments li .comment-actions a.btnLike {
	background: url(img/icon_like.png) no-repeat left 50%;
	background-size: 16px;
 }

 .commentbox .comments li .comment-actions a.btnDislike {
	background: url(img/icon_dislike2.html) no-repeat left 5px;
	background-size: 16px;
	display: none;
 }

 .commentbox .comments li .comment-actions a.btnReply {
	background: url(img/icon_reply.html) no-repeat left 5px;
	background-size: 16px;
	color: #000;
	display: none;
	white-space: nowrap;
 }

 .commentbox .comments > li:hover {
	background: #fafafa;
 }

 .commentbox .comments li:hover .comment-actions a.btnReply {
	display: inline-block;
 }

 .commentbox .comments li .comment-actions .reply {
	margin: 15px 30px;
 }

 .commentbox .comments li .comment-actions .reply textarea {
	width: 100%;
	height: 50px;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px;
 }

 .commentbox .comments li .comment-actions .reply .btnSubmit {
	display: block;
	float: left;
	border: 1px solid #aaa;
	border-radius: 5px;
	box-shadow: 0 2px 0px #f7f7f7;
	padding: 0px 10px;
	cursor: pointer;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
	background: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background: linear-gradient(top, #ffffff, #f5f5f5);
	height: auto;
	margin: 0;
 }

 .commentbox .comments li ul.replies {
	float: right;
	width: 95%;
	margin-top: 10px;
	background: #fafafa;
 }

 .commentbox .comments li ul.replies li {
	border-left: 1px solid #CCC;
	margin: 0;
	padding: 5px 20px;
 }


 .commentbox .btnMore {
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	margin-left: 5%;
	left: -12px;
	position: relative;
	color: #39C;
 }

 .commentbox .comments li .btnMore {
	margin-top: 10px;
	left: 0;
 }

 .commentbox .btnMore:before {
	content: '•••';
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	border: 1px solid #ccc;
	background: #fff;
	color: #888;
	margin-right: 10px;
	position: relative;
	text-align: center;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	top: -1px;
 }

 .commentbox .comments li .btnMore:before {
	content: '';
	display: none;
 }

 .commentbox .form .sharefb {
	float: left;
	color: #3B5998;
	margin-top: 5px;
	font-size: 12px;
 }

 .commentbox .form .sharefb input {
	position: relative;
	top: -1px;
 }


 .fb-recommendations-bar {
 }

 /* DISCOVER SECTION */
 #discover {
	width: 660px;
	float: left;
	margin-top: 8px;
 }

 #discover section {
 }

 #discover section > header h1 {
	font-size: 1.2em;
	text-transform: uppercase;
 }

 #discover section > header h1 a {
	color: #3399cc;
 }

 /* DISCOVER VIDEO */
 #discover section.video {
	width: 100%;
 }

 #discover section.video article {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 10px;
 }

 #discover section.video article:nth-child(3n+1) {
	margin-right: 0;
 }

 #discover section.video article .cover {
	width: 100%;
	height: 130px;
	float: none;
	background: #000;
 }

 #discover section.video article .cover img {
	opacity: 0.6;
 }

 #discover section.video article:hover .cover img {
	opacity: 1;
 }

 #discover section.video article .type {
	display: block;
	position: absolute;
	top: 90px;
	left: 25px;
	background: rgba(0, 0, 0, 0.4) url(img/icons.png) 10px -1409px !important;
	border: 1px solid rgba(247, 247, 247, 0.41);
	border-radius: 3px;
	width: 35px;
	height: 35px;
	margin: 0 0 0 -18px;
 }

 #discover section.video article header {
	margin: 0;
	padding: 5px 5px;
	background: #0098D3;
	height: 42px;
 }

 #discover section.video article header h1 a {
	background: none;
	padding-left: 0;
	color: #fff;
 }

 #discover section.video article .relate {
	display: none;
 }

 /* DISCOVER SAME CATE */
 section.same_cate {
	width: 100%;
	margin-bottom: 16px;
 }

 section.same_cate > header {
	margin-bottom: 10px;
 }

 section.same_cate article {
	display: block;
	border: 0;
	width: 24.2%;
	margin-right: 1%;
 }

 section.same_cate article:last-child {
	margin-right: 0;
 }

 section.same_cate article .cover {
	float: none;
	margin-bottom: 3px;
	width: 100%;
	height: 120px;
 }

 section.recommendation {
	float: left;
	width: 100%;
	margin: 0;
	border-top: 1px solid #ddd;
	padding: 0 0 20px;
	background: #fcfcfc;
 }

 section.recommendation > header {
	float: left;
	width: 100%;
	text-align: left;
 }

 section.recommendation > header h1 {
	font-size: 1.2em;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal !important;
	padding: 8px 0;
	width: 180px;
	display: inline-block;
	position: relative;
	top: -16px;
	background: #fff;
 }

 section.recommendation > article {
	width: 24.1%;
	margin-right: 1%;
 }

 section.recommendation > article:last-child {
	margin-right: 0;
 }

 section.recommendation > article .cover {
	width: 100%;
	height: 110px;
	margin-bottom: 8px;
 }

 /* DISCOVER RELATE CATE */
 #discover section.related_cate {
	width: 48%;
	margin: 8px 4% 20px 0;
 }

 #discover section.related_cate:nth-child(4) {
	margin-right: 0;
 }

 #discover section.related_cate article {
	border-bottom: 1px solid #f7f7f7;
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	width: 100%;
 }

 #discover section.related_cate article .cover {
	display: none;
 }

 #discover section.related_cate article .summary {
	display: none;
 }

 #discover section.related_cate article header {
	margin-bottom: 0;
	max-height: 64px;
 }

 #discover section.related_cate article header h1 {
	padding: 0 10px 0 0;
	height: 32px;
 }

 #discover section.related_cate article header h1 {
	font-weight: normal;
 }

 #discover section.related_cate article.featured .cover {
	display: block;
	width: 80px;
	height: 60px;
 }

 #discover section.related_cate article.featured header h1 {
	font-weight: bold;
 }

 #discover section.related_cate .top {
	width: 100%;
	border: 0;
	padding: 0;
 }

 /* ARTICLE CONTENT */
 article .content {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.16em;
	line-height: 1.2em;
 }

 body.serif article .content {
	font-family: 'Noticia Text', Times, serif;
	font-size: 1.1em;
	line-height: 1.6;
 }

 article .content .pTitle, article .content .pHead {
	display: none;
 }

 article .content .pSubTitle {
	font-weight: bold;
	font-size: 110%;
 }

 article .content > p {
	margin: 20px 0;
 }

 article .content > p .inlineBox {
	display: none;
	position: absolute;
	top: 0;
	left: -20px;
	width: 20px;
 }

 article .content > p:hover .inlineBox {
	display: block;
 }

 article .content > p.inline-image {
	text-align: center;
	margin: 18px 0;
 }

 article .content > p.inline-image img {
	margin-bottom: -6px;
	box-shadow: 3px 3px 0 #D5D5D5;
 }

 article .content > p a.extra {
	text-decoration: underline;
	color: #000;
 }

 article .content > p a.extra:hover {
	text-decoration: none;
 }

 article .content > p > strong {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
 }

 article .content .linebreak {
	display: block;
	margin-bottom: 10px;
 }

 article .content > *:nth-child(1) {
	margin-top: 0;
 }
 /* article .content > p ~ em, article .content > em ~ p {display:inline;} */
 article .content p a {
	color: #0077B3;
 }

 article .content p a:hover {
	text-decoration: underline;
 }

 article .content .pQuestion {
	font-style: italic;
	color: #000;
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	font-size: 14px;
 }

 article .content img {
	max-width: 100%;
 }

 article .content table {
	width: 100% !important;
 }

 article .content table img {
	width: 100%;
	height: auto;
 }

 article .content table.picture {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #333;
	width: 100%;
	margin: 8px 0;
	clear: both;
	position: relative;
 }

 article .content table.video {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
 }

 article .content table.video .caption {
	padding: 4px 0;
 }

 article .content .audio {
	float: left;
	width: 100%;
	clear: both;
	margin: 10px 0;
	font-family: Arial;
	background: #8F8F8F;
	overflow: hidden;
 }

 article .content .audio .caption, article .content .mapviewer .caption {
	padding: 5px 15px 10px;
	margin: 0;
	font-size: 0.8em;
	color: #fff;
 }

 article .content .mapviewer {
	overflow: hidden;
	margin: 10px 0;
	float: left;
	width: 100%;
	font-family: Arial;
 }

 article .content .mapviewer p.caption {
	background: #F78A00;
	padding-top: 10px;
	margin-top: -5px;
 }

 article .content table.picture td {
	position: relative;
	padding: 0;
 }

 article .content table.picture .btnSlideshow {
	position: absolute;
	top: 0;
	right: 0;
	color: #fff;
	background: url(img/expand.html) no-repeat 50% 50%;
	background-size: 16px;
	background-color: rgba(0, 0, 0, 0.6);
	width: 30px;
	height: 30px;
	overflow: hidden;
	text-indent: -999px;
	margin-left: 0;
	margin-top: 0;
	display: none;
	padding: 0 10px;
 }

 article .content table.picture .btnShareImage {
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #fff;
	background: url(img/expand.html) no-repeat 8px 50%;
	background-size: 16px;
	background-color: #00A3FF;
	width: auto;
	height: 30px;
	line-height: 30px;
	margin-left: 0;
	margin-top: 0;
	display: none;
	padding: 0 10px 0 30px;
	text-transform: uppercase;
	border-radius: 5px;
 }

 article .content table.picture .fbShareImage {
	position: absolute;
	bottom: 10px;
	left: 10px;
	right: 10px;
	width: auto;
	height: 28px;
	overflow: hidden;
	display: none;
	padding: 0 10px;
 }

 article .content table.picture .fbShareImage .fb_iframe_widget {
	text-align: left;
 }

 article .content table.picture .fbShareImage .fb_iframe_widget > span {
	width: 70px !important;
	height: 28px !important;
	display: block;
	background: #fff;
	background: rgba(255, 255, 255, 0.7);
	padding: 5px;
 }

 article .content table.picture .fbShareImage .fb_iframe_widget iframe {
	width: 100% !important;
 }

 article .content table.picture:hover .btnSlideshow, article .content table.picture:hover .btnShareImage, article .content table.picture:hover .fbShareImage {
	display: block;
 }

 article .content table.picture:hover img {
	opacity: 0.95;
 }

 article .content table.picture img {
	margin-bottom: -3px;
	cursor: pointer;
 }

 article .content table.picture p {
	margin: 0 0;
 }

 article .content table.picture .caption {
	padding: 5px 0;
	line-height: 16px;
 }

 article .content div > table {
	border: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
 }

 article .content div > table:not(.picture) td {
	border-bottom: 1px solid #ddd;
	padding: 4px 10px;
	border-right: 1px solid #eee;
 }

 article .content div > table tr:nth-child(2n) td {
	background: #f7f7f7;
 }

 article .content div > table th {
	border-bottom: 1px solid #ddd;
	text-align: left;
	padding: 4px 10px;
	border-right: 1px solid #eee;
 }

 article .content iframe {
	width: 100%;
 }

 article .content blockquote {
	display: block;
	width: 90%;
	clear: both;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.2;
	font-style: italic;
	padding: 10px 5% 10px 10%;
	margin: 8px 5% 16px;
	position: relative;
	background: #eee;
	border-radius: 10px;
 }

 article .content blockquote:before {
	content: '"';
	display: block;
	position: absolute;
	top: -0px;
	left: 1%;
	font-size: 4em;
	color: #ccc;
	font-family: Arial, Helvetica, sans-serif;
 }

 article .content blockquote > p {
	margin: 10px 0;
 }

 article .content blockquote > p:last-child {
	margin-bottom: 0;
 }
 /** Inner article **/
 article .content .inner-article {
	float: left;
	width: 100%;
	height: 120px;
	overflow: hidden;
	padding: 0 0;
	margin: 10px 0;
	clear: both;
	position: relative;
	border: 1px solid #ddd;
 }

 article .content .inner-article a {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	background: #f7f7f7;
	padding: 0 10px 0 38%;
 }

 article .content .inner-article a h1 {
	color: #0077B3;
 }

 article .content .inner-article time {
	display: none;
 }

 article .content .inner-article .cover {
	float: left;
	width: 35%;
	margin-right: 10px !important;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
 }

 article .content .inner-article h1 {
	margin-top: 10px;
	font-size: 0.9em;
	line-height: 1.2;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
 }

 body.serif article .content .inner-article h1 {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
 }

 article .content .inner-article .summary {
	font-size: 12px;
	line-height: 16px;
	max-height: 64px;
 }
 /* Inner video article */
 article .content .inner-video {
	float: left;
	width: 100%;
	height: 300px;
	overflow: hidden;
	margin: 4px 0 10px;
 }

 article .content .inner-video time {
	display: none;
 }

 .pictures_layout .content .inner-video {
	height: 371px;
 }

 .pictures_layout .content .inner-video .cover span {
	top: 45%;
 }

 article .content .inner-video a {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
 }

 article .content .inner-video .cover {
	width: 100%;
	height: 100%;
	position: relative;
 }

 article .content .inner-video .cover span {
	display: block;
	width: 70px;
	height: 70px;
	overflow: hidden;
	text-indent: -999px;
	background: url(img/icon_play.png) no-repeat 50% 50%;
	position: absolute;
	top: 40%;
	left: 50%;
	margin-top: -35px;
	margin-left: -35px;
 }


 article .content .inner-video h1 {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 1.4em;
	line-height: 1.2;
	color: #fff;
	padding: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	background: rgba(0,0,0,0.6);
 }

 /* Attachment to an article */
 #attachments {
	width: 100%;
	padding-bottom: 5px;
 }

 #attachments > p {
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin-bottom: 8px;
 }

 #attachments li {
	background: url(img/icon_attachments.jpg) no-repeat 10px 50%;
	background-size: 16px;
	line-height: 24px;
	margin-bottom: 5px;
	padding: 10px 10px 10px 34px;
	border: 1px solid #ddd;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 0.9em;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.04);
 }

 #attachments li a {
	display: block;
	width: 100%;
	height: 100%;
 }

 /* Live Stream */
 #livestream {
	margin-bottom: 20px;
 }

 #livestream, #livestream .events, #livestream .events li {
	width: 100%;
	float: left;
	clear: both;
	overflow: hidden;
 }

 #livestream .events {
	border-top: 1px solid #ccc;
 }

 #livestream .controller {
	float: left;
	width: 100%;
	padding: 0 10px;
	font-size: 1em;
	height: 36px;
	line-height: 36px;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
	background: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background: -ms-linear-gradient(top, #ffffff, #f5f5f5);
	background: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background: linear-gradient(top, #ffffff, #f5f5f5);
	font-family: 'Roboto Condensed', sans-serif;
 }

 #livestream .controller h2 {
	float: left;
	font-weight: normal;
	text-transform: uppercase;
 }

 #livestream .controller .btnRefresh {
	float: right;
	font-size: 0.8em;
	line-height: 36px;
	color: #F00;
 }

 #livestream .controller .btnRefresh span {
	font-weight: bold;
 }

 #livestream .controller .btnRefresh.error {
	color: #C90000;
 }

 #livestream .controller .btnRefresh.isLoading {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	float: right;
	width: 20px;
	height: 36px;
	background: url(img/icon_loading_small.html) no-repeat 50% 50%;
 }

 #livestream .events li {
	margin-bottom: 2px;
	box-shadow: 0px 2px 0px -1px #ECECEC;
	position: relative;
	overflow: hidden;
 }

 #livestream .events li .event {
	top: 0;
	position: relative;
	float: left;
	width: 100%;
	border-right: 1px solid #fff;
 }

 #livestream .events li:hover .event {
	border-right: 1px solid #0098D3;
 }

 #livestream .events li .event-meta {
	width: 10%;
	float: left;
	font-size: 0.7em;
	text-align: center;
	position: relative;
	top: 0;
 }

 #livestream .events li .event-meta .type {
	display: block;
	width: 32px;
	height: 32px;
	margin: 15px auto;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 50% top;
	background-size: 24px;
	border-radius: 5px;
	overflow: hidden;
	text-indent: -999px;
 }

 #livestream .events li .event-content {
	width: 90%;
	float: right;
	padding: 0 10px 10px;
	font-size: 12px;
	line-height: 1.6;
	position: relative;
	top: 0;
	font-family: Arial, Helvetica, sans-serif;
 }

 #livestream .events li .event-content .inner-article {
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 1.2em;
 }

 #livestream .events li .event-content .inner-article p {
	margin: 0;
 }

 #livestream .events li .event-content table {
	margin: 10px 0 !important;
 }

 #livestream .events li .event-content table.picture, #livestream .events li .event-content table.video {
	border: 0 !important;
 }

 #livestream .events li .event-content table.picture td, #livestream .events li .event-content table.video td {
	border: 0 !important;
	padding: 0 !important;
 }

 #livestream .events li .event-content table.picture td.caption, #livestream .events li .event-content table.video td.caption {
	display: none;
 }

 #livestream .events li .event-content table.picture {
	background: none !important;
 }

 #livestream .events li:hover .event-content {
	background: #fcfcfc;
 }

 #livestream .events li .event-content time {
	padding: 0;
	margin-top: 8px;
	display: block;
	width: 100%;
	color: #940000;
	font-size: 0.9em;
 }

 #livestream .events .event-content p {
	margin: 4px 0 8px;
 }

 #livestream .events .event-content table, #livestream .events .event-content tbody, #livestream .events .event-content tr {
	max-width: 100%;
	display: block;
	overflow: hidden;
 }

 #livestream .events .event-content table.picture {
	border: 0 !important;
 }

 #livestream .events .event-content img {
	max-width: 100% !important;
	width: auto !important;
 }

 #livestream .events .event-content table.picture .caption {
	border: 0;
	background: none;
	padding: 10px 0;
 }

 #livestream .events .event-content table.picture td {
	border: 0;
	padding: 0;
 }

 #livestream .events .event-content table td {
	display: block;
	width: 100%;
 }

 #livestream .events li.football_goal .event-meta .type {
	background-image: url(img/football_goal.png);
 }

 #livestream .events li.football_corner .event-meta .type {
	background-image: url(img/football_corner.html);
 }

 #livestream .events li.football_yellowcard .event-meta .type {
	background-image: url(img/football_yellocard.png);
 }

 #livestream .events li.football_redcard .event-meta .type {
	background-image: url(img/football_redcard.html);
 }

 #livestream .events li.football_change .event-meta .type {
	background-image: url(img/football_change.png);
 }

 #livestream .events li.football_start .event-meta .type {
	background-image: url(img/football_start.html);
 }

 #livestream .events li.football_map .event-meta .type {
	background-image: url(img/football_map.png);
 }

 #livestream .events li.football_stadium .event-meta .type {
	background-image: url(img/football_stadium.html);
 }

 #livestream .events li.football_time .event-meta .type {
	background-image: url(img/football_time.png);
 }

 #livestream .events li.football_stop .event-meta .type {
	background-image: url(img/football_stop.html);
 }

 #livestream .events li.phone .event-meta .type {
	background-image: url(img/phone.html);
 }

 #livestream .events li.comment .event-meta .type {
	background-image: url(img/commentary/comment2.html);
 }

 #livestream .events li.quotation .event-meta .type {
	background-image: url(img/quotation.png);
 }

 #livestream .events li.facebook .event-meta .type {
	background-image: url(img/facebook.html);
 }

 #livestream .events li.mail .event-meta .type {
	background-image: url(img/mail.png);
 }

 #livestream .events li.video .event-meta .type {
	background-image: url(img/video.html);
 }

 #livestream .events li.picture .event-meta .type {
	background-image: url(img/picture.png);
 }

 #livestream .events li.medal_bronze .event-meta .type {
	background-image: url(img/medal_bronze.html);
 }

 #livestream .events li.medal_silver .event-meta .type {
	background-image: url(img/medal_silver.html);
 }

 #livestream .events li.mdeal_gold .event-meta .type {
	background-image: url(img/medal_gold.html);
 }

 #livestream .events li.guest1, #livestream .events li.guest2, #livestream .events li.guest3, #livestream .events li.guest4 {
	display: none !important;
 }

 #livestream.live .events li.guest1, #livestream.live .events li.guest2, #livestream.live .events li.guest3, #livestream.live .events li.guest4 {
	display: block !important;
 }

 #livestream.live .events li.guest1 .event-meta .type {
	background-image: url(img/guest_quanghuy.jpg);
	padding: 0;
	background-size: 64px !important;
	margin: 0;
	width: 64px;
	height: 64px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block !important;
 }

 #livestream.live .events li.guest2 .event-meta .type {
	background-image: url(img/guest_tabiencuong.html);
	padding: 0;
	background-size: 64px !important;
	margin: 0;
	width: 64px;
	height: 64px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block !important;
 }

 #livestream.live .events li.guest3 .event-meta .type {
	background-image: url(img/guest_vanhleg.png);
	padding: 0;
	background-size: 48px !important;
	margin: 0;
	width: 64px;
	height: 64px;
	margin-top: 10px;
	margin-bottom: 10px;
	display: block !important;
 }

 /* INTERVIEW */
 #interview {
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
 }

 #interview .event-banner {
	float: left;
	width: 100%;
 }

 #interview .event-banner img {
	width: 100%;
	height: auto;
 }

 #interview .event-wrapper {
	float: left;
	width: 100%;
	position: relative;
	border: 1px solid #dadada;
	padding: 10px;
	border-top: 0;
	top: -6px;
	background: #fff;
	box-shadow: 0px 0px 4px -2px #8D8D8D;
 }

 #interview .event-wrapper .stream, #interview .event-wrapper .description {
	width: 100%;
	margin: 0 0;
	float: left;
	padding: 15px;
	font-size: 1em;
 }

 #interview .event-wrapper .stream {
	padding-top: 0px;
	padding-bottom: 0;
 }

 #interview .description .content {
	float: left;
	width: 75%;
	padding-right: 10px;
	border-right: 1px solid #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
 }

 #interview .description .content .participant {
	float: left;
	width: 100%;
 }

 #interview .description .content .participant li {
	width: 100%;
	float: left;
	margin-right: 0;
	padding-right: 10px;
	font-size: 1em;
	line-height: 50px;
	color: #b80000;
	text-transform: uppercase;
	cursor: pointer;
	font-family: 'Roboto Condensed', sans-serif;
 }

 #interview .description .content .participant img {
	border-radius: 50px;
	width: 50px;
	height: 50px;
	display: block;
	margin: 0;
	float: left;
	margin-right: 10px;
 }

 #interview .description .content .label {
	font-size: 0.85em;
	text-transform: uppercase;
	color: #555;
	background: #f1f1f1;
	padding: 3px;
 }

 #interview .description .info {
	float: right;
	width: 25%;
	padding-left: 10px;
	font-size: 0.9em;
 }

 #interview .description .info li {
	float: left;
	width: 100%;
	margin-bottom: 8px;
	font-family: 'Roboto Condensed', sans-serif;
 }

 #interview .description .info label {
	display: block;
	color: #888;
	font-size: 11px;
	text-transform: uppercase;
 }

 #interview .description .info span {
	font-size: 14px;
	text-transform: uppercase;
	color: #e94d00;
 }

 #interview .description .info .btnSubmit {
	width: 100%;
	border-radius: 3px;
	background: #56BAEE;
	padding: 10px 5px;
	text-align: center;
	font-size: 1em;
	text-transform: uppercase;
	float: left;
	clear: both;
	color: #fff;
	border: 1px solid #6cbfeb;
	margin-top: 0;
	display: none;
	font-family: 'Roboto Condensed', sans-serif;
 }

 #interview.live .btnSubmit, #interview.question .btnSubmit {
	display: block !important;
 }

 #interview .timer {
	line-height: 16px;
	display: none;
	text-align: center;
	font-size: 12px;
	float: left;
	width: 100%;
	border-top: 1px solid #eee;
	padding: 10px 0;
	color: #888;
	cursor: pointer;
 }

 #interview .timer:hover {
	color: #f00;
 }

 #interview .timer.error {
	color: #f00;
 }

 #interview.live .timer {
	display: block;
 }

 #interview .timer.isLoading {
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	float: right;
	background: url(img/icon_loading_small.html) no-repeat 50% bottom;
 }

 #interview .stream li {
	position: relative;
	width: 100%;
	border-top: 1px solid #eee;
	float: left;
	padding: 10px 0 20px;
	background: #fff;
 }

 #interview .stream li time {
	font-size: 11px;
	color: #f15a24;
	float: right;
 }

 #interview .stream li .author {
	text-align: left;
	margin: 0;
	font-weight: normal;
	color: #555;
	font-size: 12px;
 }

 #interview .stream li .question .author {
	text-transform: uppercase;
 }

 #interview .stream li .question .author span {
	font-weight: bold;
 }

 #interview .stream li .question .content {
	font-weight: bold;
	font-size: 13px;
	margin-top: 5px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
 }

 #interview .stream li .answer {
	margin-left: 30px;
	margin-top: 20px;
	border-left: 2px solid #ddd;
	padding-left: 10px;
	font-size: 1em;
 }

 #interview .stream li .answer .author {
	font-weight: bold;
	color: #b80000;
	text-transform: uppercase;
	margin-bottom: 5px;
 }

 #interview .stream li .answer .content {
	font-size: 16px;
 }

 #interview .stream li .answer table.picture {
	border: 0;
 }

 #interview .stream li .answer table.picture td {
	padding: 2px 0;
	background: #fff;
	color: #555;
	border: 0;
 }

 #interview .stream li .answer table.picture td.caption {
	display: none;
 }

 /* Side Notes */
 article .content .notebox {
	background: #D9E6F0;
	color: #000;
	width: 100%;
	border-radius: 5px;
	border: 1px dashed #888;
	margin-bottom: 5px;
	padding: 15px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
	width: 100%;
 }

 article .content .notebox a {
	text-decoration: underline;
 }

 article .content .notebox p {
	margin: 12px 0;
 }

 article .content .notebox p:first-child {
	margin-top: 0;
 }

 article .content .notebox p:last-child {
	margin-bottom: 0;
 }

 article .content .notebox td {
	padding: 10px;
 }

 article .content .notebox.nright {
	float: right;
	margin-left: 10px;
	width: 50%;
 }

 article .content .notebox.nleft {
	float: left;
	margin-right: 10px;
	width: 50%;
 }

 article .content .notebox.ncenter {
	margin-top: 5px;
 }

 /* Source & Author */
 article .content .pSource, article .content .pzSource, article .content .pAuthor, article .content .pzAuthor {
	display: none;
 }

 article > .author, article > .source {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-size: 13px;
	margin: 0 0 5px 0;
	color: #000;
	text-align: right;
 }

 article .content .pAuthor, article .content .pzAuthor {
	text-transform: capitalize;
 }

 /* META INFO */
 .metabox, #metainfo {
	font-size: 12px;
	padding: 5px 10px 5px 15px;
	float: left;
	clear: both;
	width: 100%;
	font-family: 'Roboto Condensed', sans-serif;
	border: 1px solid #DDD;
	border-left: 2px solid #b1b1b1;
	margin-top: 10px;
 }

 .metabox ul.info, #metainfo ul.info {
	width: 100%;
	float: left;
 }

 .metabox ul.info li, #metainfo ul.info li {
	float: left;
	width: 100%;
	padding: 5px 0;
 }

 .metabox ul.info li > label, #metainfo ul.info li > label {
	float: left;
	width: 15%;
 }

 .metabox ul.info li > .info, #metainfo ul.info li > .info {
	float: right;
	width: 80%;
 }

 .metabox ul.info li.source a, #metainfo ul.info li.source a {
	color: #919191;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
 }

 .metabox ul.info li.source span, #metainfo ul.info li.source span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	display: block;
	display: none;
 }

 #credit {
	margin: 8px 0;
	font-size: 0.9em;
	font-family: 'Open Sans Condensed', Arial, Helvetica, sans-serif;
	text-align: right;
	clear: both;
	float: right;
 }

 #credit .author {
	font-size: 1.3em;
 }

 #credit .source span {
	font-weight: normal;
	color: #919191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: relative;
	top: -2px;
 }

 .ratingbox {
	font-weight: normal;
	float: left;
	clear: both;
	width: 100%;
	display: none;
 }

 .ratingbox > p {
	margin-bottom: 8px;
	color: #555;
	display: none;
 }

 .ratingbox > p.heading {
	text-transform: uppercase;
	margin-bottom: 0px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #000;
	display: block;
	margin-bottom: 8px;
 }

 .ratingbox ul {
	padding-left: 20px;
 }

 .ratingbox li {
	cursor: pointer;
	padding: 3px 10px 3px 25px;
	background: #f7f7f7;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #eee;
	border-radius: 3px;
 }

 .ratingbox li.ratingGood {
	background: url(img/icon_heart.html) no-repeat 5px 4px;
	background-size: 14px;
 }

 .ratingbox li.ratingNormal {
	background: url(img/icon_check.html) no-repeat 5px 4px;
	background-size: 16px;
 }

 .ratingbox li.ratingBad {
	background: url(img/icon_dislike.png) no-repeat 5px 6px;
	background-size: 14px;
 }

 .ratingbox li:hover {
	background-color: #eee;
	border-color: #888;
 }

 .ratingbox .result a {
	color: #0394CB;
 }

 #followbox {
	float: left;
	width: 100%;
	border-top: 1px solid #ddd;
	margin-top: 10px;
	padding-top: 10px;
	display: none;
 }

 #followbox li {
	float: left;
	width: 33.3%;
	height: 60px;
	border-right: 1px solid #eee;
 }

 #followbox li:last-child {
	border: 0;
 }

 #followbox li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 65px;
	padding-right: 5px;
 }

 #followbox li.zalo a {
	background: url(img/icon_barcodezalo.html) no-repeat left top;
 }

 #followbox li.extension a {
	background: url(img/icon_download.html) no-repeat 4px -3px;
 }

 #followbox li.facebookfanpage a {
	background: url(img/icon_facebook.html) no-repeat left top;
 }

 #idtag {
	font-size: 12px;
	border-radius: 5px;
	background: #F7F7F7;
 }

 #idtag p {
	padding: 5px 0 5px 30px;
 }

 #idtag p label {
	font-weight: bold;
 }

 #idtag a {
	color: #0077B3;
	font-weight: bold;
	text-decoration: underline;
 }

 #idtag a:hover {
 }

 #idtag p.location {
	background: url(img/map.png) no-repeat 5px 2px;
	background-size: 22px;
 }

 #idtag p.people {
	background: url(img/user.html) no-repeat 5px 0px;
	background-size: 22px;
 }

 #location a {
	color: #000;
 }

 #location a:hover {
	color: #006BA0;
 }

 .lastupdate {
	font-size: 11px;
	color: #888;
	margin: 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
 }

 article > span[itemprop], article > div[itemtype] {
	display: none;
 }

 article .series {
	width: 100%;
	margin-top: 20px;
	float: left;
 }

 .series article > header h1 span.social {
	display: none !important;
 }

 article .series > li {
	float: left;
	width: 100%;
	border: 1px solid #ACACAC;
	margin-bottom: 8px;
 }

 article .series > li > div {
	padding: 4;
	width: 100%;
	border-bottom: 1px solid #eee;
	padding: 6px 10px 4px;
 }

 article .series > li > div p {
	text-transform: uppercase;
	font-size: 10px;
 }

 article .series > li > div label {
	display: block;
	float: left;
	overflow: hidden;
	width: 50px;
	height: 48px;
	background: #09c url(img/icons.png) no-repeat 7px -1586px;
	color: #FFF;
	font-size: 9px;
	text-align: center;
	text-transform: uppercase;
	text-indent: -999px;
	margin-right: 10px;
 }

 article .series > li > div h1 {
	margin-top: 6px; /* font-size: 1.8em; */
	margin: -4px 0 0 0;
	padding: 4px 0;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
 }

 article .series > li > div h1 a {
	font-size: 16px;
	color: #09c;
	line-height: 20px;
 }

 article .series > li > div .count {
	font-size: 10px;
	color: #888;
	text-transform: uppercase;
 }

 article:hover .series > li {
	border-color: #ccc;
 }

 article .series > li ul {
	width: 100%;
	float: left;
 }

 article .series > li li {
	width: 25%;
	float: left;
	padding: 0;
	border-right: 1px solid #eee;
 }

 article .series > li li:last-child {
	border: 0;
 }

 section.article_content article .series article {
	width: 100% !important;
	margin: 0;
 }

 section.article_content article .series article .cover {
	height: 80px;
	width: 100%;
	margin-bottom: 0;
	float: none;
 }

 section.article_content.pictures_layout article .series article .cover {
	height: 120px;
 }

 section.article_content article .series article header {
	padding: 10px;
 }

 /* VIDEO CONTENT */
 #video_content {
	float: left;
	width: 100%;
	margin-bottom: 10px;

 }

 #video_content > header {
	float: left;
	overflow: visible;
	background: #333;
	width: 100%;
	height: 430px;
	padding: 0 20px 0 0;
 }

 #video_content > header iframe {
	float: left;
	width: 660px;
	height: 430px;
	margin-right: 20px;
 }

 #video_content > header .cate, #video_content > header time {
	display: block;
	float: left;
	font-size: 10px;
	color: #f1f1f1;
	text-transform: uppercase;
 }

 #video_content > header time {
	width: 150px;
	margin-left: 10px;
 }

 #video_content > header h1 {
	float: left;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 24px;
	margin: 20px 0 10px;
	padding: 0 0 10px 0;
	width: 280px;
	border-bottom: 1px dotted #888;
 }

 #video_content > header .summary {
	float: left;
	font-family: 'Segoe UI', Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	padding: 0;
	width: 280px;
	border-top: 1px dotted #888;
	padding-top: 4px;
	margin-top: 8px;
 }

 #video_content > header .author {
	float: left;
	width: 280px;
	margin: 8px 0;
	color: #fff;
	font-weight: bold;
	border-top: 1px solid #fff;
	padding-top: 8px;
 }

 #video_content > header .source {
	float: left;
	color: #fff;
 }

 #video_content > header .fb_iframe_widget {
	width: 280px;
	float: left;
	margin-top: 10px;
 }

 #video_content > article {
	display: none;
 }


 /* PICTURE & VIDEO CUSTOMIZATIONS */
 section.video_layout > header {
	margin-bottom: 8px;
 }

 section.video_layout > header .cover iframe {
	width: 100%;
	height: 100%;
 }

 section.video_layout > header .cover, section.article_content.video_layout article .content, section.article_content.video_layout article .tags {
	display: none;
 }

 section.video_layout aside {
	margin-top: 10px;
 }

 section.video_layout aside .social {
	margin-top: 8px;
	margin-bottom: 8px;
 }

 section.video_layout aside {
	width: 100%;
	padding-top: 10px;
	margin-top: 0;
 }

 section.video_layout > article {
	display: none;
 }

 section.article_content.pictures_layout article, section.article_content.stream_layout article {
	width: 100% !important;
	padding-bottom: 5px;
 }

 section.article_content.pictures_layout.inline aside .related {
	display: none;
 }

 section.article_content.pictures_layout.inline .content > iframe {
	width: 100%;
	height: 400px;
 }

 section.article_content.pictures_layout article .content img {
	max-width: 100% !important;
	height: auto !important;
 }

 section.article_content.pictures_layout article .content table.picture {
	margin-bottom: 25px;
	color: #333;
	background: #f0f0f0;
	width: 100%;
	position: relative;
	border: 0;
 }

 section.article_content.pictures_layout article .content table.picture .caption {
	padding: 10px;
	line-height: 1.6;
 }

 section.article_content.pictures_layout article .content table.picture .caption a {
	color: #000;
	text-decoration: underline;
 }

 section.article_content.pictures_layout aside, section.article_content.stream_layout aside {
	width: 100%;
	margin-top: 0;
	padding-top: 0;
	z-index: -1;
	display: none;
 }

 section.article_content.pictures_layout .share_buttons li, section.article_content.stream_layout .share_buttons li, section.video_layout .share_buttons li {
	width: 22%;
	margin-right: 4%;
 }

 section.article_content.pictures_layout .share_buttons li:last-child, section.article_content.stream_layout .share_buttons li:last-child, section.video_layout .share_buttons li:last-child {
	margin-right: 0;
 }

 section.article_content.pictures_layout section.social > header, section.article_content.stream_layout section.social > header, section.video_layout section.social > header {
	display: none;
 }

 section.article_content.pictures_layout section.topview, section.article_content.stream_layout section.topview, section.video_layout section.topview {
	display: none;
 }

 section.article_content.pictures_layout .share_buttons li, section.article_content.stream_layout .share_buttons li, section.video_layout .share_buttons li {
	border: 0;
	padding: 0;
 }

 section.article_content.pictures_layout .share_buttons li a, section.article_content.stream_layout .share_buttons li a, section.video_layout .share_buttons li a {
	border: 1px solid #e4e4e4;
	border-radius: 5px;
	box-shadow: 2px 2px 0 #fcfcfc;
	padding: 10px 10px 10px 30px;
 }

 section.article_content.pictures_layout .share_buttons li a:hover, section.article_content.stream_layout .share_buttons li a:hover, section.video_layout .share_buttons li a:hover {
	border-color: #96C0DD;
 }

 section.article_content.pictures_layout .share_buttons li.btn_facebook a, section.article_content.stream_layout .share_buttons li.btn_facebook a, section.video_layout .share_buttons li.btn_facebook a {
	background-position: 10px -570px;
 }

 section.article_content.pictures_layout .share_buttons li.btn_facebook a:hover, section.article_content.stream_layout .share_buttons li.btn_facebook a:hover, section.video_layout .share_buttons li.btn_facebook a:hover {
	background-position: 10px -632px;
 }

 section.article_content.pictures_layout .share_buttons li.btn_zingme a, section.article_content.stream_layout .share_buttons li.btn_zingme a, section.article_content.pictures_layout .share_buttons li.btn_zingme a, section.video_layout .share_buttons li.btn_zingme a {
	background-position: 10px -149px;
 }

 section.article_content.pictures_layout .share_buttons li.btn_zingme a:hover, section.article_content.stream_layout .share_buttons li.btn_zingme a:hover, section.video_layout .share_buttons li.btn_zingme a:hover {
	background-position: 10px -89px;
 }

 section.article_content.pictures_layout .share_buttons li.btn_google a, section.article_content.stream_layout .share_buttons li.btn_google a, section.video_layout .share_buttons li.btn_google a {
	background-position: 10px -690px;
 }

 section.article_content.pictures_layout .share_buttons li.btn_google a:hover, section.article_content.stream_layout .share_buttons li.btn_google a:hover, section.video_layout .share_buttons li.btn_google a:hover {
	background-position: 10px -750px;
 }

 section.article_content.pictures_layout .share_buttons li.btn_zini a, section.article_content.stream_layout .share_buttons li.btn_zini a, section.video_layout .share_buttons li.btn_zini a {
	background-position: 10px -450px;
 }

 section.article_content.pictures_layout .share_buttons li.btn_zini a:hover, section.article_content.stream_layout .share_buttons li.btn_zini a:hover, section.video_layout .share_buttons li.btn_zini a:hover {
	background-position: 10px -510px;
 }

 section.article_content.stream_layout #livestream .events .event-meta {
	width: 10%;
 }

 section.article_content.stream_layout #livestream .events .event-content {
	width: 89%;
 }

 section.article_content.stream_layout #livestream .events .event {
	left: -90%;
 }

 section.article_content.stream_layout #livestream .events li .event-meta {
	left: 90%;
 }

 section.article_content.stream_layout #livestream .events li .event-content {
	left: 90%;
 }

 section.article_content.stream_layout #livestream .events li {
	margin-bottom: 15px;
	width: 100%;
 }

 section.article_content.stream_layout #livestream .events li .event-meta .type {
	background-size: 32px;
 }

 /* ARTICLE SHARE BUTTON */
 .share_buttons {
	float: left;
	width: 100%;
 }

 .share_buttons li {
	float: left;
	width: 48%;
	margin-right: 4%;
	padding: 10px 5px;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px dashed #dfdfdf;
 }

 .share_buttons li:nth-child(2n) {
	margin-right: 0;
 }

 .share_buttons li a {
	display: block;
	width: 100%;
	height: 100%;
	padding-left: 20px;
	background: url(img/icons.html) no-repeat 0 -9999px;
	color: #333;
 }

 .share_buttons li.btn_facebook a {
	background-position: 0 -579px;
 }

 .share_buttons li.btn_facebook a:hover {
	background-position: 0 -641px;
 }

 .share_buttons li.btn_zingme a {
	background-position: 0 -159px;
 }

 .share_buttons li.btn_zingme a:hover {
	background-position: 0 -99px;
 }

 .share_buttons li.btn_google a {
	background-position: 0 -700px;
 }

 .share_buttons li.btn_google a:hover {
	background-position: 0 -760px;
 }

 .share_buttons li.btn_zini a {
	background-position: 0 -460px;
 }

 .share_buttons li.btn_zini a:hover {
	background-position: 0 -520px;
 }

 /* SIDEBAR SECTION */
 .sidebar > section {
	float: left;
	margin: 0 0 16px;
	width: 100%;
	border: 1px solid #ccc;
	border-top: 1px solid #888;
	box-shadow: 0px 2px 0 #FCFAFA;
	background: #fdfdfd;
 }

 .sidebar section .btnMore {
	text-align: center;
 }

 .sidebar section .btnMore a {
	position: relative;
	top: 6px;
	padding: 0 10px;
	font-size: 12px;
	background: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
 }

 .sidebar section > header {
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 0px 2px 0 #FCFAFA;
	height: auto;
	margin-bottom: 0;
	padding: 8px 10px 0;
	background: #fff;
 }

 .sidebar section > header h1 {
	font-size: 1.2em;
	text-transform: uppercase;
	line-height: 1.4;
	margin: 0 0 8px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
 }

 .sidebar section article {
	float: left;
	margin-bottom: 0;
	padding: 8px 10px;
	border-bottom: 1px dashed #f1f1f1;
 }

 .sidebar section > article:last-child {
	border: 0;
 }

 .sidebar section article header {
	border: 0;
	box-shadow: none;
	margin-bottom: 0;
 }

 .sidebar section article header h1 {
	display: inline;
	text-transform: none;
	height: auto;
	padding: 0 0;
 }

 .sidebar section article header time {
	display: none;
 }

 .sidebar section article header .cate {
	display: none;
 }

 /* SIDEBAR TOPIC */
 .sidebar section.topic {
	border-top: 1px solid #0099cc;
 }

 .sidebar section.topic > header {
	margin-bottom: 0;
	padding-top: 8px;
 }

 .sidebar section.topic > header h1 a {
	color: #007197;
 }

 .sidebar section.topic article {
	border: 0;
 }

 .sidebar section.topic article:nth-child(n+5) {
	display: none;
 }

 .sidebar section.topic article.featured .cover {
	width: 100%;
	height: 170px;
	float: none;
	display: block;
	margin-top: 0;
	margin-bottom: 6px;
 }

 .sidebar section.topic article.featured .cover img {
	width: 100%;
	height: auto;
 }

 .sidebar section.topic article.featured header {
	float: none;
	margin-bottom: 0;
	height: auto;
 }

 .sidebar section.topic article.featured header h1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	max-height: none;
 }

 /* Topic Sponsor */
 .sidebar section.topic.sponsor {
	border: 0;
	border-radius: 5px;
	position: relative;
	padding-bottom: 30px;
 }

 .sidebar section.topic.sponsor > header {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
 }

 .sidebar section.topic.sponsor > header .sponsor {
	display: none;
 }

 .sidebar section.topic.sponsor > header h1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
 }

 .sidebar section.topic.sponsor > header h1 a {
	color: #fff;
 }

 .sidebar section.topic.sponsor > header p.sponsor {
	color: #949494;
	margin-top: 2px;
	text-transform: uppercase;
	font-size: 9px;
 }

 .sidebar section.topic.sponsor article {
	padding-bottom: 5px;
	margin: 0;
	background: rgba(255,255,255,0.9);
 }

 .sidebar section.topic.sponsor article.featured .cover {
	width: 50%;
	height: 100px;
	float: left;
	margin: 0 10px 0 0;
	display: block;
 }

 .sidebar section.topic.sponsor article .cover {
	width: 35%;
	height: 70px;
	margin-right: 10px;
 }

 .sidebar section.topic.sponsor > .btnMore {
	position: absolute;
	right: 10px;
	bottom: 15px;
 }

 .sidebar section.topic.sponsor > .btnMore a {
	background: none;
	color: #fff;
 }

 .sidebar section.topic.sponsor > .sponsor {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	text-indent: -9999px;
	height: 30px;
	display: block;
	border-radius: 5px;
	overflow: hidden;
 }

 .sidebar section.topic.sponsor > .sponsor a {
	color: #fff;
 }

 /* SIDEBAR CONTACT */
 .sidebar .contact {
	float: left;
	width: 100%;
	border: 1px solid #5a9e25;
	padding: 2px;
 }

 .sidebar .contact p {
	font-size: 10px;
	color: #888;
	text-align: center;
	margin-bottom: 5px;
 }

 .sidebar .contact p span {
	position: relative;
	top: -5px;
	padding: 0 5px;
	background: #fff;
 }

 .sidebar .contact li {
	float: left;
	margin: 0 1% 0 0;
	background: #f1f1f1;
	font-size: 1em;
	line-height: 30px;
	padding-right: 8px;
	width: 100%;
	color: #ccc;
	font-family: 'Roboto Condensed', sans-serif;
 }

 .sidebar .contact li.email > a {
	color: #39C;
 }

 .sidebar .contact li.email > a:hover {
	text-decoration: underline;
 }

 .sidebar .contact li span {
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	overflow: hidden;
	text-indent: -999px;
	background: #F79400 url(img/icons.png) no-repeat -9999px -9999px;
	margin: 0 8px 0 0;
 }

 .sidebar .contact li.email {
	border-bottom: 1px solid #fff;
 }

 .sidebar .contact li.email span {
	background-position: -54px -1113px;
 }

 .sidebar .contact li.phone span {
	background-position: -54px -1052px;
 }

 /* SIDEBAR VIDEO */
 .sidebar section.video {
	border: 0;
 }

 .sidebar section.video > header {
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #1d6cc6;
 }

 .sidebar section.video > header h1 {
 }

 .sidebar section.video > header h1 a {
	color: #1d6cc6;
 }

 .sidebar section.video article {
	margin: 0 4% 8px 0;
	padding: 0;
	width: 48%;
	float: left;
 }

 .sidebar section.video article:nth-child(4),
  .sidebar section.video article:nth-child(6),
   .sidebar section.video article:nth-child(8),
    .sidebar section.video article:nth-child(10),
    .sidebar section.video article:nth-child(12),
    .sidebar section.video article:nth-child(14),
    .sidebar section.video article:nth-child(16),
    .sidebar section.video article:nth-child(18),
    .sidebar section.video article:nth-child(20),
    .sidebar section.video article:nth-child(22),
    .sidebar section.video article:nth-child(24),
    .sidebar section.video article:nth-child(26),
    .sidebar section.video article:nth-child(28),
    .sidebar section.video article:nth-child(30),
    .sidebar section.video article:nth-child(32) {
	margin-right: 0;
 }

 .sidebar section.video article:nth-child(n+5) {
	-display: none;
 }

 .sidebar section.video article.featured {
	width: 100%;
 }

 .sidebar section.video article .cover {
	float: none;
	overflow: hidden;
	margin-right: 0;
	width: 100%;
	height: 90px;
	background: #000;
 }

 .sidebar section.video article.featured .cover {
	height: 180px;
 }

 .sidebar section.video article .cover img {
	width: auto;
	height: 100%;
	opacity: 0.7;
 }

 .sidebar section.video article:hover .cover img {
	opacity: 1;
 }

 .sidebar section.video article header {
	margin: 0;
	padding: 5px 5px;
	background: #1d6cc6;
	-height: 58px;
 }

 .sidebar section.video article.featured header h1 {
	font-size: 12px;
	line-height: 18px;
 }

 .sidebar section.video article.featured header {
	height: auto;
 }

 .sidebar section.video article header h1 a {
	background: none;
	padding-left: 0;
	color: #fff;
 }

 .sidebar section.video article header h1 a:hover {
	
 }

 .sidebar section.video article header time {
	display: none;
 }

 /* SIDEBAR PICTURES */
 .sidebar section.pictures {
	border: 0;
	overflow: hidden;
	position: relative;
	height: 260px;
 }

 .sidebar section.pictures > header {
	border-top: 2px solid #ff6b00;
 }

 .sidebar section.pictures > header h1 {
 }

 .sidebar section.pictures > header h1 a {
	color: #ff6b00;
 }

 .sidebar section.pictures article {
	width: 300px;
	height: 100%;
	margin: 0 0;
	padding: 0;
	float: left;
	position: relative;
 }

 .sidebar section.pictures article.current {
	display: block;
 }

 .sidebar section.pictures article .cover {
	margin-right: 0;
	width: 100%;
	float: none;
	overflow: hidden;
	position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	top: 0;
 }

 .sidebar section.pictures article .cover img {
	height: auto;
	width: 100%;
 }

 .sidebar section.pictures article header {
	margin: 0;
	padding: 5px 8px;
	background: #ff6b00;
	height: 42px;
	overflow: hidden;
	text-align: left;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
 }

 .sidebar section.pictures article header h1 {
	overflow: hidden;
	height: 32px;
 }

 .sidebar section.pictures article header h1 a {
	color: #fff;
	padding-left: 0;
	background: none;
 }

 .sidebar section.pictures article header h1 a:hover {
	color: #fff !important;
	text-decoration: underline;
 }

 .sidebar section.pictures article header time {
	display: none;
 }

 .sidebar section.pictures .slidebox {
	position: absolute;
	top: 37px;
	left: 0;
	bottom: 0;
	z-index: 1;
 }

 .sidebar section.pictures .controller a {
	display: block;
	position: absolute;
	top: 130px;
	z-index: 999;
	overflow: hidden;
	background: #fff;
	border-radius: 3px;
	width: 25px;
	height: 35px;
	text-indent: -999px;
	display: none;
 }

 .sidebar section.pictures .controller a.rewind {
	left: 10px;
	background: rgba(0,0,0,0.2) url(img/icons.png) no-repeat 0px -1532px;
 }

 .sidebar section.pictures .controller a.forward {
	right: 10px;
	background: rgba(0,0,0,0.2) url(img/icons.png) no-repeat -56px -1532px;
 }

 .sidebar section.pictures .controller a:hover {
	background-color: rgba(0,0,0,0.4);
 }

 #socialpages {
	width: 100%;
	border: 1px dashed #ccc;
	border-radius: 5px;
	margin-bottom: 10px;
	margin-top: -5px;
	display: none;
	background: #f7f7f7;
 }

 #socialpages .fb-like-box {
	width: 100%;
 }

 #socialpages .fb-like-box:first-child {
	border-bottom: 1px dashed #ccc;
 }

 /* INFO PAGE */
 section#info {
	width: 80%;
	margin: 20px 10%;
	float: left;
	padding: 20px;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: 3px 3px 0 #f7f7f7;
 }

 section#info header {
	border-bottom: 1px solid #ddd;
	padding: 0px 0 10px;
 }

 section#info header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.2;
	text-transform: uppercase;
	letter-spacing: -1px;
 }

 section#info header time {
	font-size: 12px;
	line-height: 16px;
	margin-top: 4px;
	display: block;
	color: #888;
	text-transform: uppercase;
 }

 section#info .content {
	font-size: 12px;
	color: #333;
	padding: 10px 0;
 }

 section#info .content p {
	margin: 8px 0;
	line-height: 1.4;
 }

 section#info .content h1 {
	text-transform: uppercase;
	margin: 16px 0;
 }

 section#info .content form input {
	font-size: 1em;
	line-height: 1.2;
	border: 1px solid #ccc;
	padding: 10px;
	border-radius: 5px;
	width: 40%;
 }

 section#info .content form button {
	font-size: 1em;
	line-height: 1.2;
	padding: 10px;
	border-radius: 5px;
	background: #F79400;
	color: #fff;
	border: 0;
 }

 /* SIDEBAR ORDER LIST */
 .sidebar section.order-list {
	border-top: 1px solid #1d6cc6;
 }

 .sidebar section.order-list > header h1 a {
	color: #1d6cc6;
 }

 .sidebar section.order-list article {
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #f1f1f1;
	margin: 0;
 }

 .sidebar section.order-list article .order {
	display: block;
	position: relative;
	float: left;
	font-family: Times, serif;
	font-size: 18px;
	text-align: center;
	color: #888;
	width: 30px;
	padding-right: 8px;
 }

 .sidebar section.order-list article .cover {
	display: none;
 }

 .sidebar section.order-list article header {
	float: none;
	height: auto;
 }

 .sidebar section.order-list article header h1 {
	float: none;
	height: auto;
	max-height: 32px;
	font-weight: bold;
 }

 .sidebar section.order-list article header time {
	display: block;
	margin-left: 30px;
 }

 .sidebar section.order-list article.featured .summary {
	display: inline;
	overflow: hidden;
	margin-top: 10px;
	font-size: 14px;
	height: 72px;
	line-height: 18px;
 }

 /* SIDEBAR PROMOTED BOX */
 #promotedposts, #promotedposts article {
	display: block;
 }

 #promotedposts article .cover {
	float: left;
	width: 100px;
	height: 70px;
	margin-right: 8px;
 }

 /*** WIDGET ***/
 .widget {
	float: left;
	clear: both;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 4px 0 #fafafa;
	margin: 0 0 16px;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
 }

 .widget header {
	text-align: center;
	text-transform: uppercase;
	border-bottom: 1px solid #ebebeb;
	background: #eee;
 }

 .widget header h1 {
	font-weight: normal;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 1.8;
 }

 /* LABAN WIDGET */
 #labanwidget {
	color: #333;
	font-size: 14px;
	display: none;
 }

 #labanwidget .panel {
	border-bottom: 1px solid #ebebeb;
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
	font-size: 12px;
 }

 #labanwidget #date {
	height: 24px;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
	padding: 0;
	font-size: 11px;
	letter-spacing: 0;
 }

 #labanwidget #weather {
	float: left;
	width: 55%;
	height: 60px;
	padding: 8px 0 0;
	border-right: 1px solid #ebebeb;
	font-size: 11px;
	cursor: pointer;
 }

 #labanwidget #weather img {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 35px;
	height: auto;
 }

 #labanwidget #weather p {
	float: left;
	width: 80px;
	line-height: 18px;
 }

 #labanwidget #weather p.temp {
	font-size: 18px;
	line-height: 26px;
	margin-top: 0;
 }

 #labanwidget #finance {
	clear: none;
	float: left;
	width: 45%;
	height: 60px;
	padding: 0;
	font-size: 11px;
 }

 #labanwidget #finance p {
	float: left;
	width: 100%;
	text-align: center;
	line-height: 29px;
	border-bottom: 1px dashed #ebebeb;
 }

 #labanwidget p.provider {
	clear: both;
	color: #A0A0A0;
	font-size: 11px;
	text-align: center;
	line-height: 13px !important;
	padding: 4px 0;
	margin: 0 0;
 }

 #labanwidget p.provider a.laban {
	background: url(img/icons.png) no-repeat 5px 1px;
	padding-left: 22px;
	color: #3399cc;
 }

 #labanwidget #websites {
	width: 100%;
 }

 #labanwidget #websites ul {
	width: 100%;
	float: left;
 }

 #labanwidget #websites li {
	width: 25%;
	height: 60px;
	float: left;
	text-align: center;
	padding: 10px;
	border-right: 1px solid #f7f7f7;
	border-bottom: 1px solid #f7f7f7;
	font-size: 10px;
 }

 #labanwidget #websites li img {
	width: 24px;
	height: 24px;
	margin-bottom: 4px;
 }

 #labanwidget #websites li a {
	color: #333;
 }

 /* ZING MP3 WIDGET */
 #mp3widget {
	float: left;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 2px 0px 0 #f7f7f7;
	margin: 8px 0 16px;
	padding: 10px 5px;
 }

 #mp3widget > header {
	margin: 0 10px 8px;
	border-bottom: 1px solid #eee;
	padding-bottom: 4px;
 }

 #mp3widget ul {
	float: left;
	width: 100%;
 }

 #mp3widget li {
	width: 20%;
	float: left;
	padding: 0 0;
 }

 #mp3widget li a {
	display: block;
	width: 100%;
	padding: 0 10px;
 }

 #mp3widget li img {
	width: 100%;
	height: auto;
	margin-bottom: 4px;
 }

 #mp3widget li span.title {
	font-weight: bold;
	display: block;
	font-size: 0.9em;
	line-height: 1.2;
	max-height: 2.8;
	overflow: hidden;
 }

 /* SURVEY WIDGET */
 .surveywidget .item {
	float: left;
	width: 100%;
	padding: 8px 10px;
 }

 .surveywidget .item h2 {
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 8px;
 }

 .surveywidget .item form {
	float: left;
	width: 100%;
	padding: 0 0;
 }

 .surveywidget .item .option {
	position: relative;
	z-index: 1;
	font-size: 12px;
	line-height: 20px;
	border-radius: 10px;
	background: #f7f7f7;
	margin-bottom: 4px;
	padding: 0 8px;
 }

 .surveywidget .item .option:hover {
	background: #A3E8FF;
 }

 .surveywidget .item .option label {
	display: block;
	width: 100%;
 }

 .surveywidget .item .option input {
	position: relative;
	top: -3px;
 }

 .surveywidget .item .option span {
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	z-index: -1;
 }

 .surveywidget .item .option span.percent {
	overflow: hidden;
	text-indent: -999px;
	left: 0;
	background: #90D0F5;
	border-radius: 15px;
 }

 .surveywidget .item .option span.count {
	right: 10px;
	font-size: 10px;
	color: #888;
 }

 .surveywidget .item .btnSubmitSurvey {
	background: url(img/btn_poll_submit.html) no-repeat left top;
	width: 110px;
	height: 30px;
	border: 0;
	cursor: pointer;
	overflow: hidden;
	text-indent: -999px;
	float: left;
 }

 .surveywidget .item .btnResult {
	float: right;
	font-size: 12px;
	line-height: 30px;
	margin-right: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
 }

 /* PAGE CATEGORY */

 #category {
	z-index: -3;
	clear: both;
	float: left;
	width: 100%;
 }

 #category .content-wrap > header {
	float: left;
	margin: 4px 0 0;
	width: 100%;
	border-bottom: 3px solid #0098D3;
	color: #09C;
 }

 #category .content-wrap > header h1 {
	font-size: 2.4em;
	line-height: 1.2;
	margin: 0 10px 8px 0;
	padding: 0;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Roboto Condensed', sans-serif;
	white-space: nowrap;
    width: auto;
    float:left;
 }

 #category .content-wrap > header h2 {
	float: left;
	border-right: 1px solid #e5e5e5;
	margin: 7px 8px 8px 0;
	padding: 0 8px 0 0;
	font-size: 1.4em;
	line-height: 1.2;
	font-weight: normal;
	font-family: 'Roboto Condensed', sans-serif;
	white-space: nowrap;
 }

 #category .content-wrap > header h2:last-child {
	border: 0;
 }

 #category section.featured {
	width: 100%;
	padding: 10px 10px 0;
	margin: 0 0 0;
	background-color: #f5f5f5;
	border-radius: 0 0 5px 5px;
 }

 #category section.featured article {
	float: right;
	width: 25%;
	margin: 0 0 16px 0;
	padding: 0 0 0 10px;
 }

 #category section.featured article.advertising {
	display: block;
 }

 #category section.featured article.featured {
	float: left;
	width: 50%;
	border-right: 1px solid #ccc;
	border-bottom: 0;
	margin: 0;
	padding: 0 10px 16px 0;
 }

 #category section.featured article.featured .cover {
	width: 100%;
	height: 225px;
	float: none;
	margin-bottom: 5px;
 }

 #category section.featured article.featured .cover img {
	width: 100%;
	height: auto;
 }

 /* Category Sidebar */
 #category section.cate_sidebar {
	width: 25%;
	float: left;
	border-right: 1px solid #f1f1f1;
	padding-right: 10px;
 }

 #category section.cate_sidebar article:nth-child(3n+3) {
	margin-right: 0;
 }

 #category section.cate_sidebar article .cover {
	float: none;
	width: 100%;
	height: 110px;
 }

 #category section.cate_sidebar article .summary {
	display: block;
	margin-top: 5px;
 }

 #category section.cate_sidebar section {
	float: left;
	clear: both;
	margin-bottom: 8px;
	width: 100%;
 }
 /* Category Most Read */
 #category section.cate_sidebar section.mostread > header {
	background: #5a9e25;
	color: #fff;
	padding: 8px 10px 7px;
 }

 #category section.cate_sidebar section.mostread article {
	float: left;
	width: 100%;
	background: #eee;
	box-shadow: 0 2px 0 #eee;
	padding: 0;
	margin: 0 0 8px;
 }

 #category section.cate_sidebar section.mostread article > header h1 span.social {
	display: none !important;
 }

 #category section.cate_sidebar section.mostread article header {
	padding: 5px 10px 10px;
 }

 #category section.cate_sidebar section.mostread article .cover {
 }

 /* Category Relate Cate */
 #category section.cate_sidebar section.sub-cate > header {
	border-top: 2px solid #0098D3;
	border-bottom: 1px solid #e5e5e5;
	padding: 8px 0 6px 0;
 }

 #category section.cate_sidebar section.sub-cate > header a {
	color: #0098D3;
 }

 #category section.cate_sidebar section.sub-cate article {
	padding: 8px 0;
	border-bottom: 1px solid #f7f7f7;
 }

 #category section.cate_sidebar section.sub-cate article header h1 {
	font-weight: normal;
 }

 /* Content Category */
 section.cate_content {
	float: right;
	width: 74.6%;
 }

 section.cate_content > header {
	padding: 8px 0 6px 0;
	margin: 0 0 8px 2%;
	color: #1d6cc6;
    font-weight:bold;
	border-top: 2px solid #1d6cc6;
	position: relative;
	white-space: nowrap;
    font-size:20px;
 }

 section.cate_content > header a {
	display: block;
	position: absolute;
	top: 0px;
	right: 0;
	padding: 7px 8px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ccc;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
 }

 section.cate_content > header a:hover {
	color: #000;
 }

 #category.sub-cate section.cate_content > header {
	margin-left: 0;
 }

 section.cate_content article {
	float: right;
	width: 98%;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
 }

 section.cate_content article.advertising {
	display: none;
 }

 section.cate_content article.advertising p.type {
	display: none !important;
	position: absolute;
	background: rgba(255,255,255,0.9);
	padding: 1px 5px;
	left: 0;
	box-shadow: 1px 1px 0px 0 rgba(0,0,0,0.4);
 }

 section.cate_content article header h1 a {
	background: none !important;
	padding-left: 0;
 }

 section.cate_content article time {
	display: block;
 }

 section.cate_content article.advertising time {
	display: none;
 }

 section.cate_content article .cover {
	float: left;
	-width: 40%;
	width: 180px;
	height: 120px;
	margin-right: 2%;
 }

 section.cate_content article .summary {
	display: block;
	overflow: hidden;
 }

 section.cate_content article .relate {
	float: right;
	width: 21.5%;
 }

 section.cate_content article .relate li {
	display: block;
	margin: 0 0 8px;
 }

 section.cate_content article .relate li a {
	font-weight: normal;
 }

 /* Category More Button */
 section.cate_content .more {
	height: 30px;
	margin: 0 0 20px 0;
	border-left: 1px solid #ccc;
	position: relative;
	top: -10px;
	left: 50%;
	clear: both;
 }

 section.cate_content .more a {
	position: absolute;
	left: -100px;
	top: 10px;
	border-radius: 15px;
	display: block;
	padding: 0px 0;
	width: 200px;
	height: 25px;
	background-color: #39c;
	color: #fff;
	text-align: center;
	line-height: 24px;
 }

 section.cate_content .more a:hover {
 }

 /* Template 1 */
 #category.template1 .content-wrap > header {
	border-bottom-color: #1d6cc6 !important;
	color: #1d6cc6;
 }

 #category.template1 .content-wrap article.featured header h1 a {
	color: #1d6cc6;
 }

 #category.template1 section.cate_sidebar section.mostread > header {
	background: #1d6cc6;
	color: #fff;
 }

 #category.template1 section.cate_sidebar section.sub-cate > header {
	border-top: 2px solid #1d6cc6;
 }

 #category.template1 section.cate_sidebar section.sub-cate > header a {
	color: #1d6cc6;
 }

 #category.template1 section.cate_content > header {
	color: #1d6cc6;
	border-top: 2px solid #1d6cc6;
 }

 #category.template1 section.featured article header h1 {
	height: 48px;
 }

 /* Template 2 */
 #category.template2 .content-wrap section.cate_sidebar {
	float: right;
	padding-right: 0;
	border: 0;
	background: #fdfdfd;
 }

 #category.template2 .content-wrap > section.cate_content {
	width: 100%;
	float: left;
    border-top: 3px solid #1d6cc6;
 }

 #category.template2 .content-wrap > header {
	border: 0;
 }

 #category.template2 .content-wrap > header h1 {
	color: #208FC4;
 }

 #category.template2 .content-wrap > section.cate_content .cate_content {
	width: 100%;
	float: left;
 }

 #category.template2 .content-wrap > section.cate_content .cate_content > header {
	margin-left: 0;
 }

 #category.template2 .content-wrap > section.cate_content .cate_content > article {
	margin-left: 0;
	float: left;
    border-bottom: 1px solid #ddd;
 }
 

 #category.template2 section.cate_sidebar section.sub-cate > header {
	padding-left: 10px;
 }

 #category.template2 section.cate_sidebar section.sub-cate article {
	padding: 8px 10px;
 }

 #category.template2 section.featured {
	padding: 0;
	background: none;
 }

 #category.template2 section.featured article.featured {
	width: 100%;
	border: 0;
	margin: 0 0 8px;
	padding: 0;
 }

 #category.template2 section.featured article.featured .cover {
	float: left;
	width: 60%;
	margin: 0;
	height: 210px;
 }

 /*#category.template2 section.featured article.featured header {
	float: right;
	width: 40%;
	padding: 2%;
 }*/

 #category.template2 section.featured article {
	    float: right;
    margin: 0;
    min-height: 170px;
    padding: 0 0 0 10px;
    width: 25%;
 }

 #category.template2 section.featured article:nth-child(4) {
	margin-right: 0;
 }

 #category.template2 section.featured article header {
	width: 100%;
	border: 0;
 }

 #category.template2 section.featured article .cover {
	width: 100%;
	float: none;
	height: 110px;
 }

 /* Template 3 */
 #category.template3 section.featured {
	background: none;
	padding: 0;
 }

 #category.template3 section.featured article.featured {
	width: 65%;
	height: 300px;
 }

 #category.template3 section.featured article.featured .summary {
	color: #fff;
 }

 #category.template3 section.featured article {
	position: relative;
	overflow: hidden;
	border: 0;
	padding: 0;
	margin: 0;
	width: 35%;
	height: 150px;
	background: #000;
 }

 #category.template3 section.featured article .cover {
	height: 100%;
	width: 100%;
 }

 #category.template3 section.featured article .cover img {
	width: 100%;
 }

 #category.template3 section.featured article header {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	background: rgba(0,0,0,0.7);
	border-left: 4px solid #F79400;
 }

 #category.template3 section.featured article header h1 a {
	color: #FFB84F !important;
 }

 #category.template3 section.featured article header h1 a:hover {
	color: #fff !important;
 }

 #category.template3 section.cate_content article {
	width: 48%;
	height: 340px;
	overflow: hidden;
	margin-left: 2%;
	float: left;
 }

 #category.template3 section.cate_content article .cover {
	width: 100%;
	height: 170px;
	float: none;
	margin-bottom: 4px;
 }

 #category.template3 section.cate_content article header {
	width: 100%;
	border: 0;
 }

 #category.template3 section.cate_content article header h1 {
	font-size: 1.2em;
	line-height: 1.4;
	margin-top: 0.5em;
 }

 #category.template3 section.cate_content article .relate {
	display: none;
 }

 #category.template3 section.cate_content article .relate li {
	margin-bottom: 0;
 }

 #category.template3 .content-wrap > header {
	border-bottom-color: #F79400 !important;
	color: #F79400;
 }

 #category.template3 .content-wrap article.featured header h1 a {
	color: #F79400;
 }

 #category.template3 section.cate_sidebar section.mostread > header {
	background: #F79400;
	color: #fff;
 }

 #category.template3 section.cate_sidebar section.sub-cate > header {
	border-top: 2px solid #F79400;
 }

 #category.template3 section.cate_sidebar section.sub-cate > header a {
	color: #F79400;
 }

 #category.template3 section.cate_content > header {
	color: #F79400;
	border-top: 2px solid #F79400;
 }

 /* Template 4 */
 #category.template4 section.featured {
	padding: 10px 0;
	background: none;
 }

 #category.template4 section.featured article {
	float: left;
	width: 33%;
	height: 145px;
	padding: 0;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
 }

 #category.template4 section.featured article header h1 a {
	color: #fff !important;
 }

 #category.template4 section.featured article .summary {
	color: #fff;
 }

 #category.template4 section.featured article.featured {
	float: right;
	border: 0;
	padding: 0;
	margin: 0 0 0 1%;
	width: 65%;
	height: 300px;
	overflow: hidden;
 }

 #category.template4 section.featured article.featured header h1 {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
 }

 #category.template4 section.featured article header {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
	background: rgba(0,0,0,0.7);
	border-left: 4px solid #FF0085;
 }

 #category.template4 section.featured article .type {
	display: none !important;
 }

 #category.template4 section.featured article .cover {
	width: 100%;
	height: 100%;
	margin: 0;
 }

 #category.template4 section.featured article .cover img {
	width: auto;
	height: 100%;
	min-width: 100%;
 }

 #category.template4 section.cate_content article {
	width: 48%;
	height: 340px;
	overflow: hidden;
	margin-left: 2%;
	float: left;
 }

 #category.template4 section.cate_content article .cover {
	width: 100%;
	height: 170px;
	float: none;
	margin-bottom: 4px;
 }

 #category.template4 section.cate_content article header {
	width: 100%;
	border: 0;
 }

 #category.template4 section.cate_content article header h1 {
	font-size: 1.2em;
	line-height: 1.4;
	margin-top: 0.5em;
 }

 #category.template4 section.cate_content article .relate {
	display: none;
 }

 #category.template4 section.cate_content article .relate li {
	margin-bottom: 0;
 }

 #category.template4 .content-wrap > header {
	border-bottom-color: #FF0085 !important;
	color: #FF0085;
 }

 #category.template4 .content-wrap article.featured header h1 a {
	color: #FF0085;
 }

 #category.template4 section.cate_sidebar section.mostread > header {
	background: #FF0085;
	color: #fff;
 }

 #category.template4 section.cate_sidebar section.sub-cate > header {
	border-top: 2px solid #FF0085;
 }

 #category.template4 section.cate_sidebar section.sub-cate > header a {
	color: #FF0085;
 }

 #category.template4 section.cate_content > header {
	color: #FF0085;
	border-top: 2px solid #FF0085;
 }

 /* SUB-CATEGORY PAGE */
 #category.sub-cate .content-wrap > header {
	border: 0;
	margin-bottom: 8px;
 }

 #category.sub-cate .content-wrap > header h1 a {
	font-weight: normal;
	border-right: 1px solid #e5e5e5;
	padding-right: 10px;
	margin-right: 5px;
	color: #7a7a7a;
 }

 #category.sub-cate section.cate_content {
	width: 100%;
 }

 #category.sub-cate section.featured {
	padding: 0;
	background: none;
	margin-bottom: 15px;
	border-bottom: 1px solid #e5e5e5;
	padding-bottom: 10px;
 }

 #category.sub-cate section.featured article.featured {
	width: 73%;
	background: #f5f5f5;
	border-right: 1px solid #e5e5e5;
	padding: 0;
	margin: 0 0;
 }

 #category.sub-cate section.featured article.featured .cover {
	float: left;
	width: 60%;
	height: 210px;
	margin-bottom: 0;
 }

 #category.sub-cate section.featured article.featured header {
	width: 35%;
	border: 0;
	padding: 10px 0;
 }

 #category.sub-cate section.featured article.featured .summary {
	height: auto;
 }

 #category.sub-cate section.featured article {
	width: 26%;
	padding: 0;
	border: 0;
 }

 #category.sub-cate section.featured article header {
	width: 100%;
	border: 0;
 }

 #category.sub-cate section.featured .cover {
	width: 100%;
	height: 140px;
 }

 #category.sub-cate section.cate_content .cate_content article {
	float: left;
	width: 100%;
	padding-bottom: 5px;
 }

 #category.sub-cate section.cate_content .cate_content article header {
	width: 46%;
 }

 #category.sub-cate section.cate_content .cate_content article .relate {
	width: 26%;
 }

 #category.sub-cate section.cate_content .cate_content article .cover {
	width: 25%;
	height: 124px;
 }

 #category.group1 .content-wrap > header h1, #category.group1 section.featured article.featured header h1 a {
	color: #09C;
 }

 #category.group2 .content-wrap > header h1, #category.group2 section.featured article.featured header h1 a {
	color: #1d6cc6;
 }

 #category.group3 .content-wrap > header h1, #category.group3 section.featured article.featured header h1 a {
	color: #F79400;
 }

 #category.group4 .content-wrap > header h1, #category.group4 section.featured article.featured header h1 a {
	color: #FF0085;
 }

 section.cate_list {
	width: 100%;
	float: left;
 }

 section.cate_list section.sub-cate {
	width: 49%;
	float: left;
	margin: 10px 2% 10px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 3px 0 #f7f7f7;
 }

 section.cate_list section.sub-cate:nth-child(2n) {
	margin-right: 0;
 }

 section.cate_list section.sub-cate > header {
	padding: 10px;
	border-bottom: 1px solid #e5e5e5;
	background: #f5f5f5;
 }

 section.cate_list section.sub-cate > header h1 {
	font-size: 16px;
	font-weight: normal;
 }

 section.cate_list section.sub-cate > header h1 a {
	font-weight: bold;
 }

 section.cate_list section.sub-cate article {
	position: relative;
	border-bottom: 1px solid #f1f1f1;
 }

 section.cate_list section.sub-cate article .cover {
	width: 40%;
	height: 90px;
	overflow: hidden;
	margin-left: 10px;
	float: right;
 }

 section.cate_list section.sub-cate article .cover img {
	width: auto;
	height: 100%;
	min-width: 100%;
 }

 section.cate_list section.sub-cate article header {
	padding: 10px 10px;
	margin: 0 2% 0 0;
 }

 section.cate_list section.sub-cate article header h1 a {
	font-size: 14px;
 }

 section.cate_list section.sub-cate.template2 {
	width: 100%;
 }

 section.cate_list section.sub-cate.template2 article {
	width: 33.3333%;
	border-right: 1px solid #f1f1f1;
	border-bottom: 0;
	margin: 0 0;
	height: 210px;
	overflow: hidden;
 }

 section.cate_list section.sub-cate.template2 article .cover {
	width: 100%;
	height: 140px;
	margin: 0 0 0 0;
	float: none;
 }

 section.cate_list section.sub-cate.template2 article.featured header h1 a {
	color: #333 !important;
 }

 section.cate_list section.sub-cate.template3 {
	border: 0;
	padding: 0;
	width: 100%;
	box-shadow: none;
 }

 section.cate_list section.sub-cate.template3 > header {
	background: none;
	padding: 0 0 4px 0;
 }

 section.cate_list section.sub-cate.template3 article {
	width: 49%;
	margin: 10px 2% 0 0;
	border-bottom: 0;
 }

 section.cate_list section.sub-cate.template3 article:nth-child(2n+1) {
	margin-right: 0;
 }

 section.cate_list section.sub-cate.template3 article .cover {
	float: left;
	margin: 0 6px 0 0px;
	width: 50%;
	height: 120px;
 }

 section.cate_list section.sub-cate.template3 article header {
	padding: 0;
 }

 section.cate_list section.sub-cate.template3 article header h1 a {
	font-size: 14px;
 }

 section.cate_list section.sub-cate.template3 article.featured header h1 a {
	color: #333 !important;
 }

 /* PAGE TOPIC & TAG */
 #listing {
	width: 100%;
	float: left;
	clear: both;
	z-index: -1;
	position: relative;
 }

 #listing > header label {
	border-right: 1px solid #99E6FF;
	color: #99E6FF;
	font-weight: normal;
	padding-right: 10px;
	margin-right: 5px;
 }

 #listing > header h1 {
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	margin: 10px 0;
	padding: 3px 0.5% 0px;
	background: #0099cc;
	border-bottom: 2px solid #008CBB;
 }

 #listing article {
	float: left;
	margin: 10px 0.5% 20px;
	width: 19%;
	border: 1px solid #CFCFCF;
	box-shadow: 2px 2px 0 #fcfcfc;
	position: relative;
 }

 #listing article.advertising .type {
	position: absolute;
	background: rgba(255,255,255,0.9);
	padding: 2px 3px;
	left: 5px;
	top: 2px;
 }

 #listing article header {
	margin: 0px 10px;
 }

 #listing article header h1 a {
	color: #0083AF;
 }

 #listing article .cover {
	float: none;
	margin: 0 0 8px;
	width: 100%;
	height: 130px;
 }

 #listing article .summary {
	display: block;
	margin: 4px 0 8px;
	color: #555;
 }

 #listing article time {
	display: block;
	font-size: 11px;
 }

 #listing article .relate {
	width: 100%;
	padding: 10px;
	background: #f7f7f7;
 }

 #listing article .relate a {
	font-weight: normal;
	font-size: 11px;
	color: #888;
 }

 #listing .articles-listing {
	margin-bottom: 80px;
	overflow: visible!important;
 }

 #listing .more {
	width: 100%;
	float: left;
	clear: both;
	padding: 10px;
	text-align: center;
	position: absolute;
	bottom: -70px;
 }

 #listing .more a {
	width: 50%;
	text-align: center;
	background: #fcfcfc;
	padding: 10px 10px;
	margin: 0 auto;
	clear: both;
	border-radius: 5px;
	border: 1px solid #ddd;
	box-shadow: 1px 2px 0 rgba(213, 213, 213, 0.2);
	display: block;
 }

 /* PAGE SEARCH */
 #search {
	float: left;
	position: relative;
	z-index: -1;
	width: 100%;
 }

 #search .sidebar {
	float: right;
	width: 300px;
 }

 #search .content-wrap {
	border-right: 1px solid #f1f1f1;
	padding-right: 10px;
 }

 #search form {
	float: left;
	width: 100%;
	margin: 10px 0;
	padding: 0 0 10px;
	border-bottom: 1px solid #f1f1f1;
 }

 #search form label {
	float: left;
	display: block;
	height: 36px;
	line-height: 38px;
	font-size: 14px;
	color: #333;
	font-weight: bold;
	margin-right: 10px;
 }

 #search form input {
	float: left;
	width: 575px;
	height: 36px;
	padding: 4px 5px 4px 30px;
	border: 1px solid #c9c9c9;
	background: #fff url(img/icons.html) no-repeat 10px -29px;
	line-height: 28px;
	color: #0099cc;
	font-family: Arial, sans-serif;
	font-size: 18px;
 }

 #search form button {
	float: left;
	position: relative;
	left: -1px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #6b97a8;
	text-transform: uppercase;
	line-height: 20px;
	margin: 0;
	padding: 0 5px;
	border: 1px solid #afc6cd;
	cursor: pointer;
	height: 36px;
	width: 80px;
	background: #d3e8f0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ecf5f8', endColorstr='#d1e7ef');
	background: -webkit-gradient(linear, left top, left bottom, from(#ecf5f8), to(#d1e7ef));
	background: -moz-linear-gradient(top, #ecf5f8, #d1e7ef);
 }

 #search form .options {
	clear: both;
	float: left;
	margin-top: 4px;
 }

 #search form .options li {
	margin-right: 10px;
	float: left;
 }

 #search form .options input {
	width: auto;
	height: auto;
	padding: 0;
	margin: 0 5px 0 0;
	line-height: auto;
 }

 #search form .options label {
	font-size: 11px;
	height: 14px;
	margin: 2px 0;
	padding: 0;
	line-height: 14px;
	font-weight: normal;
 }

 #search .result {
	float: left;
	width: 100%;
	margin-bottom: 16px;
 }

 #search .result > header {
	float: left;
	width: 100%;
	padding: 5px 0;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
 }

 #search .result > header h1 {
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	float: left;
 }

 #search .result > header .count {
	float: right;
	margin: 0 5px 0 0;
	font-size: 11px;
	line-height: 18px;
 }

 #search .result .noresult {
	width: 100%;
	height: 100px;
	line-height: 100px;
	text-align: center;
	float: left;
 }

 #search .result > header h1 a {
	color: #fff;
	font-weight: bold;
 }

 #search .result article {
	width: 48.5%;
	float: left;
	margin: 16px 3% 0 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #ececec;
 }

 #search .result article:nth-child(2n+1) {
	margin-right: 0;
 }

 #search .result article header {
	height: 95px;
	overflow: hidden;
 }

 #search .result article .cover {
	float: left;
	width: 40%;
	height: 90px;
	margin-right: 2%;
 }

 #search .result article .summary {
	display: block;
	margin: 0px 0;
 }

 #search .result article .relate {
	display: none;
 }

 #search .result article .cate, #search .result article time {
	display: inline-block;
	margin-right: 5px;
 }

 #search .result .more {
	float: left;
	margin: 10px 0;
	width: 100%;
	padding: 8px 2%;
	text-align: center;
 }

 #search .result.top {
	float: left;
	background: #fcfcfc;
 }

 #search .result.top > header {
	background: #0099cc;
	padding: 4px 5px;
	border: 0;
 }

 #search .result.top > header h1 {
	color: #fff;
 }

 #search .result.top > header .count {
	color: #BAE9FF;
 }

 #search .result.top article {
	width: 97%;
	margin: 8px 1.5% 0;
 }

 #search .result.top article header {
	height: auto;
 }

 #search .result.top article header h1 a {
	color: #0077B3;
 }

 #search .result.top article .cover {
	width: 20%;
	height: 90px;
 }

 #search .result.top .more {
	margin: 5px 0;
 }

 #search .result.top .more a {
	color: #0077B3;
	margin: 10px;
	border: 1px solid #ddd;
	padding: 5px 10px;
	border-radius: 5px;
 }

 #search .result.top article .cate, #search .result.top article time {
	display: block;
 }

 /* PRODUCT ADS FOR G8 */
 #product_ads {
	float: left;
	width: 100%;
	border: 1px solid #ddd;
	box-shadow: 2px 2px 0 #f5f5f5;
	padding: 8px 1%;
	display: none;
 }

 #product_ads header {
	border-bottom: 1px solid #eee;
	float: left;
	width: 100%;
 }

 #product_ads header h1 {
	font-size: 1.2em;
	line-height: 1.6;
	margin-bottom: 5px;
	text-transform: uppercase;
	float: left;
	color: #0099cc;
 }

 #product_ads header p {
	float: right;
	font-size: 0.8em;
	line-height: 2;
	color: #ccc;
	text-transform: uppercase;
 }

 #product_ads .products {
	float: left;
	width: 100%;
	margin: 10px 0 5px;
 }

 #product_ads .item {
	float: left;
	width: 25%;
	display: none;
	cursor: pointer;
 }

 #product_ads .item .thumbnail {
	width: 40%;
	height: 80px;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border: 1px solid #e5e5e5;
	margin-right: 10px;
 }

 #product_ads .item h1 {
	font-size: 1.2em;
	line-height: 1.2em;
	max-height: 3.6em;
	overflow: hidden;
	margin: 4px 0 6px;
 }

 #product_ads .item p {
	font-size: 0.9;
	color: #888;
 }

 #product_ads .item p label {
	font-weight: bold;
	margin: 8px 0 0;
 }

 /* POPUP RIGHT CLICK */
 #popup_menu {
	position: fixed;
	display: block;
	width: 200px;
	border: 1px solid #0092C0;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	z-index: 99999;
	background: #fff;
 }

 #popup_menu a {
	display: block;
	width: 100%;
	line-height: 14px;
	font-weight: bold;
	font-size: 12px;
	padding: 10px 10px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	border-radius: 5px;
 }

 #popup_menu a:last-child {
	border: 0;
 }

 #popup_menu a:hover {
	background: #f7f7f7;
	color: #000;
 }

 /* POPUP */
 #popup {
	display: block;
	position: fixed;
	width: 150px;
	background: #333;
	background: rgba(0,0,0,0.8);
	border-radius: 5px;
	z-index: 99999;
	display: none;
 }

 #popup .content {
	font-size: 0.9em;
	line-height: 1.2;
	color: #fff;
	width: 100%;
	padding: 5px;
 }

 #popup button {
	border: 1px solid #ccc;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
	background: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background: linear-gradient(top, #ffffff, #f5f5f5);
	border-radius: 5px;
	padding: 5px 10px;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.5);
	cursor: pointer;
 }

 #popup button:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#DADADA), to(#ffffff));
	background: -moz-linear-gradient(top, #DADADA, #ffffff);
	background: linear-gradient(top, #DADADA, #ffffff);
 }

 /* DIALOG */
 #dialog {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.4);
	z-index: 9999999;
	display: none;
 }

 #dialog > div {
	width: 400px;
	position: fixed;
	top: 40%;
	left: 50%;
	margin: 0 0 0 -200px;
	background: #fff;
	overflow: hidden;
	box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.4);
 }

 #dialog .header {
	font-size: 1.3em;
	color: #333;
	line-height: 1.4;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	padding: 6px 15px;
	background: #39C;
	color: #fff;
 }

 #dialog .content {
	width: 100%;
	padding: 20px 15px;
	font-size: 1.1em;
	line-height: 1.4;
 }

 #dialog .content > div, #dialog .content > form {
	width: 100%;
	margin-top: 5px;
 }

 #dialog .content > div p {
	margin-bottom: 10px;
 }

 #dialog .content label {
	display: block;
	color: #888;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
 }

 #dialog .content input[type="text"] {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 3px;
	font-family: Arial, Helvetica, sans-serif;
 }

 #dialog .content input[type="radio"] {
	position: relative;
	top: -2px;
 }

 #dialog .content form label {
	text-transform: none;
	color: #555;
	font-size: 1em;
	padding: 5px 0;
	border-radius: 5px;
 }

 #dialog .content form label:hover {
	background: #E4F3FF;
 }

 #dialog .content form p {
	margin: 8px 0;
 }

 #dialog .content p.label {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	color: #555;
	font-size: 1.2em;
 }

 #dialog .content blockquote {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 1.3em;
	line-height: 1.2;
	margin: 5px 20px 15px;
 }

 #dialog .content blockquote.error {
	color: #F00;
 }

 #dialog .content textarea {
	width: 100%;
	height: 100px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 3px;
 }

 #dialog .action {
	text-align: center;
	padding: 5px 0;
	background: #eee;
 }

 #dialog .action button {
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px;
	padding: 5px 10px;
	box-shadow: 2px 1px 0 #ddd;
	cursor: pointer;
	margin: 0 10px;
	white-space: nowrap;
 }

 #dialog .action button.btnSubmit {
	display: none;
	color: #0098D3;
	border-color: #0098D3;
 }

 #dialog .action button:hover {
	border-color: #0098D3;
	color: #0098D3;
 }

 /* NOTIFICATION */
 #pushnotification {
	position: fixed;
	left: 0;
	right: 0;
	background: #fff;
	background: rgba(255,255,255,0.95);
	z-index: 999;
	box-shadow: 0 -2px 0 rgba(0,0,0,0.1);
	padding: 0px 0;
	border-top: 1px solid #ccc;
	display: none;
	height: 40px;
	overflow: visible;
 }

 #pushnotification:after {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	content: " ";
	height: 15px;
	width: 15px;
	position: absolute;
	pointer-events: none;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #fff;
	top: 10px;
	right: -9px;
 }

 #pushnotification .btnToTop {
	position: absolute;
	left: 0;
	top: -30px;
	display: block;
	width: 100%;
	height: 25px;
	text-indent: -999px;
	overflow: hidden !important;
	background: url(img/arrow-up.png) no-repeat 50% 50%;
 }

 body > .btnToTop {
	position: fixed;
	bottom: 20px;
	left: 50%;
	background: rgba(0,0,0,0.5) url(img/arrow-up.png) no-repeat 50% 50%;
	width: 40px;
	height: 30px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	margin-left: 600px;
 }

 #pushnotification .btnClose {
	display: block;
	background: #333;
	width: 24px;
	height: 24px;
	float: left;
	margin: 8px;
	border-radius: 15px;
	background: rgba(0,0,0,0.5) url(img/close%402x.png) no-repeat 50% 50%;
	background-size: 24px;
	cursor: pointer;
 }

 #pushnotification .actions {
	height: 40px;
	width: 100%;
	overflow: hidden;
	position: relative;
 }

 #pushnotification .message {
	margin-bottom: 8px;
	font-size: 1em;
	line-height: 1.2;
 }

 #pushnotification .comment {
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #0077B3;
 }

 #pushnotification .comment span {
	font-weight: normal;
	font-style: italic;
	color: #333;
 }

 #pushnotification .actions .button, #pushnotification .actions .label {
	display: block;
	padding: 0 15px;
	border-left: 1px solid #ccc;
	color: #333;
	height: 40px;
	float: left;
	line-height: 40px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1em;
	white-space: nowrap;
 }

 #pushnotification .actions .label {
	border: 0;
 }

 #pushnotification .actions .button.btnToTop {
	width: 20px;
	display: none;
 }

 #pushnotification .actions .button.btnHome {
	text-transform: uppercase;
	border-right: 0;
	border-right:1px solid #ccc;
 }

 #pushnotification .actions .button.btnSEAGames {
	border-right: 1px solid #ccc;
	color: #008e00;
	text-transform: uppercase;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
 }

 #pushnotification .actions .button.btnToTop:hover {
	background-color: #555;
 }

 #pushnotification .actions .button.btnFacebook, #pushnotification .actions .button.btnZini {
	border-left: 0;
	padding-left: 20px;
	background: url(img/icons.html) no-repeat 0 -9999px;
 }

 #pushnotification .actions .button.btnFacebook {
	background-position: 10px -630px;
	color: #3b5998;
	padding: 0 10px 0 30px;
	display: none;
 }

 #pushnotification .actions .btnSocial {
	text-align: left !important;
	height: 110px !important;
	overflow: hidden;
	padding-top:3px;
	border-right:1px solid #ccc;
 }

 #pushnotification .actions .btnSocial .fb-share-button {
	margin-top: 5px;
 }

 #pushnotification .actions .button.btnError {
	float: left;
	height: 100%;
	line-height: 40px;
	border-color: transparent;
	border-right: 1px solid #ccc;
 }

 #pushnotification .actions .button.btnError.active, #pushnotification .actions .button.btnError:hover {
	background: #FF4228;
	color: #fff;
 }

 #pushnotification .actions > div {
	display: block;
	height: 40px;
	width: auto;
	margin: 0;
	border-left: 1px solid #ccc;
	float: left;
	padding: 8px;
	overflow: visible;
 }

 #pushnotification .actions .btnGoogle {
	border-right: 1px solid #ccc;
 }

 #pushnotification .actions .btnGoogle iframe {
	margin-top: 2px !important;
 }

 #pushnotification .actions .fb-like iframe {
	margin-top: 2px !important;
 }

 #pushnotification .actions .button:hover {
	color: #3399cc;
 }

 #pushnotification #font {
	background-color: #FFF6E0;
	padding: 0;
	border: 0;
 }

 #pushnotification #font a {
	line-height: 40px;
	padding: 0 15px;
	float: left;
	color: #A88700;
	font-size: 1.1em;
	height: 100%;
 }

 #pushnotification #font a.btnSerifFont {
	font-family: 'Noticia Text', Times, serif;
	font-size: 1.2em;
 }

 #pushnotification #font a.current {
	background: #FFF1BB;
 }

 /* NAVIGATION MENU */
 #navigation_toolbox {
	position: fixed;
	bottom: 50px;
	left: 50%;
	margin-left: -625px;
	width: 110px;
	background: #fff;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,0.1);
	border: 1px solid #aaa;
	font-size: 0.9em;
	display: none;
 }

 #navigation_toolbox .btnToTop {
	display: none;
	width: 100%;
	padding: 8px 8px;
	overflow: hidden;
	text-indent: -999px;
	background: #ddd url(img/arrow-up.png) no-repeat 50% 50%;
	background-size: 24px;
 }

 #navigation_toolbox:hover {
	opacity: 1 !important;
 }

 #navigation_toolbox li {
	border-bottom: 1px solid #eee;
 }

 #navigation_toolbox li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 7px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;
 }

 #navigation_toolbox li.home a {
	color: #ff6b00;
	font-weight: bold;
 }

 #navigation_toolbox li a.active {
	background: #eee;
	color: #555;
 }

 /* COMMENT POPUP */
 #popNotification {
	position: fixed;
	bottom: 50px;
	right: 15px;
	width: 150px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #f1f1f1;
	padding: 10px;
	display: none;
	cursor: pointer;
	z-index: 99999;
	opacity: 0.8;
 }

 #popNotification:hover {
	opacity: 1;
 }

 #popNotification .author {
	font-weight: bold;
	font-size: 1em;
	line-height: 1.4;
	margin-bottom: 2px;
	background: url(img/icons.png) no-repeat 0px -1242px;
	padding-left: 18px;
 }

 #popNotification .comment {
	font-size: 0.9em;
	line-height: 1.3em;
	max-height: 10.4em;
	overflow: hidden;
 }

 /* FULLSCREEN SLIDESHOW */
 #slideshowScreen {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	background: #000;
 }

 #slideshowScreen .header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 35px;
	background: #fff;
	padding: 0;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	z-index: 9;
 }

 #slideshowScreen .header .btnTitle {
	font-size: 1.2em;
	line-height: 35px;
	font-weight: bold;
	color: #006BA0;
	float: left;
	padding-left: 40px;
	background: url(img/btnBack.html) no-repeat 15px 8px;
	background-size: 16px;
 }

 #slideshowScreen .header a {
	cursor: pointer;
 }

 #slideshowScreen .header .btnFullscreen, #slideshowScreen .header .btnExit, #slideshowScreen .header .btnAutoPlay {
	float: right;
	font-size: 1em;
	display: block;
	height: 35px;
	line-height: 35px;
	border-left: 1px solid #aaa;
	padding: 0 10px;
	background-color: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#DADADA));
	background-color: -moz-linear-gradient(top, #ffffff, #DADADA);
	background-color: linear-gradient(top, #ffffff, #DADADA);
 }

 #slideshowScreen .header .btnExit {
	background-image: url(img/btnClose.png);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 10px 50%;
	padding-left: 32px;
	padding-right: 12px;
 }

 #slideshowScreen #progressbar {
	display: block;
	width: 100px;
	background: #000;
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
	margin-top: 14px;
	padding: 10px;
	position: absolute;
	top: 50px;
	right: 20px;
	font-size: 0.9em;
	line-height: 1.2;
	color: #fff;
	display: none;
	text-align: justify;
	cursor: pointer;
 }

 #slideshowScreen #progressbar label {
	color: #888;
 }

 #slideshowScreen #progressbar label span {
	color: #fff;
 }

 #slideshowScreen #progressbar .percent {
	display: block;
	width: 100%;
	height: 8px;
	background: #eee;
	border-radius: 10px;
	margin-bottom: 8px;
 }

 #slideshowScreen #progressbar .percent span {
	width: 0%;
	background: #0098D3;
	display: block;
	height: 100%;
	border-radius: 10px;
	opacity: 1;
 }

 #slideshowScreen .header .btnFullscreen {
	background-image: url(img/btnExpand.html);
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: 10px 50%;
	padding-left: 32px;
 }

 #slideshowScreen .header .btnAutoPlay {
	background-image: url(img/btnPlay.html);
	background-repeat: no-repeat;
	background-size: 24px;
	background-position: 5px 50%;
	padding-left: 32px;
	display: none;
 }

 #slideshowScreen .content {
	position: absolute;
	top: 35px;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
 }

 #slideshowScreen .content ul {
	float: left;
	height: 100%;
	position: relative;
	-webkit-backface-visibility: hidden;
 }

 #slideshowScreen .content li {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	position: relative;
	float: left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
 }

 #slideshowScreen .content li .iconLoading {
	width: 40px;
	height: 40px;
	background: #fff url(img/icon_loading.gif) no-repeat 50% 50%;
	background-size: 32px;
	border-radius: 20px;
	position: relative;
	left: 50%;
	top: 50%;
	margin: -20px 0 0 -20px;
	overflow: hidden;
	text-indent: -999px;
	opacity: 0.4;
 }

 #slideshowScreen .content li.noFullscreen {
	background-size: inherit;
 }

 #slideshowScreen .content li > img {
	display: none;
 }

 #slideshowScreen .content li .caption {
	position: absolute;
	bottom: 30px;
	right: 30px;
	color: #fff;
	overflow: hidden;
	background: rgba(0,0,0,0.3) url(img/icon_info.png) no-repeat 50% 50%;
	background-size: 32px;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	z-index: 999;
 }

 #slideshowScreen .content li .caption:hover {
	width: 280px;
	height: auto;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.6;
	padding: 10px;
	text-indent: 0;
	background: rgba(0,0,0,0.3);
 }

 #slideshowScreen .content li .caption.visible {
	width: 280px;
	height: auto;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.6;
	padding: 10px;
	text-indent: 0;
	background: rgba(0,0,0,0.6);
 }

 #slideshowScreen .button {
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent: -999px;
	opacity: 0.5;
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
 }

 #slideshowScreen .button:hover {
	opacity: 1;
 }

 #slideshowScreen .button.btnPrevious {
	background: url(img/arrow-left.html) no-repeat 2% 50%;
	top: 35px;
	left: 0;
	bottom: 0;
	width: 30%;
 }

 #slideshowScreen .button.btnNext {
	background: url(img/arrow-right.png) no-repeat 98% 50%;
	top: 35px;
	right: 0;
	bottom: 0;
	left: 30%;
 }

 #slideshowScreen .button.btnClose {
	background: url(img/icon_close.html) no-repeat 50% 50%;
	top: -35px;
	right: 5px;
	background-size: 32px;
	width: 35px;
	height: 35px;
 }

 /* FOOTER */
 footer {
	clear: both;
    margin: 0 auto;
    overflow: hidden;
    width: 980px;
    background:#e6e6e6;
 }

 footer .wrapper {
	border-top: 2px solid #1d6cc6;
 }

 footer .categories {
	border: 0;
	box-shadow: none;
	height: auto;
	padding: 0 5px;
	background:#e6e6e6;
 }

 footer .categories > ul {
	border: 0;
 }

 footer .categories li.parent {
	width: 11.1%;
	border-right: 1px solid #eee;
	padding: 0;
	margin-right: 0;
	height: 145px !important;
	padding: 10px 1.5% 0;
	overflow: hidden;
	margin-bottom: 10px;
 }

 footer .categories li.parent:nth-child(9), footer .categories li.parent:last-child {
	border: 0;
 }

 footer .categories li.homepage {
	display: none!important;
 }

 footer .categories li.parent > a {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
 }

 footer .categories li.current a {
	background: none !important;
 }

 footer .categories li.parent a {
	font-size: 13px;
	padding: 0 0;
	border: 0;
	color: #555 !important;
 }

 footer .categories div.subcate {
	position: relative;
	top: -5px;
	left: 0;
	display: block;
	overflow: hidden;
	width: auto !important;
	height: auto;
	background: none !important;
	box-shadow: none;
 }

 footer .categories div.subcate li {
	width: auto;
 }

 footer .categories div.subcate li a {
	font-size: 11px;
	padding: 0;
	line-height: normal;
 }

 footer .copyright {
	color: #888;
    float: left;
    font-family: Arial,Roboto Condensed,sans-serif;
    font-size: 1.2em;
    line-height: 1.4;
    margin-top: 0;
    padding: 5px 15px 0;
    width: 100%;
 }

 footer .copyright .info {
	float: left;
	font-size: 0.9em;
	line-height: 1.3;
	position: relative;
	top: 10px;
    padding-top:5px;
	color: #555;
	margin-bottom: 20px;
    width: 480px!important;
 }

 footer .copyright .info i {
	display: inline-block;
	margin-top: 5px;
 }

 footer .copyright .logo {
	float: left;
	font-size: 0.9em;
	margin-right: 10px;
 }

 footer .copyright .logo > a {
	float: right;
	clear: both;
 }

 footer .copyright .logo img {
	float: left;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	position: relative;
	top: 5px;
	width: 130px;
	height: auto;
	right: -11px;
 }

 footer .copyright .logo > p {
	clear: both;
	text-align: right;
	margin-top: 5px;
	float: right;
 }



 /* TOOLBOX */
 #toolbox {
	position: fixed;
	right: 10px;
	bottom: 45%;
	margin-left: -550px; /* z-index: -1; */
	display: none;
 }

 #toolbox ul {
	float: right;
	width: 30px;
 }

 #toolbox li {
	width: 30px;
	height: 30px;
	margin-top: 10px;
 }

 #toolbox li a {
	position: relative;
	display: block;
	background: #39C url(img/icons.png) no-repeat -9999px -9999px;
	border: 2px solid #fff;
	border-radius: 20px;
	box-shadow: 2px 2px 0 #f5f5f5;
	width: 100%;
	height: 100%;
 }

 #toolbox li a span {
	display: none;
	position: absolute;
	right: 15px;
	top: -3px;
	height: 25px;
	width: 100px;
	line-height: 30px;
 }

 #toolbox li a:hover {
	background-color: #F79400;
 }

 #toolbox li.toTop {
	display: none !important;
 }

 #toolbox li.toTop a {
	background-position: -57px -996px;
	display: none;
 }

 #toolbox li.email a {
	background-position: -56px -1115px;
 }

 #toolbox li.phone a {
	background-position: -57px -1054px;
 }

 #toolbox li.facebook a {
	background: url(img/facebook.html) no-repeat 50% 50%;
 }

 section.article_content > header .event_banner {
	float: left;
	width: 100%;
	height: auto;
	line-height: 30px;
	margin: 5px 0;
 }

 section.article_content > header .event_banner.seagames27 {
	background: url(img/seagames27/seagame_logo.jpg) no-repeat left -2px;
	background-size: contain;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
 }

 section.article_content > header .event_banner.seagames27 a {
	display: block;
	width: 100%;
	padding-left: 150px;
	color: #008e00;
 }


 /* VIDEO TEMPLATE */
 #video {
	background: #fff;
 }

 #video .wrapper {
	clear: both;
 }

 #video article.video header h1 a {
	background: none;
	padding: 0;
	color: #000;
 }

 #video article header h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.6em;
	font-weight: normal;
 }

 #video article header a:hover {
	color: #000 !important;
 }

 #video article header .cate {
	display: block;
	text-transform: uppercase;
 }

 #video article .cover {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
 }

 #video article .cover a {
	position: relative;
 }

 #video article.video .cover a {
	background: none;
 }

 #video article.video .cover a:hover {
	background: url(img/icon_play.png) no-repeat 50% 50%;
	background-size: 35px;
 }

 #video article .cover .duration {
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 3px 8px;
	font-size: 11px;
 }

 #video article header .count {
	background: url(img/icon_watch.html) no-repeat right 50%;
	background-size: 20px;
	padding-right: 25px;
	margin-top: 4px;
	font-size: 11px;
	color: #f68b1f;
	float: left;
 }

 #video #site-header {
	border: 0;
 }

 #video article .cover #circleG {
	position: absolute;
	top: 10px;
	right: 10px;
 }

 #video footer .wrapper {
	border: 0;
 }

 #video footer .copyright {
	border: 0;
 }

 #video #top {
	float: left;
	width: 100%;
	padding: 0 0 10px;
	position: relative;
 }

 #video #site-header, #video #top .categories {
	display: none;
 }

 #video #top h1 {
	height: 60px;
	margin: 0 auto;
	text-align: center;
	white-space:nowrap;
	clear:both;
 }

 #video #top h1 a.home {
	height: 100%;
	background: url(img/logo_video2.html) no-repeat left 50%;
	background-size: 64px;
	overflow: hidden;
	padding-left: 70px;
	font-size: 4em;
	font-weight: 100;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 60px;
 }

 #video #top h1 a.cate {
	display: inline-block;
	height: 100%;
	line-height: 60px;
	font-size: 4em;
	text-transform: uppercase;
	font-weight: normal;
	font-family: 'Roboto Condensed', sans-serif;
	color: #39c;
	position: relative;
	border-left: 1px solid #eee;
	padding-left: 15px;
	margin-left: 15px;
 }

 #video_main {
	float: left;
	width: 100%;
	background: #E6E6E6;
	padding: 10px 0 0;
 }

 #video_main article {
	float: left;
	width: 300px;
	height: 170px;
	margin-bottom: 10px;
 }

 #video_main article.featured {
	width: 660px;
	height: 350px;
	margin-right: 20px;
 }

 #video_main article .cover a .duration {
	display: none;
 }

 #video_main article .cover {
	width: 100%;
	height: 100%;
 }

 #video_main article header .cate {
	display: none;
 }

 #video_main article header {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.5);
	padding: 5px 15px;
 }

 #video_main article header h1 {
	font-size: 1.6em;
	line-height: 1.2;
 }

 #video_main article header h1 a {
	color: #fff !important;
 }

 #video_main article header h1 a:hover {
	color: #fff !important;
	text-decoration: underline;
 }

 #video_main article:hover header {
	background: rgba(0,0,0,0.8);
 }

 #video_main article.featured header h1 {
	font-size: 2.4em;
 }

 #video_main article.featured .type {
	width: 70px;
	height: 70px;
	background-size: 70px;
	margin-top: -35px;
	margin-left: -35px;
 }

 #video_main.subpage {
	display: none;
 }

 #video_main.subpage article {
	width: 32%;
	margin-right: 2%;
	margin-bottom: 10px;
 }

 #video_main.subpage article:nth-child(3n) {
	margin-right: 0;
 }

 #video_cate_head {
	background: #000;
	height: 35px;
	width: 100%;
	color: #fff;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	float: left;
	width: 100%;
	margin: 10px 0;
	display: none;
 }

 #video_cate_head h1 {
	font-size: 1.4em;
	line-height: 35px;
	font-weight: normal;
	padding: 0 10px;
	text-transform: uppercase;
	text-align: center;
 }

 #video_cate_head form {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 0 5px;
 }

 #video_cate_head input {
	border: 1px solid #222;
	background: #111;
	height: 22px;
	line-height: 22px;
	margin: 7px 0;
 }

 #video_detail {
	float: left;
	width: 100%;
	background: #E6E6E6;
	padding: 0 0;
 }

 #video_detail .player {
	width: 100%;
	float: left;
	margin-bottom: 0;
	text-align: center;
	background: #000;
	position: relative;
 }

 #video_detail .player > iframe {
	display: none;
 }

 #video_detail .player > iframe, #video_detail .player > div {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
 }

 #video_detail .player > .banner {
	width: 728px;
	max-height: 90px;
	height: 90px;
	float: left;
	background: #B8B8B8;
	margin-top: 5px;
	line-height: 90px;
	text-align: center;
 }

 #video_detail .player > a {
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	overflow: hidden;
	text-indent: -999px;
	opacity: 0.6;
 }

 #video_detail .player > a:hover {
	opacity: 1;
 }

 #video_detail .player .btnPrev {
	left: -70px;
	background-image: url(img/icon_playprev.html);
 }

 #video_detail .player .btnNext {
	right: -70px;
	background-image: url(img/icon_playnext.png);
 }


 #video_detail .video_relate {
	width: 240px;
	float: right;
	display: none;
 }

 #video_detail .video_relate > header {
	width: 100%;
	float: left;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	font-size: 1.2em;
	color: #888;
	border-bottom: 1px solid #ccc;
	padding-bottom: 4px;
 }

 #video_detail .video_relate article {
	height: 72px;
	margin-bottom: 10px;
 }

 #video_detail .video_relate article .cate {
	display: none;
 }

 #video_detail .video_relate article header h1 {
	font-size: 1.2em;
	line-height: 1.4;
 }

 #video_detail .video_relate article .cover {
	width: 50%;
	height: 100%;
	margin-right: 10px;
 }

 #video_detail .video_relate article header {
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: none;
 }

 #video_detail article:hover .type {
	display: none;
 }

 #video .content-wrap {
	width: 70%;
	margin-top: 20px;
	padding-right: 20px;
 }

 #video .sidebar {
	width: 28%;
	margin-top: 20px;
 }

 #video section.article_content, #video section.article_content article {
	width: 100%;
 }

 #video section.article_content > article .content iframe {
	display: none;
 }

 #video section.article_content > article .content .picture {
	display: none;
 }

 #video section.article_content header h1 {
	margin-bottom: 10px;
	font-size: 2em;
	line-height: 1.2;
 }

 #video section.article_content > article .summary {
	color: #555;
 }

 #video article .content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: justify;
	display: none;
 }

 #video section.article_content .btnMore {
	border-bottom: 1px solid #ddd;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	float: left;
	width: 100%;
	clear: both;
	display: none;
 }

 #video section.article_content .btnMore a {
	text-align: center;
	padding: 3px 10px;
	display: inline-block;
	margin: 0 auto;
	color: #888;
	position: relative;
	top: 14px;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 3px;
 }

 #video .metabox ul.info li {
	border-bottom: 1px solid #eee;
	margin-bottom: 4px;
	padding-bottom: 10px;
 }

 #video .metabox ul.info li:last-child {
	border: 0;
 }

 #video .metabox ul.info li > label {
	width: 100%;
	margin-bottom: 8px;
 }

 #video .metabox ul.info li > .info {
	width: 100%;
	float: left;
 }

 #video .commentbox {
	width: 100%;
 }

 #video .commentbox .fb_iframe_widget span, #video .commentbox .fb_iframe_widget iframe {
	width: 100% !important;
 }

 #video .commentbox > header h1 {
	font-size: 1.4em !important;
 }

 #video #metainfo ul.info li > label {
	width: 25%;
 }

 #video #metainfo ul.info li > .info {
	width: 75%;
 }

 #video.singleplayer {
	overflow: hidden;
 }

 #video.singleplayer > .wrapper {
	width: 100%;
	left: 0;
	margin: 0;
 }

 #video.singleplayer > .wrapper > section {
	display: none;
 }

 #video.singleplayer .content-wrap {
	display: none;
 }

 #video.singleplayer #zingheader, #video.singleplayer .wrapper .wrapper {
	display: none;
 }

 #video.singleplayer #video_detail .wrapper {
	display: block;
	width: 100%;
	left: 0;
	margin-left: 0;
 }

 #video.singleplayer .wrapper #top {
	display: none;
 }

 #video.singleplayer #video_detail {
	padding: 0;
 }

 #video.singleplayer #video_detail .player {
	width: 100%;
	margin: 0;
 }

 #video.singleplayer #video_detail .player .btnNext, #video.singleplayer #video_detail .player .btnPrev {
	display: none !important;
 }

 #video.singleplayer #pushnotification {
	display: none;
 }

 #video_topviewed {
	float: left;
	width: 100%;
	margin: 30px 0 40px;
	position: relative;
 }

 #video_topviewed > h2 {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 1.6em;
	color: #3399cc;
	margin-bottom: 10px;
 }

 #video_topviewed article {
	float: left;
	width: 19%;
	margin-right: 1.25%;
 }

 #video_topviewed article:last-child {
	margin-right: 0;
 }

 #video_topviewed article .cover {
	width: 100%;
	height: 120px;
	margin-bottom: 5px;
 }

 #video_topviewed article header h1 {
	font-size: 1.2em;
	line-height: 1.2;
 }

 #video_topviewed article .type {
	margin-top: -45px !important;
 }

 #video_topviewed .btnMore {
	display: block;
	float: right;
	width: 50px;
	height: 40px;
	background: url(img/icon_next.html) no-repeat 50% 50%;
	overflow: hidden;
	text-indent: -999px;
	position: absolute;
	right: 20px;
	top: 65px;
 }

 #video_menu {
	float: left;
	background: #000;
	padding: 0px;
	width: 100%;
	margin-bottom: 30px;
	height: 38px;
	overflow: hidden;
	text-align: center;
 }

 #video_menu li {
	display: inline-block;
	text-transform: uppercase;
	padding: 12px 0px 10px;
	margin: 0 0 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.2em;
 }

 #video_menu li.current {
	border-bottom: 2px solid #555;
	background: #222;
 }

 #video_menu li a {
	color: #CCCCCC;
	display: block;
	margin: 0 5px;
 }

 #video_menu li.current a {
	color: #fff;
 }

 #video_menu li:hover {
	background: #222;
 }

 #video .video_section {
	float: left;
	width: 100%;
 }

 #video .video_section > header {
	background: #000;
	padding: 10px;
	margin-bottom: 10px;
 }

 #video .video_section header a {
	color: #fff;
 }

 #video .video_section article {
	width: 19%;
	float: left;
	margin-right: 1.25%;
	margin-bottom: 40px;
 }

 #video .video_section article:nth-child(5n) {
	margin-right: 0;
 }

 #video .video_section article .cover {
	width: 100%;
	height: 140px;
	margin-bottom: 5px;
 }

 #video .video_section article header h1 {
	font-size: 1.2em;
	line-height: 1.4;
	height: 2.8em;
	overflow: hidden;
 }

 .pagination {
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1em;
	color: #ccc;
	text-transform: uppercase;
	float: left;
	width: 100%;
 }

 .pagination .page {
	border: 1px solid #eee;
	display: inline-block;
	padding: 5px 8px;
	border-radius: 3px;
	color: #333;
	margin: 0 5px;
 }

 .pagination .page.current {
	padding-left: 12px;
	padding-right: 12px;
	color: #3399CC;
	border-color: #3399CC;
 }

 /**	INTERACTIVE */
 .interactive-content {
	float: left;
	clear: both;
	width: 100%;
	height: 200px;
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	margin: 16px 0;
 }

 .interactive-content .cover {
	position: absolute;
	top: 0;
	left: 30%;
	right: 0%;
	bottom: 0;
	background-size: cover;
	background-repeat: no-repeat;
 }

 .interactive-content .meta {
	position: absolute;
	top: 0;
	left: 0%;
	right: 70%;
	bottom: 0;
	padding: 10px;
	line-height: 1.2;
	border: 1px solid #ddd;
	border-top: 2px solid #ccc;
 }

 .interactive-content .meta .caption {
	font-size: 12px;
	line-height: 14px;
	color: #888;
	display: block;
	max-height: 84px;
	overflow: hidden;
 }

 .interactive-content .meta .more {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 10px;
	color: #888;
	padding: 10px;
	text-transform: uppercase;
	padding-bottom: 35px;
	margin-bottom: 10px;
 }

 .interactive-content .meta .kind {
	font-family: 'Roboto Condensed', sans-serif;
	display: block;
	font-size: 14px;
	margin-bottom: 4px;
	text-transform: uppercase;
 }

 .interactive-content .meta .more {
	background-size: 32px !important;
	background-repeat: no-repeat;
	background-position: 10px bottom;
 }

 /**	App View */
 body.appview {
	padding-top: 10px;
 }

 body.appview #mp3widget, body.appview #zingheader, body.appview #discover, body.appview article .series, body.appview section.article_content section.next_read, body.appview section.article_content aside, body.appview .metabox, body.appview section.recommendation, body.appview footer {
	display: none !important;
 }

 /**	CHUYÊN TRANG ẢNH */
 #piccate > header {
	border-top: 3px solid #d5d5d5;
	margin-top: 25px;
 }

 #piccate > header h1 {
	border-top: 1px solid #d5d5d5;
	margin: 2px 0 20px 0;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
 }

 #piccate > header h1 a {
	display: inline-block;
	font-size: 30px;
	background: #fff;
	padding: 10px 20px;
	margin: -30px auto;
	position: relative;
	top: -5px;
 }

 #piccate > header h1 a span {
	color: #39C;
 }

 #piccate .sidebar {
	display: none;
 }

 #piccate {
	float: left;
	width: 100%;
	font-family: 'Roboto Condensed';
	z-index: -1;
	position: relative;
 }

 #piccate .content-wrap {
	float: left;
	width: 100%;
	position: relative;
 }

 #piccate .newpost {
	float: left;
	width: 100%;
 }

 #piccate .newpost article {
	width: 23%;
	margin-left: 2%;
	margin-bottom: 10px;
 }

 #piccate .newpost article .cover {
	float: left;
	width: 100%;
	height: 130px;
 }

 #piccate .newpost article header {
	float: left;
	width: 100%;
	margin-bottom: 5px;
 }

 #piccate .newpost article header h1 {
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 5px 0 0 0;
	line-height: 1.2em;
	height: 40px;
	overflow: hidden;
 }

 #piccate .newpost article header h1 a {
	font-weight: normal;
	background: none;
	padding-left: 0;
 }

 #piccate .newpost article header time {
	text-transform: uppercase;
	color: #b7b7b7;
	font-size: 0.9em;
	display: block;
	line-height: 1.6em;
	display: none;
 }

 #piccate .newpost article:first-child {
	width: 50%;
	float: left;
	margin-left: 0;
	background: #eff3ef;
 }

 #piccate .newpost article:first-child .cover {
	float: left;
	width: 100%;
	height: 380px;
 }

 #piccate .newpost article:first-child header {
	float: left;
	width: 100%;
	padding: 25px 15px;
 }

 #piccate .newpost article:first-child header h1 {
	text-transform: uppercase;
	padding: 0 0 0 0;
	font-size: 2em;
	line-height: 1.2em;
	height: auto;
	overflow: hidden;
 }

 #piccate .newpost article:first-child header h1 a {
	font-weight: normal;
	background: none;
	padding-left: 0;
 }

 #piccate .newpost article:first-child header time {
	text-transform: uppercase;
	color: #b7b7b7;
	font-size: 1em;
	display: block;
	line-height: 1.8em;
 }

 #piccate .newpost article:first-child .summary {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
 }

 #piccate .postnext {
	float: left;
	width: 100%;
	padding: 10px 20px;
	border: 4px solid #eee;
	margin-top: 10px;
	background: #333;
 }

 #piccate .postnext article {
	float: left;
	width: 32%;
	margin-right: 2%;
	padding: 0 0;
	margin-bottom: 20px;
	margin-top: 10px;
	background: #fff;
 }

 #piccate .postnext article:nth-child(3n) {
	margin-right: 0 !important;
 }

 #piccate .postnext article .cover {
	width: 100%;
	height: 200px;
	float: left;
 }

 #piccate .postnext article header {
	float: left;
	width: 100%;
	height: 78px;
	padding: 0 10px;
	background: #f1f1f1;
	overflow: hidden;
 }

 #piccate .postnext article header h1 {
	text-transform: uppercase;
	padding: 10px 0 0 0;
	font-size: 1.4em;
	line-height: 1.2em;
 }

 #piccate .postnext article header h1 a {
	font-weight: normal;
	background: none;
	padding-left: 0;
 }

 #piccate .postnext article header time {
	text-transform: uppercase;
	color: #555;
	font-size: 1em;
	display: block;
	line-height: 1.8em;
 }

 #piccate .pagination {
	margin: 20px 0;
 }

 /** theme biendong **/
 .themewrapper {
	width: 100%;
	float: left;
 }

 .themewrapper .themetop {
	height: 300px;
	text-indent: -1000px;
	background-size: cover !important;
 }

 .themewrapper nav.menubd {
	height: 60px;
	border-bottom: 2px solid #f4b10b;
	background: #ececec;
	text-align: center;
	overflow: hidden;
 }

 .themewrapper nav.menubd li {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding: 0 20px;
	font-size: 24px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	font-weight: 400;
 }

 .themewrapper nav.menubd li a {
	color: #888;
	height: 60px;
	line-height: 60px;
	display: block;
 }

 .themewrapper nav.menubd li a.activebd {
	font-weight: 300;
	border-bottom: 6px solid #f4b10b;
	color: #DB9C00;
 }

 .themewrapper nav.menubd li a.video {
	background: url(img/video_icon.png) no-repeat left 50%;
	background-size: 22px;
	padding-left: 26px;
 }

 .themewrapper nav.menubd li a.picture {
	background: url(img/camera_icon.html) no-repeat left 50%;
	background-size: 22px;
	padding-left: 26px;
 }

 .themewrapper nav.menubd li a.discuss {
	background: url(img/chat_icon.png) no-repeat left 55%;
	background-size: 22px;
	padding-left: 28px;
 }

 .themewrapper #listing {
	z-index: 0;
 }

 .themewrapper #listing .articles-listing {
	overflow: visible!important;
 }

 .themewrapper #listing .articles-listing.loading {
	background: url(img/icon_loading.gif) no-repeat 50% bottom;
	padding-bottom: 150px;
 }

 .themewrapper #listing .articles-listing article {
	float: left;
 }

 .noscroll {
	position: fixed;
	overflow-y: scroll;
	width: 100%;
 }

 #popup_article {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 0px;
	height: 0px;
	margin: 0;
	-webkit-backface-visibility: hidden;
	-webkit-transition: translate3d(0,0,0);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	overflow: hidden;
 }

 #popup_article > .header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background: #06F;
 }

 #popup_article > .header .btnClose {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	display: block;
	background: url(img/btnClose2.html) no-repeat 50% 50%;
	background-size: 36px;
	overflow: hidden;
	text-indent: -900px;
 }

 #popup_article > .header h1 {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 50px;
	bottom: 0;
	line-height: 50px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	font-size: 1.6em;
	text-transform: uppercase;
	padding: 0 20px;
 }

 #popup_article > .content {
	position: absolute;
	;
	top: 50px;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #fff;
 }

 #popup_article > .content iframe {
	width: 100%;
	height: 100%;
 }

 /*tuyendung*/
 #tuyendung {
	background: #f6f6f6;
	width: 100%;
	float: left;
 }

 #tuyendung .contenttd {
	width: 80%;
	margin: 40px 10% 60px 10%;
	float: left;
	padding: 30px 40px 30px;
	border: 1px solid #ddd;
	border-radius: 10px;
	box-shadow: 3px 3px 0 0 rgba(141, 141, 141, 0.1);
	background: #fff;
 }

 #tuyendung .contenttd header {
	text-align: center;
 }

 #tuyendung .contenttd header .cate {
	display: inline-block;
	line-height: 24px;
	text-transform: uppercase;
	color: #666;
	font-weight: bold;
 }

 #tuyendung .contenttd header time {
	display: inline-block;
	color: #999;
	text-transform: uppercase;
 }

 #tuyendung .contenttd header h1 {
	font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	font-size: 2.6em;
	text-transform: uppercase;
	line-height: 1em;
	font-weight: normal;
	margin-bottom: 10px;
 }

 #tuyendung .contenttd header .summary {
	padding-top: 15px;
	font-size: 1.4em;
	color: #626262;
	line-height: 1.2;
 }

 #tuyendung .contenttd article .cover {
	margin: 40px 0 20px -40px;
	width: 111.5%;
	height: 380px;
 }

 #tuyendung .contenttd article h1 {
	background: #009ddc;
	color: #fff;
	font-size: 2.5em;
	text-transform: uppercase;
	margin: 40px 0 20px -49px;
	float: left;
	padding: 12px 20px 8px 50px;
	position: relative;
	clear: right;
	font-weight: normal;
	letter-spacing: -1px;
 }

 #tuyendung .contenttd article h1.bluelabel:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 8px;
	height: 6px;
	border-bottom-left-radius: 8px;
	background: #005a7d;
 }

 #tuyendung .contenttd article h1.greenlabel {
	background: #4aa942;
 }

 #tuyendung .contenttd article h1.greenlabel:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 8px;
	height: 6px;
	border-bottom-left-radius: 8px;
	background: #0d6106;
 }

 #tuyendung .contenttd article h1.orangelabel {
	background: #f47b20;
 }

 #tuyendung .contenttd article h1.orangelabel:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 8px;
	height: 6px;
	border-bottom-left-radius: 8px;
	background: #a34601;
 }

 #tuyendung .contenttd article h1.pinklabel {
	background: #ee2c74;
 }

 #tuyendung .contenttd article h1.orangelabel:after {
	content: '';
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 8px;
	height: 6px;
	border-bottom-left-radius: 8px;
	background: #8a0335;
 }

 #tuyendung .contenttd article .vitri {
	width: 100%;
	float: left;
 }

 #tuyendung .contenttd article .vitri .phongban {
	float: left;
	width: 22%;
	margin: 2% 1.5%;
	padding-right: 2%;
	border-right: 1px solid #ebeaea;
	height: 210px;
 }

 #tuyendung .contenttd article .vitri .phongban:nth-child(4n) {
	border-right: 0;
 }

 #tuyendung .contenttd article .vitri .phongban h2 {
	color: #009ddc;
	font-family: 'Roboto Condensed',Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	border-bottom: 1px solid #ebeaea;
	padding: 0px 0 5px 0;
	text-transform: uppercase;
 }

 #tuyendung .contenttd article .vitri .phongban dt {
	padding: 15px 0 5px 0;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
 }

 #tuyendung .contenttd article .vitri .phongban dd {
	text-indent: 8px;
	font-size: 1.2em;
	color: #666;
	line-height: 1.2em;
 }

 #tuyendung .contenttd article .vitri .phongban .thoihan {
	font-style: italic;
	font-size: 1em;
	padding-top: 15px;
	color: #999;
 }

 #tuyendung .contenttd article .yeucau {
	margin: 10px;
	width: 100%;
	float: left;
 }

 #tuyendung .contenttd article .yeucau li {
	padding: 5px;
	font-size: 1.1em;
	margin-left: 10px;
	line-height: 1.2em;
	display: block;
 }

 #tuyendung .contenttd article .yeucau li:before {
	content: '';
	width: 8px;
	height: 8px;
	background: #4aa942;
	display: inline-block;
	margin-right: 20px;
	position: relative;
	top: 0px;
 }

 #tuyendung .contenttd article .quyenloi {
	margin: 10px;
	width: 100%;
	float: left;
 }

 #tuyendung .contenttd article .quyenloi li {
	padding: 5px;
	font-size: 1.1em;
	margin-left: 10px;
	line-height: 1.2em;
	display: block;
 }

 #tuyendung .contenttd article .quyenloi li:before {
	content: '';
	width: 8px;
	height: 8px;
	background: #f47b20;
	display: inline-block;
	margin-right: 20px;
	position: relative;
	top: 0px;
 }

 #tuyendung .contenttd article .nophoso {
	margin: 10px 10px 10px 30px;
	width: 100%;
	float: left;
	line-height: 2em;
	font-size: 1.1em;
 }

 /* Tuyển sinh */
 #diemthi {
	width: 100%;
	float: left;
	margin-top: -5px;
	margin-bottom: 5px;
	background: #000 url(../../../../stc.v3.news.zing.vn/images/banner_tuyensinh_2014.jpg) right 50%;
	position: relative;
	background-size: cover;
	text-align: center;
	padding: 0;
	height: 90px;
	overflow: hidden;
 }

 #diemthi > a {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
 }

 #diemthi > div {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 60%;
	padding: 15px 20px;
	font-size: 1.4em;
 }

 #diemthi header h1 {
	text-transform: uppercase;
	color: #fff;
	font-size: 1.2em;
	margin-bottom: 6px;
	text-align: center;
 }

 #diemthi header h1 a {
	color: #fff;
 }

 #diemthi .description {
	font-size: 0.8em;
	margin-top: 5px;
 }

 #diemthi .description p a {
	color: #fff;
	text-decoration: underline;
	text-transform: uppercase;
	display: inline-block;
	margin: auto 5px;
 }

 #diemthi .description p a:hover {
	color: #ff0;
 }

 #WidgetDiemThi2009 {
	display: none !important;
 }

 @media screen and (max-width: 1000px) {
	#diemthi .description {
		display: none;
	}

	#diemthi > div {
		width: 600px;
	}

	#diemthi header h1 {
		padding-top: 20px;
	}
 }

 @media screen and (max-width: 600px) {
	#diemthi > div {
		width: 100%;
		padding: 0;
	}

	#diemthi {
		height: 60px;
	}

	#diemthi header h1 {
		padding-top: 0;
		font-size: 1.1em;
		line-height: 60px;
	}
 }


 @media screen and (min-width: 600px) {
	section#world-cup.category article.featured {
		width: 48%;
		margin: 1%;
		position: relative;
		padding: 0;
		height: 270px !important;
		background: #fff;
	}

	section#world-cup.category article.featured .cover {
		width: 100%;
		height: 160px;
	}

	section#world-cup.category article.featured header {
		position: absolute;
		bottom: 70px;
		padding: 10px;
		width: 100%;
		background: #fff;
	}

	section#world-cup.category article.featured header h1 {
		font-size: 18px;
		color: #000;
		line-height: 20px;
	}

	section#world-cup.category article .summary {
		position: absolute;
		top: 195px;
		height: 70px;
		overflow: hidden;
		padding: 0 10px 10px;
		color: #666;
	}

	section#world-cup.category article.featured .relate {
		display: none;
	}

	section#world-cup.category .top {
		width: 49%;
		margin: 1% 0;
		position: relative;
		border-left: none;
		border-right: none;
		padding: 0;
	}

	section#world-cup.category .top article {
		width: 100%;
		padding: 1% 2%;
		background: #fff;
		margin: 0;
	}

	section#world-cup.category .top article .cover {
		float: left;
		width: 29%;
		margin-right: 3%;
		height: 52px;
		display: block;
	}

	section#world-cup.category .top article header {
		float: left;
		width: 60%;
		padding-top: 5px;
	}

	section#world-cup.category .top article header h1 {
		color: #000;
	}

	section#world-cup.category .top article:first-child {
		background: #dae6d9;
		padding: 0;
	}

	section#world-cup.category .top article:first-child .cover {
		width: 44%;
		height: 90px;
	}

	section#world-cup.category .top article:first-child header {
		width: 50%;
		padding-top: 10px;
	}

	section#world-cup.category .top article:first-child header h1 {
		font-size: 16px;
		color: #000;
	}

	section#world-cup.category .top article:nth-child(2) {
		padding-top: 5px;
	}

	section#world-cup.category .top article:last-child {
		padding-bottom: 2%;
	}


	section#world-cup.category article.aside {
		float: left;
		width: 100%;
		clear: both;
		background: #83aa26;
		margin: 0px;
		padding: 2%;
	}

	section#world-cup.category article.aside .cover {
		display: none;
	}

	section#world-cup.category article.aside header {
		margin-bottom: 0;
	}

	section#world-cup.category article.aside header h1:before {
		content: 'Tin Tức Khác';
		color: #f6f424;
		display: inline-block;
		margin-right: 2px;
		padding-right: 10px;
		border-right: 1px solid #f6f424;
		text-transform: uppercase;
	}

	section#world-cup.category article.aside header h1 a {
		color: #fff;
	}

	section#world-cup.category article.aside header h1 a:hover {
		color: #fff !important;
	}
 }

 .block_mobile{display:none !important}
 .none_mobile{display:block !important}
 @media screen and (max-width: 599px) {
    .none_mobile{display:none !important}
    .block_mobile{display:block !important}
	section#world-cup.category article.featured {
		padding: 10px;
	}

	section#world-cup.category article.featured .cover {
		width: 50%;
		height: 90px;
		float: left;
		margin-right: 10px;
	}

	section#world-cup.category .top {
		padding: 10px;
	}
 }

 @media screen and (max-width: 400px) {
	section#world-cup.category .top article {
		background: rgba(255, 255, 255, 0.62) !important;
	}
 }

 @media screen and (min-width: 1500px) {
	.themewrapper #listing article .cover {
		height: 175px;
	}
 }

 @media screen and (min-width: 1300px) {
	#navigation_toolbox {
		margin-left: -645px;
	}

	.themewrapper #listing article {
		width: 15.6%;
		margin-left: 0.5% !important;
		margin-right: 0.5% !important;
	}
 }

 @media screen and (min-width: 1200px) {
	#zingheader form {
		width: 380px;
		padding-left: 0;
	}

	#zingheader form input {
		width: 300px;
		background-position: 5px -34px;
	}

	article .content {
		font-size: 1.16em;
		line-height: 1.2em;
	}

	section.article_content > header .summary {
		font-size: 1.16em;
		line-height: 1.4;
	}

	#toolbox, #btnReport {
		display: block;
	}


	#popNotification {
		bottom: 20px;
	}

	.themewrapper #listing {
		padding: 10px 3%;
	}
 }

 @media screen and (max-width: 1200px) {
 }

 @media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
	#zingheader hgroup a {
		background-image: url(img/logo_zing_trithuc%402X.html);
		background-size: 100px;
	}

	footer .copyright .logo img {
		width: 65px;
		height: auto;
		margin-top: 13px;
	}
 }

 /** Applied for all tablet  **/
 .well_read_mobile{display:none}
 .text_center{text-align:center;}
  .text_center.top{margin-bottom:10px}
 @media screen and (max-width: 1000px) {
 .well_read_mobile{display:block}
	/* General page layout */
	.wrapper {
		width: 96%;
		left: 0;
		margin: 0 2%;
	}

	.content-wrap {
		width: 100% !important;
		overflow: hidden;
	}

	.sidebar {
		display: none;
	}
    #category section.featured {
    background-color: #f5f5f5;
    border-radius: 0 0 5px 5px;
    margin: 0 0 10px;
    padding: 10px 10px 0;
    width: 100% !important;
}
	#site-header, #advR1_temp, #advR2_temp, #advBottom, #banner_top, #advTop_temp, #advSkyscraper1 {
		display: none !important;
	}

	.alertbar {
		margin: -8px 0 0 0;
		width: 100%;
	}

	#breakingnews {
		margin-top: 0;
	}

	/* Zing Header */
	#zingheader, #zingheader hgroup, #zingheader form {
		height: 45px;
		line-height: 45px;
	}

	#zingheader .apps, #zingheader .apps li {
		height: 35px;
		line-height: 32px;
	}

	#zingheader .apps {
		display: none;
	}

	#zingheader hgroup h1 {
		line-height: 45px;
		height: 45px;
		padding-top: 2px;
	}

	#zingheader {
		margin-bottom: 8px;
	}

	#zingheader hgroup a {
		margin: 9px 0 0;
	}

	#zingheader hgroup h1 a {
		margin-top: 0;
	}

	#zingheader form {
		padding: 3px 0 0;
	}

	#zingheader form input, #zingheader form button {
		height: 30px;
	}

	#zingheader form input {
		position: absolute;
		right: 80px;
	}

	#zingheader form button {
		position: absolute;
		right: 1px;
	}

	#zingheader #bookmark {
		display: none;
	}

	#zingheader #mobile {
		display: block;
		margin-top: 8px;
	}

	#site-header {
		margin-top: 0;
		border: 0;
		height: 90px;
	}

	#noti5 {
		height: 45px;
		margin-right: 45px;
	}

	#noti5 a {
		line-height: 45px;
	}

	#noti5 a.btnHot {
		background-position: 5px 13px;
		background-size: 16px;
	}

	#hotnews {
		right: 10px;
		left: auto;
		top: 45px;
	}

	#event {
		margin-top: -8px;
		padding-bottom: 6px;
	}

	/* Banner top & Category menu */
	#top .categories {
		display: none;
	}

	footer {
		width: 100%;
	}

	footer .wrapper {
		border: 0;
		padding-top: 0;
	}

	footer .categories {
		display: none;
	}

	/* Homepage */
	.hotnews {
		display: none;
	}

	section.featured {
		width: 68%;
		float: left !important;
		margin-right: 2%;
	}
     #category.template2 section.featured
    {
        width: 68%;
		float: left !important;
		margin-right: 2%;
    }
	.cate_content #homepage .featured{width:100% !important}
	.cate_content #homepage section.featured{width:68% !important}
	section.trending article {
		margin-bottom: 6px !important;
		padding-bottom: 6px !important;
	}

	section.trending article header h1 {
		font-size: 14px;
		line-height: 18px;
	}

	section.trending .top-list {
		
	}
     section.trending article header h1 a {
	color: #463c3f;
    font-weight: normal;
 }


	section.trending .top-list article {
		display: block;
	}

	section.trending .top-list article .cover {
		display: none;
		float: left;
		width: 100%;
	}

	section.trending .top-list article header {
		clear: both;
	}

	section.category {
		margin-bottom: 10px;
	}

	section.category article header h1 {
		font-size: 14px;
		line-height: 18px;
	}

	section.category article.featured header h1 {
		font-size: 16px;
		line-height: 20px;
	}

	section.category article.featured header {
		max-height: 60px !important;
	}

	section.category article.featured {
		margin-bottom: 0;
	}

	section.category > header {
		overflow: hidden;
	}

	section.category > header .followbox {
		display: none;
	}

	section.category.skin4 article.featured .summary {
		height: 72px;
	}

	#homepage.block_mode section.featured article.featured .summary {
		max-height: 90px;
	}

	/* Page Category */
	#category .content-wrap > header h1 {
		text-transform: uppercase;
		font-family: "HelveticaNeue-CondensedBold", Arial, Helvetica, sans-serif;
	}

	#category section.cate_sidebar article .cover {
		height: 100px;
	}

	#category section.cate_sidebar article .cover img {
		width: 100%;
		height: auto;
	}

	#category section.featured article {
		display: block !important;
	}

	section.category article header h1 {
		font-family: "HelveticaNeue-Bold", Arial, Helvetica, sans-serif;
	}

	section.category.skin4 article.featured header {
		height: 40px;
	}

	section.category.skin4 article.featured .cover {
		float: none;
		width: 100%;
		height: 120px;
	}

	section.category.skin4 article.featured .cover img {
		width: 100%;
		height: auto;
	}


	/* Page Article */
	section.article_content {
		width: 100%;
		padding: 20px 8%;
	}
    .detail_mostread
    {
        display:none;
    }
    #discover
    {
        display:block !important;
    }
	section.article_content > header h1 {
		letter-spacing: 0;
		font-family: "HelveticaNeue-CondensedBold",'Open Sans Condensed', Arial, Helvetica, sans-serif;
		font-size: 2.4em;
		line-height: 1.2;
		margin-bottom: 0;
	}

	section.article_content > header .summary {
		font-size: 1.2em;
		line-height: 1.4;
	}

	section.article_content aside {
		width: 25%;
		display: none !important;
	}

	section.article_content article {
		width: 73%;
		margin-right: 2%;
	}

	section.article_content section.next_read {
		width: 25%;
	}

	article .content {
		font-family: "HelveticaNeue-Light", 'Noticia Text', Times, serif;
		font-size: 1.2em;
		line-height: 1.2em;
		text-align: justify;
	}

	#discover, .commentbox {
		width: 100%;
	}

	.commentbox textarea, .commentbox .login {
		left: 0;
		width: 100%;
	}

	section.article_content.pictures_layout aside {
		display: none !important;
	}

	#video_content > header {
		padding: 0;
		height: auto;
	}

	#video_content > header iframe {
		width: 100%;
	}

	#video_content > header h1 {
		width: 100%;
		border: 0;
		margin: 10px;
		padding-bottom: 0;
	}

	#video_content > header .cate, #video_content > header time {
		margin: 0 10px;
	}

	#video_content > header .summary {
		width: 100%;
		border: 0;
		padding: 0 10px 20px;
	}

	section.article_content.stream_layout aside {
		display: none !important;
	}

	section.article_content.stream_layout > header {
		width: 100% !important;
	}

	/* Page Search */
	#search .content-wrap {
		padding-right: 0;
		border: 0;
	}

	#search .result article .cover img {
		width: 100%;
		height: auto;
	}

	#search .result article .cover {
		height: 120px !important;
	}

	#search form input {
		width: 60%;
	}

	#search .result article {
		padding-bottom: 0;
	}

	/* Page Tag & Topic */
	#listing article .cover img {
		width: 100%;
		height: auto;
	}

	/* Article */
	article .summary {
		font-size: 14px;
		line-height: 18px;
		font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	}

	article header h1 {
		font-family: "HelveticaNeue-Bold", Arial, sans-serif;
		letter-spacing: 0 !important;
	}

	article .relate li {
		font-size: 12px;
		line-height: 16px;
		font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	}

	article header time {
		font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	}

	#product_ads {
		display: none !important;
	}

	#pushnotification #font {
		display: none;
	}

	section.article_content > header .event_banner.seagames27 {
		margin: 10px 0;
	}

	#homepage.focus_layout section.featured article.featured .cover {
		width: 100%;
	}

	footer .copyright .logo {
		float: left;
		text-align: left;
		margin-bottom: 0;
		width: 60%;
	}
    #category.template2 section.featured article.featured .cover
    {
        width:100% !important;
    }
	footer .copyright .logo img {
		float: left;
		margin-right: 10px;
		width: 65px;
		height: auto;
		margin-top: 13px;
	}

	footer .copyright .info {
		top: 13px;
	}



	#slideshowScreen .header .btnFullscreen, #slideshowScreen .header .btnAutoPlay {
		display: none !important;
	}

	#followbox {
		display: none;
	}


	#video_detail .player > a {
		display: none !important;
	}

	#video #top:hover .btnBack {
		display: none;
	}

	#video #top h1 {
		margin: 0 10%;
		height: 50px;
	}

	#video #top h1 a {
		line-height: 45px !important;
	}

	#video .wrapper {
		margin: 0;
		width: 100%;
	}

	#video #zingheader .wrapper {
		width: 96%;
		margin: 0 2%;
	}

	#video .content-wrap {
		padding: 0 3%;
	}

	#video section.article_content {
		padding: 0px 0;
	}

	#video .commentbox {
		padding: 0;
		margin-top: 20px;
	}

	#video_detail {
		padding-top: 0;
	}

	#video_detail .player {
		width: 100%;
		margin: 0 0%;
	}

	#video_detail .player > iframe, #video_detail .player > div {
		width: 100% !important;
	}

	#video_detail .video_relate article {
		width: 25%;
		padding-right: 10px;
	}

	#video_detail .video_relate article header h1 {
		max-height: 5.6em;
		overflow: hidden;
	}

	#video .content-wrap {
		width: 100%;
	}

	#video_menu {
		width: 94%;
		margin: 0 3% 20px;
	}

	#video .video_section {
		width: 94%;
		margin: 0 3%;
	}

	#video .video_section article {
		width: 32%;
		margin-right: 2% !important;
	}

	#video .video_section article:nth-child(3n) {
		margin-right: 0 !important;
	}


	#video_detail .player .btnNext {
		right: -50px;
	}

	#video_detail .player .btnPrev {
		left: -50px;
	}

	#video_main article.featured {
		width: 70%;
		margin-right: 2%;
	}

	#video_main article {
		width: 28%;
	}

	#video_topviewed {
		margin: 20px 0;
		padding: 0 3%;
	}

	#piccate .newpost article .cover {
		height: 110px;
	}

	#piccate .newpost article:first-child .cover {
		height: 280px;
	}

	#piccate .postnext article .cover {
		height: 150px;
	}


	#piccate .postnext article header time {
		display: none;
	}

	.commentbox .comments li .comment-actions .btnReply {
		display: none;
	}

	.ratingbox {
		display: none!important;
	}

	.metabox {
		margin-bottom: 10px;
	}

	#listing article {
		width: 23.5%;
		margin-left: 0 !important;
		margin-right: 2% !important;
	}

	.themewrapper {
		margin-top: -8px;
	}

	.themewrapper #listing article {
		width: 23%;
		margin-left: 1% !important;
		margin-right: 1% !important;
	}
 }

 /** Only 7' tablet **/
 @media screen and (min-width:800px) and (max-width: 1000px) {

	/* Zing Header */
	#zingheader form {
		width: 60%;
	}

	/* Homepage */
	#homepage .content-wrap {
		margin-top: 4px;
	}

	#homepage > .content-wrap:nth-child(4) {
		width: 70%;
	}
	/* #homepage > .sidebar:nth-child(5) {display:block;width:28%;} */
	#multimedia article .cover {
		height: 120px;
	}

	#multimedia article .cover img {
		width: 100%;
		height: auto;
	}

	section.featured article .cover {
		height: 125px;
	}

	section.featured article .cover img {
		width: 100%;
		height: auto;
	}

	section.trending {
		width: 30% !important;
		padding: 8px 1% !important;
		float: right;
	}


	/* Widget: Laban */
	#labanwidget #weather img {
		margin-left: 40px;
	}

	#labanwidget #finance, #labanwidget #weather {
		width: 100%;
	}

	#labanwidget #finance {
		height: 30px;
	}

	#labanwidget #finance p {
		width: 50%;
	}

	/* Page Category */
	#category section.featured article .cover img {
		height: 100%;
		width: auto;
		min-width: 100%;
	}

	#category.template1 section.featured article.featured .cover {
		height: 250px;
	}

	#category.template2 section.featured article .cover {
		width: 100% !important;
		height: 140px;
	}

	#category.template2 section.featured article .cover img {
		width: 100%;
		height: auto;
	}

	#category.template2 section.featured article.featured .cover {
		width: 100% !important;
	}

	/*#category.template2 section.featured article.featured header {
		width: 49% !important;
	}*/

	#category.template3 section.cate_content article {
		width: 31%;
	}

	#category.template4 section.cate_content article {
		width: 31%;
	}

	#category section.cate_content article .cover {
		height: 120px;
	}

	#category section.cate_content article .cover img {
		width: auto;
		height: 100%;
		min-width: 100%;
	}

	#category section.cate_list section.sub-cate.template2 article .cover {
		height: 180px;
	}

	#category.sub-cate {
		width: 100%;
		float: left;
	}

	#category.sub-cate .content-wrap {
		width: 60%;
	}

	#category.sub-cate .sidebar {
		display: block;
		width: 300px;
		margin-top: 40px;
	}

	/* Page Tag & Topic */

	#listing article:nth-child(4n+4) {
		margin-right: 0 !important;
	}

	#listing article:nth-child(4n+5) {
		clear: left;
	}

	section.article_content > header {
		width: 100%;
		float: left;
	}

	section.article_content aside {
		width: 100%;
	}

	section.article_content aside .social, section.article_content aside .topview, section.article_content section.next_read {
		display: none;
	}

	section.article_content article {
		width: 100%;
		margin-right: 0;
	}

	section.article_content section.next_read {
		position: relative;
		float: left;
		width: 100%;
		bottom: 0;
		margin: 20px 0;
	}

	section.article_content > header .summary {
		padding: 8px 0;
		margin: 0 0;
		clear: both;
		float: left;
	}

	.commentbox {
		padding: 0;
		margin-top: 0;
	}

	section.article_content section.next_read {
		display: none;

	}

	.themewrapper .themetop {
		height: 280px;
	}
   
 }

 /** From 600px - 800px **/
 @media screen and (max-width: 799px) {

	/* Zing Header */
	#zingheader .apps {
		display: none;
	}

	#zingheader form {
		width: 70%;
		float: right;
		margin-right: 45px;
	}

	#site-header #banner_top {
		width: 100%;
	}

	#site-header #logo {
		display: none;
	}

	/* Footer */
	footer .categories div.subcate {
		display: none;
	}

	/* Page Article */
	#discover, .commentbox {
		width: 100%;
	}

	section.article_content {
		padding: 30px 5% 0;
	}

	section.article_content aside {
		width: 100%;
	}

	section.article_content aside .social, section.article_content aside .topview, section.article_content section.next_read {
		display: none;
	}

	section.article_content article {
		width: 100%;
		margin-right: 0;
	}

	section.article_content > header .summary {
		padding: 8px 0;
		margin: 0 0;
		clear: both;
		float: left;
	}

	section.article_content section.next_read {
		position: relative;
		float: left;
		width: 100%;
		bottom: 0;
		margin: 20px 0;
	}

	.commentbox {
		padding: 0;
	}

	#discover {
		padding: 0;
	}

	#discover section.related_cate article.featured .cover {
		width: 100%;
		height: 140px;
		float: none;
		margin-bottom: 8px;
	}

	#discover section.same_cate article {
		width: 32%;
		margin-right: 2%;
	}

	#discover section.same_cate article:last-child {
		display: none;
	}

	#discover section.same_cate article:nth-child(4) {
		margin-right: 0;
	}

	#discover section.same_cate article .cover {
		height: 140px;
		margin-bottom: 8px;
	}

	#discover section.same_cate article .cover img {
		height: 100%;
		width: auto;
		min-width: 100%;
	}

	#discover section.video article {
		width: 48%;
		margin-right: 4% !important;
	}

	#discover section.video article:nth-child(2n+1) {
		margin-right: 0 !important;
	}

	#discover section.video article:last-child {
		display: none;
	}

	#video_content > header iframe {
		height: 300px;
	}

	#zini > iframe {
		display: none;
	}

	.commentbox #zini .comment-list {
		border-top: 0;
		margin: 0;
		padding: 0;
	}

	article .content .inner-article {
		height: 150px;
	}

	/* Homepage */
	section.trending {
		width: 30% !important;
		height: 525px !important;
		padding: 8px 0 0 2% !important;
		float: right !important;
		border-right: 0 !important;
	}
    #category section.trending {
        height:355px;
    }
	section.category > header {
		height: 40px;
		margin-bottom: 8px;
	}

	section.category > header h1 {
		line-height: 31px;
		font-size: 18px;
		font-family: "HelveticaNeue-CondensedBold", Helvetica, Arial, sans-serif;
		text-transform: uppercase;
	}

	section.category > header h2 {
		line-height: 31px;
		font-size: 16px;
		font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
	}

	section.category.skin4 > header {
		margin-bottom: 4px;
	}

	/* Page Category */
	#category .content-wrap > header {
		margin-top: 8px;
	}

	section.article_content > header .event_banner.seagames27 {
		margin: 10px 0 0;
	}

	section#homepage {
		margin-bottom: 0;
	}

	footer {
		padding-top: 0;
	}

	footer .copyright {
		padding-top: 0;
	}

	#slideshowScreen .header .btnTitle {
		display: none;
	}

	#video #top h1 a {
		font-size: 2.6em !important;
	}

	.themewrapper .themetop {
		height: 250px;
	}
 }

 @media screen and (min-width:600px) and (max-width: 799px) {
	/* Homepage */
	#homepage .content-wrap {
		margin-top: 4px;
	}

	#multimedia article {
		width: 23.5%;
		margin-right: 2%;
	}

	#multimedia article:nth-child(5) {
		margin-right: 0;
	}

	#multimedia article:last-child {
		display: none;
	}

	#multimedia article .cover {
		height: 125px;
	}

	#multimedia article .cover img {
		height: auto;
		width: 100%;
	}

	section.category {
		margin-top: 10px;
	}

	section.category article .summary {
		max-height: 90px !important;
	}

	/* Page Category */
	#category.template1 section.featured article.featured .cover {
		height: 200px;
	}

	#category.template1 section.featured article.featured .cover img {
		width: auto;
		height: 100%;
		min-width: 100%;
	}

	#category.template2 section.featured article.featured .cover {
		width: 50%;
		height: 200px;
	}
    #category section.trending {
    height: 355px !important;
}
	#category.template2 section.featured article.featured .cover img {
		width: auto;
		height: 100%;
		min-width: 100%;
	}

	#category.template2 section.featured article.featured header {
		width: 100%;
	}

	#category.template2 section.featured article .cover {
		height: 100px;
	}

	#category.template2 section.featured article .cover img {
		width: 100%;
		height: auto;
	}

	#category section.cate_content article .cover img {
		width: auto;
		height: 100%;
		min-width: 100%;
	}

	/* Page Article */


	/* Page Tag & Topic */
	#listing article {
		width: 32%;
		margin-left: 0 !important;
		margin-right: 2% !important;
	}

	#listing article:nth-child(3n+3) {
		margin-right: 0 !important;
	}

	#listing article:nth-child(3n+4) {
		clear: left;
	}

	.themewrapper #listing article {
		width: 31.3% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
	}
 }

 @media screen and (max-width: 600px) {
	#video_detail .player {
		width: 80%;
		margin: 0 10%;
	}

	#video .content-wrap {
		padding: 0 5%;
	}

	#video .video_section {
		width: 90%;
		margin: 0 5%;
	}

	#video #top h1 {
		margin: 0 5%;
		height: 45px;
	}

	#video_detail .player .btnNext {
		display: none !important;
	}

	#video_detail .player {
		width: 100%;
		margin: 0;
	}

	#video .video_section article .cover {
		height: 120px;
	}

	#video #top h1 a.home {
		background-size: 48px;
		padding-left: 50px;
	}

	#video #top h1 a {
		font-size: 2em !important;
	}

	.themewrapper .themetop {
		height: 200px;
	}

	.alertbar {
		margin-top: -4px;
	}

	#breakingnews {
		margin-bottom: 10px;
	}

	#breakingnews a {
		width: 75%;
	}
 }
 @media screen and (max-width: 767px) {
	 .cate_content #homepage section.featured{width:68% !important}
	 .cate_content #homepage .featured{width:100% !important}
 }
  @media screen and (max-width: 640px) {
	   .cate_content #homepage section.featured{width:100% !important}
  }
 /** Less than 600 **/
 @media screen and (max-width: 599px) {
 .cate_content #homepage section.featured{width:100% !important}
	section.category .top article {
	}

	/* Zing Header */
	#zingheader form {
		width: 50%;
		float: right;
	}

	#zingheader {
		margin-bottom: 4px;
	}

	#site-header #banner_top {
		height: 50px;
		line-height: 50px;
	}

	#site-header {
		height: 60px;
	}

	/* Homepage */
	#homepage section.featured article.featured .cover {
		height: 200px !important;
	}

	#multimedia article {
		width: 32%;
		margin-right: 2%;
	}

	#multimedia article:nth-child(4) {
		margin-right: 0;
	}

	#multimedia article:nth-child(n+5) {
		display: none;
	}

	#multimedia article .cover {
		height: 120px;
	}

	#multimedia article .cover img {
		height: auto;
		width: 100%;
	}

	section.featured article.featured header h1 {
		white-space: normal !important;
		text-overflow: inherit !important;
	}

	section.featured article.featured.video .type {
		display: none;
	}

	section.featured article {
		width: 49%;
		margin-right: 2%;
	}
    section.featured #news-phone article
     {
	   width: 49% !important;
		margin-right: 2%;
     }
     section.featured #news-phone article:nth-child(3)
     {
	    display:none;
     }

	section.featured article:nth-child(3) {
		/*margin-right: 0;*/
	}
    section.featured #news-phone article:nth-child(2) {
		margin-right: 0;
	}
	section.featured article:nth-child(n+4) {
		/*display: none;*/
	}
    section.featured article{
        margin-right:1%;
    }
	section.featured article .cover img {
		height: 100%;
		width: auto;
		min-width: 100%;
	}

	section.featured article header h1 {
		height: auto;
	}

	section.category .top {
		width: 40%;
		border-right: 0 !important;
		padding-right: 0;
	}

	section.category article.featured {
		width: 60%;
	}

	section.category article.aside {
		display: none;
	}

	section.category article.featured .cover {
		width: 100%;
		height: 170px;
		float: left;
	}
    .im-new_lq{
    height: 50px;
    width: 70px !important;
    }
    section.category .top article header h1 a{
        font-weight:normal;
    }
	section.category article header {
		max-height: none;
		margin-bottom: 8px;
	}

	section.category > header {
		margin-bottom: 4px;
	}

	section.category article.featured .summary {
		max-height: 144px;
		display: inline;
	}

	section#thoi-trang .showcase article .cover {
		margin-bottom: 4px;
	}

	#homepage.block_mode section.featured article {
		display: block !important;
	}

	#homepage.block_mode section.featured article.featured .cover {
		width: 100% !important;
		height: 240px !important;
	}

	#homepage.block_mode section.featured article.featured header {
		position: relative;
		width: 100%;
	}

	#homepage.block_mode section.featured article:nth-child(n+4) {
		display: none !important;
	}

	#homepage.overlay_mode section.featured article {
		display: block !important;
	}

	#homepage.overlay_mode section.featured article.featured .cover {
		width: 100% !important;
		height: 240px !important;
	}

	#homepage.overlay_mode section.featured article.featured header {
		position: relative;
		width: 100%;
	}

	#homepage.overlay_mode section.featured article:nth-child(n+4) {
		display: none !important;
	}

	/* Page Category */
	#category section.featured article:nth-child(4) {
		display: block;
	}

	#category section.featured article.featured .cover img {
		height: 100% !important;
		width: auto;
		min-width: 100%;
	}

	#category section.featured article .cover {
		height: 100px;
	}

	#category section.cate_sidebar article .summary {
		display: none;
	}

	#category .content-wrap > header h1 {
		margin: 0 0 8px 0;
	}

	#category .content-wrap > header h2 {
		display: none;
	}

	#category section.cate_sidebar article .cover {
		height: 70px;
	}

	#category section.featured article.featured .summary {
		display: block;
	}

	#category section.cate_content article .summary {
		display: none;
	}

	#category section.cate_content article header h1 {
		font-size: 14px;
		line-height: 20px;
	}
    

	#category section.cate_content article .cover {
		width: 40%;
		height: 110px;
	}

	#category section.cate_content article .cover img {
		width: auto !important;
		height: 100% !important;
		min-width: 100%;
	}

	#category section.cate_content article header {
		float: none;
		width: auto;
		border: 0;
	}
    #category section.cate_content article header.cate-new {
		width: auto !important;

	}
	#category section.cate_content article .relate {
		display: none;
	}

	#category section.cate_content article {
		width: 100%;
		margin-right: 0;
	}

	#category.template2 section.featured article .cover {
		height: 90px;
	}

	#category.template2 section.featured article.featured .cover {
		width: 100% !important;
		height: 260px !important;
	}

	#category.template1 section.featured article {
		float: left;
		margin: 0 1% 10px 0 !important;
		padding: 0 !important;
		width: 32%;
	}

	#category.template1 section.featured article:nth-child(5) {
		display: none !important;
	}

	#category.template1 section.featured article .cover {
		height: 100px;
	}

	#category.template1 section.featured article.featured {
		width: 100%;
		border-right: 0;
		margin-right: 0;
		padding-right: 0;
	}

	#category.template1 section.featured article.featured .cover {
		width: 50%;
		height: 180px;
		float: left;
	}

	#category.template1 section.cate_sidebar {
		float: right;
		padding-right: 0;
		border-right: 0;
	}

	#category.template1 section.cate_content {
		float: left;
	}

	#category.template3 section.featured article .cover img {
		width: auto !important;
	}

	#category.template3 section.cate_sidebar {
		display: none;
	}

	#category.template3 section.cate_content {
		width: 100%;
	}

	#category.template3 section.cate_content article {
		height: 260px;
	}

	#category.template4 section.featured article .cover img {
		width: auto !important;
	}

	#category.template4 section.cate_sidebar {
		display: none;
	}

	#category.template4 section.cate_content {
		width: 100%;
	}

	#category.template4 section.cate_content article {
		height: 260px;
	}

	#category.sub-cate section.cate_content article .cover {
		width: 40% !important;
	}

	#category.sub-cate section.cate_content article header {
		width: 55% !important;
		float: left;
	}

	#category.sub-cate section.cate_content section.featured article {
		width: 38%;
	}

	#category.sub-cate section.cate_content section.featured article.featured {
		width: 60%;
	}

	#category.sub-cate section.cate_content section.featured article.featured header {
		width: 100%;
	}

	#category.sub-cate section.cate_content section.featured article .cover {
		width: 100% !important;
	}

	#category.sub-cate section.cate_content section.featured article header {
		width: 100% !important;
	}

	#category.sub-cate section.featured article.featured .cover {
		width: 100%;
	}

	section.cate_list section.sub-cate.template2 article {
		width: 50%;
		height: 240px;
	}

	section.cate_list section.sub-cate.template2 article .cover {
		height: 160px;
	}

	section.article_content > header h1 {
		font-size: 2em;
	}

	article .content .inner-article .summary {
		display: none !important;
	}


	/* Page Search */
	#search .result article .cover {
		width: 100%;
		float: none;
		margin-bottom: 8px;
		height: 100px !important;
	}

	#search .result article header {
		height: 80px;
	}

	#search .result.top article .cover {
		float: left;
		width: 30%;
	}

	/* Page Tag & Topic */
	#listing article {
		width: 49%;
		margin-left: 0 !important;
		margin-right: 2% !important;
	}

	#listing article:nth-child(3n+3) {
		margin-right: 2% !important;
	}

	#listing article:nth-child(2n+2) {
		margin-right: 0 !important;
	}

	#listing article:nth-child(2n+3) {
		clear: left;
	}

	#listing article:nth-child(3n+4) {
		clear: none;
	}

	.themewrapper #listing article {
		width: 48% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
	}

	#mp3widget {
		display: none !important;
	}

	#pushnotification .actions .button.btnSEAGames {
		display: none;
	}

	#pushnotification .actions .button.btnToTop {
		position: absolute;
		right: 0;
		top: 0;
		display: block !important;
	}

	#pushnotification .actions .button.btnHome {
		border: 0;
		padding: 0 5px;
	}

	#pushnotification .actions .button, #pushnotification .actions > div {
		border: 0!important;
	}

	footer .copyright .logo {
		width: 70px;
		height: 45px;
		overflow: hidden;
	}

	article .content .inner-article {
		height: 100px;
	}

	article .content .inner-video {
		height: 200px;
	}


	#video #zingheader {
		margin-bottom: 0;
	}

	#video .video_section article {
		width: 49%;
		margin-right: 2% !important;
	}

	#video .video_section article:nth-child(3n) {
		margin-right: 2% !important;
	}

	#video .video_section article:nth-child(2n) {
		margin-right: 0!important;
	}

	/* trang anh cate */
	#piccate .postnext {
		border: 0;
		background: #fff;
		padding: 0;
	}

	#piccate .newpost article:first-child {
		width: 100%;
		margin-top: 0;
	}

	#piccate .newpost article:first-child header h1 {
		height: auto;
		font-size: 1.8em;
	}

	#piccate .newpost article {
		width: 100%;
		margin: 15px 0 0 0;
		border-bottom: 1px solid #f2f2f2;
		padding-bottom: 15px;
	}

	#piccate .newpost article .cover {
		float: left;
		width: 40%;
		height: 90px;
		margin-right: 10px;
	}

	#piccate .newpost article header {
		float: none;
	}

	#piccate .newpost article header h1 {
		height: auto;
		padding: 0;
	}

	#piccate .postnext article {
		width: 100%;
		border-bottom: 1px solid #f2f2f2;
		padding-bottom: 15px;
	}

	#piccate .postnext article .cover {
		float: left;
		width: 40%;
		height: 90px;
		margin-right: 10px;
	}

	#piccate .postnext article header {
		float: none;
	}

	#piccate .postnext article header h1 {
		font-size: 1em;
		padding: 0;
	}

	.themewrapper .themetop {
		height: 150px;
	}

	.alertbar {
		margin: -4px 0 0 !important;
		width: 100% !important;
	}
 }

 /** Less than 400 **/
 @media screen and (max-width: 480px) {
	.wrapper {
		width: 92%;
		margin: 0 4%;
	}

	.alertbar {
		margin: -4px 0 0 0 !important;
		width: 100% !important;
	}

	#zingheader form {
		width: 40%;
	}

	#zingheader form button {
		width: 40px;
		line-height: 28px;
	}

	#zingheader form input {
		right: 40px;
	}

	#zingheader form button:after {
		content: "Tìm   ";
	}

	/* Homepage */
	.hotnews ul {
		width: 160px;
	}

	section.featured {
		width: 100% !important;
		margin-right: 0 !important;
	}
    #category.template2 section.featured
    {
        width: 100% !important;
		    margin-right: 0 !important;
    }
	section.trending {
		width: 100% !important;
		height: auto !important;
		border: 1px solid #ccc !important;
		padding: 4px 0 !important;
		border-radius: 5px;
	}

	section.trending article {
		width: 100%;
		margin: 0 0% !important;
		padding: 8px 10px 10px !important;
		border-bottom: 1px solid #eee !important;
	}

	section.trending article:last-child {
		border-bottom: 0 !important;
	}

	#multimedia {
		margin-bottom: 0;
	}

	#multimedia article {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 16px;
	}

	#multimedia article:nth-child(2n+1) {
		margin-right: 0;
	}

	#multimedia article:nth-child(5) {
		display: block;
	}

	#multimedia article:nth-child(4) {
		margin-right: 2%;
	}

	#multimedia article header h1 {
		height: 48px;
	}

	section.category {
		margin-bottom: 16px;
	}

	section.category .top {
		width: 100%;
		border: 0 !important;
		padding: 0;
		min-height: 0;
	}
    section#the-thao .top
    {
        width: 100%;
		border: 0 !important;
		padding: 0;
		min-height: 0;
    }
	section.category section article header {
		height: 60px;
	}

	section.category article header {
		max-height: none;
	}

	section.category article.featured .cover {
		width: 100%;
		height: 200px;
		margin: 4px 0 8px;
		float: none;
	}

	section.category article.featured {
		width: 100%;
		padding-right: 0;
		margin-bottom: 4px;
		padding-bottom: 8px;
	}
    section#the-thao article.featured
    {
        width: 100%;
		padding-right: 0;
		margin-bottom: 4px;
		padding-bottom: 8px;
    }
	section.category article.featured .type {
		display: none !important;
	}

	section.category:not(#giai-tri) .top article time, section.trending article time {
		display: block !important;
		margin-left: 0 !important;
	}

	section.category:not(#giai-tri) .top article {
		background: #f7f7f7;
		padding: 5px 5px;
		border-radius: 5px;
		border-bottom: 1px solid #eee;
	}

	section#giai-tri article {
		border: 0;
	}

	section#giai-tri article .cover img {
		width: 100%;
	}

	section#giai-tri article.featured .cover {
		margin-bottom: 4px;
	}

	section#giai-tri article.featured {
		width: 100%;
		margin-bottom: 12px;
	}

	section#giai-tri .top {
		width: 100%;
	}

	section#giai-tri .top article {
		margin-bottom: 8px;
	}

	section#thoi-trang .showcase article {
		width: 49%;
		margin-right: 2%;
	}

	section#thoi-trang .showcase article:nth-child(2) {
		margin-right: 0;
	}

	section#thoi-trang .showcase article:nth-child(3) {
		display: none;
	}

	section.category.skin4 section > header {
		margin-bottom: 0;
	}

	section.category.skin4 section article {
		padding-bottom: 12px;
	}

	section.category.skin4 > section.category {
		width: 48%;
		margin-right: 2% !important;
	}

	section.category.skin4 > section.category:nth-child (2n+1) {
		margin-right: 0 !important;
	}


	/* Page Category */
	#category section.cate_sidebar {
		display: none;
	}

	#category section.cate_content {
		width: 100% !important;
		margin-right: 0 !important;
	}

	#category section.cate_content article.featured .summary {
		height: auto;
	}

	#category .cate_content section.cate_content article .cover {
		width: 50%;
		height: 110px;
	}

	#category .cate_content section.cate_content article header h1 {
		font-size: 16px;
		line-height: 20px;
	}

	#category.template1 section.featured article.featured .cover {
		width: 100%;
		height: 180px;
		float: none;
	}

	#category.template1 section.featured article {
		float: left;
		margin: 0 2% 10px 0 !important;
		padding: 0 !important;
		width: 48%;
	}

	#category.template1 section.featured article:nth-child(5) {
		display: block !important;
	}

	#category.template2 section.featured article.featured .cover {
		width: 100% !important;
	}

	#category.template2 section.featured article.featured header {
		width: 100%;
	}

	#category.template2 section.featured article {
		width: 49%;
		margin-right: 2%;
	}

	#category.template2 section.featured article:nth-child(3) {
		margin-right: 0;
	}

	/*#category.template2 section.featured article:last-child {
		display: none !important;
	}*/

	#category.template3 section.featured article.featured {
		width: 100%;
		height: 240px;
	}

	#category.template3 section.featured article.featured .summary {
		display: none;
	}

	#category.template3 section.featured article {
		width: 50%;
	}

	#category.template3 section.cate_content article {
		width: 100%;
		height: auto;
	}

	#category.template3 section.cate_content article .cover {
		float: left;
		width: 40%;
		height: 120px;
	}

	#category.template4 section.featured article.featured {
		width: 100%;
		height: 240px;
	}

	#category.template4 section.featured article.featured .summary {
		display: none;
	}

	#category.template4 section.featured article {
		width: 50%;
	}

	#category.template4 section.cate_content article {
		width: 100%;
		height: auto;
	}

	#category.template4 section.cate_content article .cover {
		float: left;
		width: 40%;
		height: 120px;
	}

	section.cate_list section.sub-cate.template2 article {
		width: 100%;
		height: auto;
		margin-bottom: 8px;
	}

	section.cate_list section.sub-cate.template3 article {
		width: 100%;
	}

	section.cate_list section.sub-cate {
		width: 100%;
	}

	#category.sub-cate section.cate_content section.featured article {
		width: 100% !important;
	}

	/* Page Article */
	#discover section.same_cate article {
		width: 49%;
		margin-right: 2% !important;
	}

	#discover section.same_cate article:last-child {
		display: block;
	}

	#discover section.same_cate article:nth-child(2n+1) {
		margin-right: 0 !important;
	}

	#discover section.same_cate article .cover {
		height: 100px;
	}

	#discover section.same_cate article .cover img {
		height: 100%;
		width: auto;
		min-width: 100%;
	}

	#discover section.related_cate {
		width: 100%;
	}

	#discover section.related_cate article.featured .cover {
		width: 40%;
		height: 80px;
		float: left;
		margin-right: 10px;
	}

	#discover section.video article {
		width: 100%;
		margin-right: 0% !important;
	}

	#discover section.video article .cover img {
		width: 100%;
		height: auto;
	}

	#video_content > header iframe {
		height: 200px;
	}

	.commentbox, #discover {
		padding: 0;
	}

	.commentbox header h1 {
		display: none;
	}

	.commentbox .pagination .zini {
		display: none;
	}

	/* Page Search */
	#search .result.top article .cover {
		float: left;
		width: 40%;
	}

	#search .result > header .count {
		width: 100%;
		padding-left: 5px;
	}

	#search .result article .summary {
		display: none;
	}

	/* Page Article */
	section.article_content {
		padding: 0 0%;
	}

	section.article_content article .series > li li {
		width: 50%;
		border-bottom: 1px solid #eee;
	}

	section.article_content article .series > li li:nth-child(n+3) {
		display: none;
	}

	section.article_content article .series article .cover {
		height: 120px;
	}

	/* Page Tag & Topic */
	#listing article {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	section.article_content > header .event_banner.seagames27 {
		height: 30px;
		padding: 0;
		overflow: hidden;
		text-indent: -999px;
	}

	#pushnotification .actions .button.btnHome {
		display: none;
	}

	footer .copyright .logo {
		display: none;
	}

	footer .copyright .info {
		float: left;
		text-align: left;
	}

	.commentbox .comments li .meta span.time {
		display: none;
	}

	.themewrapper #listing article {
		width: 94% !important;
		margin-left: 3% !important;
		margin-right: 3% !important;
		margin-bottom: 0 !important;
	}
 }

 @media screen and (max-width: 300px) {
	section.article_content > header h1 {
		font-size: 16px;
	}

	section.article_content > header .summary {
		font-size: 14px;
	}

	article .content {
		font-size: 14px;
	}
 }

 .mobiletest-div {
	display: none;
 }

 .ext-button {
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	color: #888;
	font-weight: 100;
	font-size: 12px;
	text-transform: uppercase;
	background: #F7f7f7;
	padding: 5px 10px;
	border-radius: 3px;
	position: relative;
	top: -2px;
 }

 .ext-button:hover {
	background: #0087BF;
	color: #fff;
 }

 #circleG {
	width: 20px;
 }

 .circleG {
	background-color: #FFFFFF;
	float: left;
	height: 4px;
	margin-left: 2px;
	width: 4px;
	-webkit-animation-name: bounce_circleG;
	-webkit-animation-duration: 1.35s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: linear;
	-webkit-border-radius: 5px;
	animation-name: bounce_circleG;
	animation-duration: 1.35s;
	animation-iteration-count: infinite;
	animation-direction: linear;
	border-radius: 5px;
 }

 #circleG_1 {
	-webkit-animation-delay: 0.27s;
	animation-delay: 0.27s;
 }

 #circleG_2 {
	-webkit-animation-delay: 0.63s;
	animation-delay: 0.63s;
 }

 #circleG_3 {
	-webkit-animation-delay: 0.8099999999999999s;
	animation-delay: 0.8099999999999999s;
 }

 @-webkit-keyframes bounce_circleG {
	0% {
	}

	50% {
		background-color: #000000;
	}

	100% {
	}
 }

 @keyframes bounce_circleG {
	0% {
	}

	50% {
		background-color: #000000;
	}

	100% {
	}
 }

 /*fix chrome 39*/
 .categories li.parent, .hotnews label, article.live header h1 a:before, article.updating header h1 a:before, #product_ads header h1, #credit .author, #video_menu li a, footer .copyright .logo > p {
	white-space: nowrap;
 }
.box_head_mobile{display:none}
@media screen and (max-width: 1000px){
.box_head_mobile{display:block}	
.MenuCate{display:none}
}
@media screen and (max-width: 640px){
section.featured{width:100%}
section.trending{width:100% !important;border-left:none;border-top:1px solid #ddd;padding:10px 0 !important;height:auto !important}
section.featured article.featured{border:none}
footer .copyright .info{width:100% !important}
section.recommendation .article-list .article-item .article-thumbnail{height:150px !important}
}

.head_mobile{    width: 100%;
    padding: 5px 0 5px 5px;
    background: #f4f4f4;
    border-bottom: 2px solid #cccccc;
   	height:59px;
}
.btn_menu_mobile{background:url(../images/img_left_panel.gif) no-repeat;width:44px;height:44px;display:inline-block}

.btn_menu_mobile.active{background:url(../images/img_left_panel_close.gif) no-repeat;width:44px;height:44px;display:inline-block;position:fixed;left:240px;z-index:999}
.block_scoll_menu.active{left:0}
.block_scoll_menu {
    width: 240px;
	position:fixed;
	bottom:0;
	top:0;
	left:-240px;
    float: left;
	height:100%;
	background:#333;
	z-index:999;
	-webkit-overflow-scrolling: touch;
	overflow-y:auto
}
.block_search {
    background: #333;
    border-bottom: 1px solid #171717;
    padding: 7px 10px;
}
.block_search .input_search {
    background: #555 !important;
    padding: 0.2em 0;
    color: #aeaeae;
    width: 190px !important;
    padding: 0.5em 0 0.5em 0.5em !important;
    font-size: 12px;
    height: 30px;
    float: left;
    border-radius: 0 !important;
    border: none;
}
.block_search .btn_search {
    width: 23px;
    height: 30px;
    border: none;
    background-position: -602px -5px;
    background-color: #555555;
    margin: 0;
    border-radius: 0 !important;
}
.icon_menu_phone {
    background: url(../images/icon_menu.png) no-repeat;
    display: inline-block;
    float: left;
    width: 24px;
    height: 24px;
    margin: 9px 10px 0 10px;
}
.list_item_panel {
    width: 100%;
    float: left;
}
.list_item_panel li {
    float: left;
    width: 100%;
}
.list_item_panel li a {
    font-family: 'Roboto Condensed',sans-serif;
    display: block;
    width: 100%;
    float: left;
    color: #fff !important;
    font: 700 16px/40px arial;
    background: #555555;
    border-bottom: 1px solid #484848;
}
.icon_menu_phone {
    background: url(../images/icon_menu.png) no-repeat;
    display: inline-block;
    float: left;
    width: 24px;
    height: 24px;
    margin: 9px 10px 0 10px;
}
.icon_menu_phone{background:url(../images/icon_menu.png) no-repeat;display:inline-block;float:left;width:24px;height:24px;margin:9px 10px 0 10px}
.ico_menu_home{background-position:5px -8px}
.ico_menu_1{background-position:-423px -8px}
.ico_menu_2{background-position:-20px -8px}
.ico_menu_3{background-position:-103px -8px}
.ico_menu_4{background-position:-70px -8px}
.ico_menu_5{background-position:-208px -8px}
.ico_menu_6{background-position:-157px -8px}
.ico_menu_7{background-position:-132px -8px}
.ico_menu_8{background-position:-485px -8px}
.ico_menu_9{background-position:-181px -8px}
.ico_menu_10{background-position:-233px -8px}
.ico_menu_11{background-position:-260px -8px}
.ico_menu_12{background-position:-337px -8px}
.ico_menu_13{background-position:-629px -8px}
.ico_menu_14{background-position:-285px -8px}
.ico_menu_15{background-position:-310px -8px}
.ico_menu_16{background-position:-366px -8px}
.ico_menu_17{background-position:5px -8px}
.ico_menu_18{background-position:-452px -8px}
.ico_menu_19{background-position:-44px -8px}
.ico_menu_20{background-position:-510px -8px}
.ico_menu_21{background-position:-536px -8px}
.ico_menu_22{background-position:-561px -8px}
.ico_menu_23{background-position:-394px -8px}
.ico_menu_24{background-position:-673px -8px}
.ico_menu_25{background-position:-719px -8px}
.ico_menu_26{background-position:-769px -8px}

@media screen and (max-width: 480px) {
  section.trending article .cover{display:block;width:40%;margin-right:10px;max-height:85px}
  section.trending article .cover img{width:100%}
  section.trending{border:none !important;padding:0 !important} 
  section.trending article{padding:10px 0 !important}
}
@media screen and (max-width: 1000px) {
  .wrapper{width:100%;} 
  .wrapper #container{padding:0 3%}
  .content-wrap {width: 100% !important; overflow: visible;}
}
#fixed-banner-left a {display:block}
#fixed-banner-right a {display:block}

@media screen and (max-width: 480px) {
#homepage.focus_layout section.featured article.featured .cover {
    width: 100% !important;}

}

.list_news_relation_top{border-top:1px solid #ddd;border-bottom:1px solid #e2e2e2;margin-top:30px;margin-bottom:20px}
.head_relation{font-size:14px;border:1px solid #e2e2e2;padding:5px 10px;display:inline-block;top: -16px;background:#fff;margin-left:15px;font-weight: bold;position: relative;}
.list_news_relation_top ul{margin: 0px 0 15px;margin-left:10px;}
.list_news_relation_top ul li{padding-left:15px;margin-bottom:5px;position: relative;}
.list_news_relation_top ul li a{font-size:13px;color:blue}
.list_news_relation_top ul li a:hover{font-size:13px;color:#035696}
.list_news_relation_top ul li:before{content:'';display:inline-block;width:5px;height:5px;background:#aaa;position:absolute;left:0;top:7px}

@media screen and (max-width: 1000px)
{
section.category article.featured header {
    max-height: inherit !important;
}
}

.article-list.block-layout .article-item header {
    height: 56px;
    overflow: hidden;
}

.display-tags a.btn-default.btn {
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 0;
}