/*================================================*/
/*                    GIOI THIEU                */
/*================================================*/
.GT{
	background-color: #284F9E;
	color: #fff;
	padding: 5% 5%;
}
.GT p{
	font-size: 0.9em;
}

.GT h3{
    background-color: #ffc424;
    padding: 10px 30px;
    margin-bottom: 20px;
    font-size: 1.2em;
    font-weight: 400;
}

.GT h3 a{
    color: #FFF;
}

.TD{
    color: #ffc424;
    font-weight: 600;
}

.view{
    height: 88%;
}
.TitleGroup {
    text-align: center;
    font-size: 1.8em;
    font-weight: 400;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #284F9E;
    font-weight: bold;
}

.TitleGroup:after {
    display: block;
    width: 300px;
    background: #FDC830;
    height: 4px;
    content: '';
    margin: auto;
}

.b_blue{
    border: 3px dashed #284F9E;
    border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
}

/* CSS Document */
.NImg>a, .ImageBox>div, .CPic>div, .CIco>div 
{
    border: 0px solid red;
}


.CIco {
    color: #FFF;
}

h3.CName {
    line-height:1.4em;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.7px;
}
.more-news{
	margin-left:15px;
}

.more-news .NTitle:before {
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\F105';
	margin: 0px 10px 0 -15px;
	font-size: 13px;
    color: #284F9E;
}

#hoso h3.CName {
    line-height:1.4em;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.7px;
    background-color: #284F9E;
    padding: 20px;
    text-transform: uppercase;
}

#hoso h3.CName a {
    color: #ffc424;
}

#CLB h3.CName {
    line-height:1.4em;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.7px;
    text-transform: uppercase;
    padding: 10px 30px 10px 30px;
    background-color:#284F9E;
}

#CLB h3.CName a {
    color:#ffc424;
}
/*================================================*/
/*                    NewsOther                   */
/*================================================*/
a:hover {
    border-bottom: none !important;
}

.NewsOther
{
    margin-left: 15px;
}

.NewsOther li .NTitle:before 
{
    display:inline-block;
    font-family: 'FontAwesome';
    content: '\F101';
    margin: 0 10px 0 -15px;
    /*font-size: 20px;*/
}


#CLB .NewsOther li .NTitle:before 
{
    display:inline-block;
    font-family: 'FontAwesome';
    content: '\F101';
    margin: 0 10px 0 -15px;
    /*font-size: 20px;*/
}

/*================================================*/
/*                      CAU LAC BO                 */
/*================================================*/
#CLB{
    padding-top: 5em;
}
.Menu_box{
    background-color: #f2f1eb;
	-webkit-clip-path: polygon(50% 2%, 100% 0, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(50% 2%, 100% 0, 100% 100%, 0 100%, 0 0);

}
#CLB .NTitle a{
    text-transform: none;
    /*font-size: 13px;*/
}

#ThongtinKhac .CName a{
    text-transform: uppercase;
    border-bottom: none;
    color: #284F9E;
}
#ThongtinKhac a{
    color: #284F9E;
}

.view img{
    margin-bottom: 30px;
}

/* Small devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px){
    .NewsList .NIntro
    {
        display:none;
    }
   
}

/*Extra small devices (phones, less than 768px) */
@media (max-width:767px){
    .NewsList .NIntro
    {
        display:none;
    }
    .NewsList .NImg {
        display:block;
        width: 100%; 
        vertical-align: top; 
    }
    .ItemTitleS {
        text-align: center;
    }
    .ItemDesS
    {
    text-align: center;
    padding: 15px 15px;
    }
    .NewsList .NTitle {
        display: table-cell;
        vertical-align: top;
        margin-top: 0px;
        margin-bottom: 0px;
        padding-left: 10px;
        padding-bottom: 20px;
    }
    .view{
        padding-bottom: 20p;
    }
    #CLB{
        padding-top: 1em;
    }
}
@media (min-width: 1200px){
.Menu_box {
    background-color: #f2f1eb;
    -webkit-clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0 0);
    clip-path: polygon(50% 10%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.view{
    height: 96%;
}
}