﻿/* nếu nội dung dài nó tự động ẩn và thêm dấu ... */
.auto-hidden-content
{
    text-overflow:ellipsis;
	/*white-space:nowrap;*/
	overflow:hidden;	
	height:40px;
}
.Information_Title
{
	font-weight:bold;
	float:left;
	width:100%;
	
    
   
}

.Information_Title h2
{
       font-size: 25px;
    font-weight: 600;
    line-height: 1.3;
    color: #384158;
    text-transform: uppercase;
}
.Information_Title a
{
	       font-size: 20px;
    color: #384158;
    line-height: 20px;
}
.Information_Title a:hover
{
}

.Information_DateTime
{
	float:left;
	width:100%;
	color:#acacac;
	font-size:13px;
	margin-top: 1px;
}
.Information_Content
{
	float:
	left;
	width:100%;
	margin-top: 15px;
	font-size: 15px;
	color:#131313;
	
}

.Information_Content img
{
	max-width:100%;
	width:100%;
}

.Information_Thumb_List
{	
	width:188px;
	height:110px;
	padding:2px;
	margin:3px 5px 0px 0px;
	border:#cccccc 1px solid;
}

/* hinh trong chi tiet tin */
.Information_Thumb_Detail
{	
	padding:2px;
	margin:3px 5px 0px 0px;
	border:#cccccc 1px solid;
}
/* tom tat trong chi tiet tin */
.Information_Brief
{
	color:#222222;
	font-weight:700;
	margin-bottom: 15px;
	float: left;
}

.Information_ReadMore
{
	float:left;
	width:100%;
	text-align:right;
	font-size: 14px;
}
.Information_ReadMore a
{
    color:#de2a00;   
}



/* back trong chi tiet tin */
.Information_Back
{
	float:left;
	width:100%;
	text-align:right;
}

.Information_Pacing
{
	background-image:
	url("Images/News/list_pacing.jpg");
	background-repeat:
	repeat-x;
	float:
	left;
	width:100%;
	height:10px;
	margin-bottom: 20px;
}
.Product_PageList
{
	float:left;
	width:100%;	
	font-weight:bold;
	margin-top:-5px;
	background-color:#dddddd;
	color:Black;
}
.Product_PageList a
{
	color:Black;
}

/* GROUP PRODUCT O HOME */

.Information_Category_Container /* bao cả một group của sản phẩm ở home */
{
   border-bottom:#dedede 0px solid;
   /* padding-bottom: 10px; */
   overflow: hidden;
}

.Information_Category_Title /* tieu de cac group o trang chu */
{
       background-image: url("Images/Site/tab_home_new.png");
    background-position: bottom right;
    background-repeat: no-repeat;
    text-align: left;
    width: 100%;
    height: 37px;
    color: #222222;
    padding-left: 10px;
    margin-bottom: 20px;
    /* margin-top: 10px; */
    overflow: hidden;
    background-color: #1665b1;
    border-radius: 4px;
}
.Information_Category_Title h3
{
	color:white;
	margin-top:10px;	
	text-transform:uppercase;
	font-size:16px;
	font-weight:bold;
	
}

.Information_Category_Title2 /* tieu de đầu tiên group o trang chu */
{
    background-image:url("Images/Site/tab_home_bg.png");
    background-position:bottom;
    background-repeat:repeat-x;
    text-align:left;
    width: 100%;
    color:#222222;
    padding-left:10px;
    padding-top:10px;
    margin-bottom: 5px;
    overflow: hidden;
}

.Information_Category_Title_Parent /* tiêu đề danh mục cả ở từng group của home */
{
    /* float:left; */
    padding:10px 10px 0px 10px;
    /* text-align:left; */
}
.Information_Category_Title_Parent h3
{
    font-size:16px;
    margin-top: 0px;
}
.Information_Category_Title_Parent a
{
    color:#fff;    
}
.Information_Category_Title_Parent a:hover
{
    color:#e40000;         
}
.Information_Category_Title_Parent ul
{
    float:left;
    margin-left:5px;
}
.Information_Category_Title_Parent li
{
    float:left;
    border-left: #999999 1px solid;
    padding:0px 4px 0px 4px;    
    list-style:none;
    height:20px;
   
}
.Information_Category_Title_Parent li a
{
    font-size:13px;
    font-weight:bold;
    color:#fff;
    text-transform:none;
}

/* Thumb Icon Information trong group category  */
.Information_Thumb
{
    float: left;
    /* padding:10px; */
    text-align:left;
    /* margin:0px 10px 10px 10px; */
	width:100%;
}
.Information_Thumb ul
{
}
.Information_Thumb li
{
    width:232px;
    float:left;
    list-style:none;
    margin-bottom:10px;
    margin-right:13px;
}
.Information_Thumb img
{	
        width: 110px;
    height: 110px;
    padding: 2px;
    margin: 3px 5px 0px 0px;
    border: #cccccc 1px solid;
}

/* Thumb Icon 2  */
.Information_Thumb2
{    
    float:left;
    padding:15px 0px 20px 8px;   
    margin-right:-30px;  
    margin-bottom:-10px;
    text-align:center;  
}
.Information_Thumb2 ul
{
}
.Information_Thumb2 li
{
    width:230px;
    float:left;
    list-style:none;
    margin-bottom:10px;
    margin-right:14px;
}
.Information_Thumb2 img
{	
    width:200px;
	height:115px;		
	margin-bottom:2px;
	border:1px #dddddd solid;
	padding:3px;	
	margin-left:10px;
}
.Information_Thumb2 a
{
    font-size:13px;
    font-weight:bold;
    color:#111111;
    text-align:center;
}


/* Thumb Icon 3  */
.Information_Thumb3
{
    padding: 15px 0px 0px 0px;
    text-align:left;
    /* overflow: hidden; */
    margin-bottom:-10px;
    float:left;
}
.Information_Thumb3 ul
{
}
.Information_Thumb3 li
{
    width: 220px;
    float:left;
    list-style:none;
    margin-bottom:10px;
    margin-right: 18px;
}
.Information_Thumb3 img
{
    max-width:100%;
    /* max-height: 200px; */
    margin-bottom: 5px;
    /*border:1px #dddddd solid;
    padding:3px;*/
}
.Information_Thumb3 a
{
    font-size:14px;
    font-weight:bold;
    color:#0514ca;
    /* float:left; */
}


/* Special Thumb */
.Information_SpecialThumb_TitleGroup
{
    float:left;
    width:100%;
    background-image:url(Images/Site/title-group-bg.png);
    background-repeat:repeat-x;
    height:32px;
}
.Information_SpecialThumb_TitleGroup h2
{
    font-weight:bold;		
	font-size:14px;
	text-transform:uppercase;
	background-image:url(Images/Site/title-group-head-bg.png);
	background-repeat:no-repeat;
	background-position:right center;
	float:left;
	background-color:#0e8ff1;
	padding:3px 40px 2px 10px;	
	min-width:170px;
	margin-top:5px; 
}
.Information_SpecialThumb_TitleGroup a
{
    color:White;
}
.Information_SpecialThumb_TitleGroup a:hover
{
       color:White;
}



/* Special Thumb */

.Information_SpecialThumb_Item  /* tin tieu bieu */
{
}
.Information_SpecialThumb_Title
{
	font-weight:bold;
	font-size:15px;
	color:#f00800;
	padding-top: 10px;
	display: block;
	padding-bottom:5px;
}
.Information_SpecialThumb_Title a
{
	font-size: 16px;
	color:#222222;
}
.Information_SpecialThumb_Title a:hover
{
}

.Information_SpecialThumb_Content
{
	text-align:left;	
}

/* tin lien quan trong thumb */

.Information_SpecialThumb_Relate
{
    /* margin-left:0px; */
}

.Information_SpecialThumb_Relate ul
{    
    		
}
.Information_SpecialThumb_Relate li
{	
    
    margin-left:3px;
	background:url(Images/Icons/arrow-orange.gif) no-repeat; 
	list-style:none;
	background-position: 0px 6px;
	padding-left:8px;    
}
.Information_SpecialThumb_Relate a
{
    color:#444444;
    text-decoration:underline;
    font-weight:bold;
}



/* tin tiep theo trong thum */
.Information_SpecialThumb_Next
{
}

.Information_SpecialThumb_Next ul
{    
}
.Information_SpecialThumb_Next li
{			
    margin-left:3px;
	background:url(Images/Icons/vuong-blue.gif) no-repeat; 
	list-style:none;
	background-position: 3px 7px;
	padding-left:15px;    
}
.Information_SpecialThumb_Next a
{
    color:#151515;
}

/********************* Thumb như sản phẩm *************************************/
.Information_SpecialThumb2_Item  /* tin tieu bieu */
{
    margin:8px 0px 10px 10px;
    float:left;
    width:100%;
}

.Information_SpecialThumb2_Title
{	
}
.Information_SpecialThumb2_Title h2
{
    font-weight:bold;		
	font-size:13px;
	color:#f00800;
	font-weight:bold;	
	padding:0px 0px 10px 0px;			
}

.Information_SpecialThumb2_Title a
{
	color: #838489;	
		
}
.Information_SpecialThumb2_Title a:hover
{
    text-decoration:none;    
}

.Information_SpecialThumb2_Content
{
	float:left;
	width:100%;	
	text-align:justify;
	color:#272727;
}
.Information_SpecialThumb2_Content h2 /* tiêu đề tin */
{
    font-weight:bold;		
	font-size:14px;
	color:#f00800;
	font-weight:bold;	
	padding:0px 0px 10px 0px;			
}

/* Thumb kiểu B kèm theo cho GroupSpecialThumb */
.Information_SpecialThumbB_Item  /* tin tieu bieu kiểu B */
{
}
.Information_ThumbB_List
{
	width: 100%;
	/* border:#cccccc 1px solid; */
	/* padding-bottom: 10px; */
}
.Information_ThumbB_Next
{
	/* width:60px; */
	/* height:40px; */
	padding:2px;
	margin:3px 5px 0px 0px;
	border:#cccccc 1px solid;
}

.Information_SpecialThumbB_Next
{
}
.Information_SpecialThumbB_Next ul
{
    /* float:left; */
}
.Information_SpecialThumbB_Next li
{
    float:left;
    list-style:none;
    border-bottom:#ccc 1px dotted;
    padding:5px 0px 2px 0px;
    width: 100%;
}
.Information_SpecialThumbB_Next li ul li
{
    list-style:none;
	border-bottom:none;
}
.Information_SpecialThumbB_Next a
{
    color:#151515;
}
.Information_SpecialThumbB_Next h3
{
    font:13px/20px Arial;
    font-weight:bold;
    margin-top: 0;
}

.Information_SpecialThumbB_Adv
{
}
@media (max-width:678px)
{
	.Information_SpecialThumbB_Adv img
	{
		width:100% !important;
		/*height:200px;*/
	}
	.Information_SpecialThumbB_Adv
	{
		width:100%;		
		margin-bottom:10px;
	}
}


/* Thumb kiểu C kèm theo cho GroupSpecialThumb */
.Information_SpecialThumbC_Item  /* tin tieu bieu kiểu B */
{
}
.Information_ThumbC_List
{	
	width:270px;
	height:180px;
	padding:2px;
	margin:3px 5px 0px 0px;
	border:#cccccc 1px solid;
}
.Information_ThumbC_Next
{
	width:100px;
	height:65px;
	padding:2px;
	margin:3px 5px 0px 0px;
	/*float: left;*/
}

.Information_SpecialThumbC_Next
{
}
.Information_SpecialThumbC_Next ul
{
    /* float:left; */
    margin-top:-12px;
}
.Information_SpecialThumbC_Next > ul > li
{
    list-style: none;
    border-bottom:#ccc 1px dotted;
    padding:20px 0px 2px 0px;
}
.Information_SpecialThumbC_Next ul li ul li
{
    list-style:none;
    margin-bottom: 10px;
}
.Information_SpecialThumbC_Next a
{
    color:#151515;
}
.Information_SpecialThumbC_Next h3
{
    font:12px/18px Arial;
    font-weight:bold;
    margin-top: 0;
}

.Information_SpecialThumbC_Adv
{
    float:right;
    width:200px;
    text-align:right;
    margin: -32px 16px -20px 0px;
}
.BriefView
{
    
}


/* xử lý giao diện điện thoại cho vùng tin vip */

.col-info-vip
{
    height:330px;
    overflow:hidden; 
}
.col-info-vip-thumb
{
    float:left; 
    height:190px;
    overflow:hidden; 
    margin-bottom:10px;
}


@media (max-width:768px)
{
    .col-info-vip
    {
        height:260px;     
    }
    .col-info-vip-thumb
    {        
        height:120px;                
    }
    .shadow-box
    {
    	height:220px!important;
    }
}

@media (max-width:540px)
{
	.col-info-vip
    {
        height:360px;     
    }
    .col-info-vip-thumb
    {        
        height:220px;                
    }
    .shadow-box
    {
    	height:320px!important;
    }
}

@media (max-width:375px)
{
	.col-info-vip
    {
        height:290px;     
    }
    .col-info-vip-thumb
    {        
        height:150px;                
    }
    .shadow-box
    {
    	height:250px!important;
    }
}


.Information_PageList
{
	float:left;
	width:100%;	
	font-weight:bold;
	margin-top:-5px;		
}
.Information_PageList a
{
	
}