@charset "utf-8";
/* CSS styles creat by hung.ND - ominext - 2015/0918 */
/*PAGE TOP*/
/*TAB MENU*/
ul.tabs {
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
	padding:0 10px;
	border-bottom:2px solid #000;
}
        
.tab_content .tabs li {
    display: inline-block;
    margin: 0;
	width:49%;
}
.tab_content .tabs li.last {
	 float:right;
}       
.tab_content .tabs li a {
    position: relative;
    
    outline:none;
	text-align:center;
	font-size:14px;
	width:100%;
	display:block;
	background: #dddddd;
	color:#999999;
	padding:10px 0;
}
.tab_content .tabs li a:hover {
	color:#999999 !important;
}
        
        
.tab_content .tabs li.selected a:hover, .tab_content .tabs li.selected a {
	background: #000;
	color:#fff !important;
}
     

div.tabcontents {
    background-color:#FFF;
}

/*END TAB*/
.tab_content .postNews .inner {
	background:url(/images/n/trendy/201511/mobile/icon_postNews.png) no-repeat;
	background-size:18px 18px;
	padding-left:25px;
	height:18px;
	display:block;
	width:66px;
	margin:0 auto;
	line-height:18px;
}
.tab_content .rankings .inner {
	background:url(/images/n/trendy/201511/mobile/icon_ratings.png) no-repeat;
	background-size:19px 18px;
	padding-left:20px;
	height:18px;
	line-height:18px;
	display:block;
	width:105px;
	margin:0 auto;
}
.tab_content .tabs .selected.postNews .inner {
	background-image:url(/images/n/trendy/201511/mobile/icon_postNews_on.png);
}
.tab_content .tabs .selected.rankings .inner {
	background-image:url(/images/n/trendy/201511/mobile/icon_ratings_on.png);
}
.box_postNew {
	margin-bottom:8px;
}
.box_postNew a {
	display:block;
}
.box_postNew .photo {
	max-width:640px;
	margin:0 auto 7px;
	text-align:center;
	position:relative;
}
.box_postNew .photo img, .lst_postNews li .photo img { width: 100%; }
.box_postNew .photo .tool_more, .lst_postNews li .photo .tool_more {
	position:absolute;
	bottom:0;
	background:url(/images/n/trendy/201511/mobile/bg_overlay.png) repeat;
	height:25px;
	width:100%;
}
.box_postNew .photo .tool_more .lock, .lst_postNews li .photo .tool_more .lock {
	float:left;
	background:url(/images/n/trendy/201511/mobile/icon_look1.png) no-repeat;
	width:13px;
	height:15px;
	background-size:13px 15px;
	display:block;
	cursor:pointer;
	margin:4px 0 0 13px;
}
.tool_more .lock_cter {
	margin:5px auto 0 !important;
	float:inherit !important;	
}
.box_postNew .photo .tool_more .video, .lst_postNews li .photo .tool_more .video {
	display:block;
	float:left;
	background:url(/images/n/trendy/201511/mobile/icon_video1.png) no-repeat;
	background-size:18px 13px;
	width:18px;
	height:15px;
	margin:6px 0 0 10px;
}
.box_postNew .title_info {
	color:#666666;
	font-size:12px;
	padding-left:7px;
}
.box_postNew .title_postNews {
	font-size:16px;
	font-weight: bold;
	padding-left:7px;
	line-height:23px;
}
.detailNews .title_detail .subtitle {
	font-size:1.2em;
	font-weight: bold;
	margin-bottom: 0.5em;
	line-height:140%;
}
.detailNews p.btnFull {
	text-align: center;
}
.detailNews  p.btnFull a {
	border: 1px solid #325ce5;
	color: #325ce5;
	display: inline-block;
	margin: 0 auto 20px;
	padding: 10px 0;
	text-align: center;
	width: 62.5%;
	font-size: 1.2em;
}
.lst_postNews li {
	padding:0 10px;
	border-top:1px solid #ccc;
	padding-top:10px;
	margin-bottom:10px;
	display:block;
}
.lst_postNews li:last-child {
    border-bottom:1px solid #ccc;
    padding-bottom: 10px;
}
.lst_postNews li a {
}
.lst_postNews li .left_txt {
	float:left;
	width:72.5%;
}
.lst_postNews li .left_txt .title_info, .box_ranking li .txt_right .title_info {
	color:#666666;
	font-size:12px;
}
.lst_postNews li .left_txt .title_postNews, .box_ranking li .txt_right .title_postNews {
	font-size:14px;
	font-weight: bold;
	line-height:20px;
}
.lst_postNews li .photo {
	float:right;
	width:23.3%;
	max-width:140px;
	position:relative;
}

/*THEME PAGE*/
.theme_page .small_news {
	margin-top:10px;
}

/*SEARCH PAGE*/
.search_page .small_news {
	margin-top:10px;
}
.resul_search .mtit_cmn .inner {
	background: url(/images/n/trendy/201511/mobile/icon_search2.png) 0 50% no-repeat;
	background-size:20px 20px;
    display: inline-block;
    min-height: 20px;
    padding-left: 25px;
}
.resul_search .mtit_cmn .inner .total {
	font-style:normal;
	padding-left:10px;
}
.resul_search  .textWord {
	font-size:14px;
	padding:15px 10px;
	border-bottom:1px dotted #ccc;
}

/*PAGE DETAIL*/
.detailNews {
	margin-bottom:5px;
}
.detailNews .title_detail {
	padding:10px;
	border-bottom:1px dotted #ccc;
	margin-bottom:10px;
}
.detailNews .title_detail .titleKanban {
	text-align: center;
	margin-bottom: 10px;
}
.detailNews .title_detail .stit {
	font-size:1.5em;
	line-height:140%;
	font-weight: bold;
	text-align:left;
	color:#333 !important;
    margin-bottom: 0.5em;
}
.detailNews .title_detail .litit {
	font-size:1.2em;
	line-height:140%;
	font-weight: bold;
	text-align:left;
	color:#333 !important;
    margin-bottom: 0.2em;
}
.detailNews .time_upDate {
	display:inline-block;
	float:left;
	background:url(/images/n/trendy/201511/mobile/icon_clock.png) no-repeat;
	background-size:15px 15px;
	color:#666;
	padding:2px 0 0 20px;
	min-height:15px;
	margin-top:5px;
}
.detailNews .info_detail .lst_social {
	float:right;
}
.detailNews .info_detail .lst_social li {
	display:inline;
	padding-left:5px;
}
.detailNews .info_detail .lst_social li a:hover {
	opacity:0.7;
}
.detailNews .detail_cont {
	padding:0 10px;
}
.detailNews .detail_cont p {
    color: #444;
	line-height:180%;
	font-size:1.2em;
	padding-bottom:2em;
}
.line {
	border-bottom:1px solid #ccc;
	padding-top:10px;
	margin-bottom:10px;
}
.detailNews .detail_cont .images {
	text-align:center;
	color:#666666;
	font-size:12px;
	padding-bottom:20px;
}
.detailNews .detail_cont .largeimages {
	text-align:center;
	padding-bottom:5px;
}
.detailNews .detail_cont p.caps {
    color: #666;
    text-align: center;
	line-height:180%;
	font-size:1em;
    text-indent: 0;
	padding-bottom:2em;
}
.detailNews .link_other {
    margin:3px 0px 15px;
    padding: 0 10px;
}
.detailNews .link_other a {
	display:block;
	background:url(/images/n/trendy/201511/mobile/detail_icon_arrow.png) no-repeat;
	background-size:10px 11px;
	padding-left:13px;
	color:#04c;
	font-weight: bold;
	font-size:1.2em;
}
.detailNews .txt_guide {
	background-color:#dddddd;
	padding:10px;
}
.detailNews .txt_guide p {
    color: #555;
    font-size:1.1em;
	line-height:160%!important;
}
.detailNews .txt_guide .btn_log {
	padding-top:14px;
}
.detailNews .txt_guide .btn_log li {
	float:left;
	width:48.3%;
}
.detailNews .txt_guide .btn_log li a {
	display:block;
	background-color:#cc0000;
	text-align:center;
	color:#fff;
	line-height:35px;
	height:35px;
	border-radius:5px;
}
.detailNews .txt_guide .btn_log li.btn_singup {
	float:right;
}
.detailNews .txt_guide .btn_log li a:hover {
	color:#fff !important;
}
.detailNews .lst_btnSocial {
	background-color:#dddddd;
	padding:10px;
	margin-left:-2.8%;
}
.detailNews .lst_btnSocial li {
	float:left;
	width:22.3%;
	margin-left:2.5%;
	text-align:center;
}
.detailNews .registration_member {
	background-color:#ddd;
	padding:0 10px 10px;
}
.detailNews .registration_member a {
	display:block;
	max-width:640px;
	margin:0 auto;
	text-align:center;
	height:35px;
	line-height:35px;
	color:#fff;
	background-color:#cc0000;
	border-radius:5px;
}
.detailNews .registration_member a:hover {
	color:#fff !important;
}
.detailNews .registration_member .inner {
	vertical-align:sub;
}
.detail_page .news_list .mtit_cmn .in {
	font-size:9px;
}
.small_news .info_company .name_company {
	font-size:12px;
	color:#666;
}
.small_news li.recommend_by {
	text-align:right;
} 
.small_news li.recommend_by .logo {
	padding-left:4px;
	color:#999;
	font-size:12px;
}
.small_news li.recommend_by .logo img {
	vertical-align:middle;
}
.boxShare_social {
	max-width:580px;
	background-color:#fff;
	width:80%;
	position:fixed;
	display:none;
	z-index:1000;
}
.boxShare_social a {
	display:block;
	border-bottom:1px solid #ccc;
	padding:20px 20px;
}
.boxShare_social a img {
	vertical-align:middle;
	padding-right:3px;
}
.boxShare_social .btnClose {
	background:url(/images/n/trendy/201511/mobile/boxShare_btnClose.png) no-repeat;
	background-size:20px 20px;
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
	z-index:10;
}