﻿/*============== fix content ==================*/
.background-content-sfall{
    background-color:#f2f2f2;
}
.row-content-sfall{
    width:100%;
    float:left;
    padding-right: 15px;
    padding-bottom: 15px;
}
.content-sfall{
    overflow:hidden;
    padding-right: 0px;
}
/* latest blog section */
.latest-blog .load-list li {float: left;}
.latest-blog.extra-padding{padding-bottom:120px;}
.s-blog-text {
    border-bottom: 1px solid #eee;
    padding: 15px;
}
.date-read > a {
    color:#0065CA;
    text-transform:uppercase;
    font-size:14px;
    float: left;
    line-height: 50px;
    text-align: center;
    width: 50%;
}
.date-read > a:first-child {border-right: 1px solid #eee;}
.s-blog-text a {
    color: #0065CA;
    font-size: 16px;
    font-weight: bold;
}
.s-blog-text span a {
    color: #999;
    font-size: 12px;
    text-transform: capitalize;
}
.s-blog-text > span {
    color: #999;
    display: inline-block;
    font-size: 12px;
    margin-bottom: 20px;
}
.s-blog-text > h4 {
    margin-bottom: 5px;
}
.date-read ,.barnd-bg,.brand-logo,.newsletter input,.service-text i,.s-blog-text,.large-img,.tab-menu li a, .tab-menu li a:hover  {
    background: #fff none repeat scroll 0 0;
}
.s-blog-text span a:hover, .s-blog-text h4 a:hover {
    color: #939393;
}
.l-blog-text:hover {
    box-shadow: 1px 1px 5px rgba(25, 25, 25, 0.3);
}
.l-blog-text,.l-blog-text:hover  {
    transition: all 0.4s ease 0s;
}
.l-blog-text{
     border : 1px solid #eee;
}
.s-blog-text p{
    color: #666666;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    height:85px;
}
.banner a::before {
	background-color: rgba(255, 255, 255, 0.15);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease-out 0s;
	width: 100%;
	transform:scale(0);
}
.banner a::after {
	background-color: rgba(255, 255, 255, 0.15);
	bottom: 0;
	content: "";
	height: 0;
	position: absolute;
	right: 0;
	transition: all 0.3s ease-out 0s;
	width: 0;
}
.banner a {
    text-align:center;
	display:block;
	height: 100%;
	max-width: 100%;
	position: relative;
	width: 100%;
}
.banner:hover a::after, .banner:hover a::before {
	height: 100%;
	transition: all 0.4s ease-out 0s;
	width: 100%;
}
.banner:hover a::before {
	transform:scale(1);
	transition: all 0.4s ease-out 0s;
}
/*fix menu*/
@media (max-width: 767px)
{
.navbar .navbar-nav li:last-child {
    border-bottom:none!important;
}
}


/*===== fixx caption owl slider ======*/
@media (max-width: 600px) {
    .article-special-description {
        font-size: 15px;
        max-height: 64px !important;
        max-height: 64px !important;
        height: 64px !important;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .box-description h3{
        text-overflow: ellipsis;
            height: 74px;
    overflow: hidden;
    }
   /*.box-description h3 a:after {
     display: block;
      content: '...';
      width: 1em;
  height: 1.5em;
  position: absolute;
  bottom: 14px;
  right: 0;
    }*/
}
/*==================fix nivoslider======================*/
.nivo-controlNav,#nivo-slider-status{
    display:none!important;
}
.nivo-caption{
    text-align:left!important;
        height: auto;
    padding-bottom: 25px!important;
    color: #fff!important;
    font-size: 30px;
    line-height: 40px;
    font-weight: 400;
    padding-right: 15px!important;   
    padding-left: 65px!important;
     box-shadow: -15px -20px 30px #000;
}
.nivo-caption:hover{
    color:yellow!important;   
}
.slider_outter{padding-bottom:30px;}

@media (max-width: 600px) {
    .nivo-caption {
        text-align: left!important;
        height: auto;
        padding-bottom: 0px!important;
        color: #fff!important;
        font-size: 13px;
        line-height: 15px;
        font-weight: 400;
        padding-right: 15px!important;
        padding-left: 23px!important;
        box-shadow: 0px 0px 0px #000;
    }
}
/*=========================fix lại owl-carousel ===============*/

/*.col-left .owl-nav{
    display:block!important;
}
.col-left .owl-dots{
    display:none!important;
}*/
.left .owl-theme .owl-nav{
position: absolute!important;
    margin-top: -78px!important;
    text-align: center!important;
    -webkit-tap-highlight-color: transparent;
       margin-left: 25px!important;
}
.left .owl-theme .owl-nav [class*=owl-]{
    background:transparent!important;
    color:transparent!important;
}
    .left .owl-theme .owl-nav .owl-prev {
        background-color: #8f8f8f !important;
        background-image: url('/Resources/ImagesPortal/HomePage/imgs/objects/owl-pre.png')!important;
        border-color: #8f8f8f !important;
        width: 30px !important;
        height: 30px !important;
    }
    .left .owl-theme .owl-nav .owl-next {      
        background-image: url('/Resources/ImagesPortal/HomePage/imgs/objects/owl-next.png')!important;
        width: 30px !important;
        height: 30px !important;
    }

@media (max-width: 600px) {
      .left .owl-theme .owl-nav{  top: 0;
    position: absolute!important;
    margin-top: 65%!important;
    }
}

/*=========== fix owl slider homepage*/



.col-left .owl-nav .owl-prev
{
    display: none!important;
    width: 59px;
    background: transparent!important;
    background-image: url('/Resources/ImagesPortal/HomePage/imgs/prev.png') !important;
    background-repeat: no-repeat;
    border-radius: 0!important;
    position: absolute;
    left: 0;
    float: left;
    top: 0;
    height: 140px;  
    color:transparent!important;
}
.col-left .owl-nav .owl-next
{
    width: 60px;
    background: transparent!important;
    background-image: url('/Resources/ImagesPortal/HomePage/imgs/next.png') !important;
    background-repeat: no-repeat;
    border-radius: 0!important;
    position: absolute;
    right: 18px;
    top: 0!important;
    height: 140px;
    float: right;
    color:transparent!important;
}
.owl-carousel-psc:hover .owl-prev
{
    display:block!important;
}
.owl-carousel-psc .owl-dots{
    margin-bottom:30px;
}
/*======================fix portlet hợp tác doanh nghiệp and quảng cáo ============*/

.doi-tac-title .box-4{
    padding-bottom:0!important;
}

.container .box .slick-slide img
{
    float:left;
}
.five-feature li{
    float:none!important;
}

/*===============fixx sliderr HomePage (Slider Pro)=======================*/

.box .box-content .box-content-right {
    width: 40%;
    float: right;
    padding-left: 15px;
    padding-top: 20px;
}
.newsSlider{
    padding: 40px 0px 0px 0px!important;
}
.sp-arrow sp-previous-arrow{

}
.sp-arrow sp-next-arrow{

}
.sp-next-arrow:before{
    bottom:0!important;
}
.sp-next-arrow:after{

}

/*============== fix slider slick quảng cáo =============*/
.quang-cao{
    padding:0!important;
}
.slick-dots,.slick-prev,.slick-next {
    display:none!important;
}
/* ======================fix Remove item first list chuyên mục ==============*/
.box .box-content .links p:first-child{
    display:none;
}
/*=============== backtotop====================*/
.backtotop {
    background-color: #0065CA;
    width: 45px;
    bottom: 15px;
    z-index:999;
    right: 0px;
    padding: 5px 0;
     border: 1px solid;
    overflow: hidden;
    position: fixed;
    display: block;
    text-align: center;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    color: #fff;
}
.backtotop i {
    font-size: 24px;
    margin: 0;
    padding-right:0;
    display: block;
}
.backtotop:hover{
     color: #fff;
}
/*Tim kiem
 -------------------------------------------------------------------------------------------*/
.blog_news {
    padding: 50px 0px 0px 0px;
    float: left;
    min-height: 750px;
}

.blog_news .s-tintuc {
    width: 95%;
    margin: auto;
    padding: 0px;
}

.blog_news .result_lucene a {
    color: #454545;
    font-size: 15px;
}

.blog_news .nd_news {
    float: left;
}

.blog_news a.title_topicdisplay {
    color: #2a44a1;
    font-size: 17px;
    font-weight: 600;
}

.blog_news h3.h3_content {
    font-size: 15px;
    color: #454545;
}

.blog_news a:hover {
    text-decoration: none;
}
.Highlight{
    color:#0065CA;
    font-weight:bold;
}


/*                         TRANG CHI TIẾT : BÀI VIẾT 
************************************************************************************/
/*-----------------------css tintuc---------------------------------------*/

.home {
    margin: 35px 0px 30px 0px;
}

    .home ul {
        list-style: none;
    }

        .home ul li {
            float: left;
            padding: 0 5px;
            line-height: 40px; /*14112015*/
        }

            .home ul li a {
                font-size: 16px;
                text-decoration: none;
                color: #454545;
                line-height: 47px; /*14112015*/
            }

                .home ul li a:hover {
                    color: #0065CA;
                }
#Article_Display .tuade {
    padding: 0px;
    line-height: 40px;
}

.tuade {
    color: #454545;
    font-size: 30px;
    font-weight: 500;
    padding-top: 30px;
    padding-bottom: 6px;
}

.wrap-tintuc {
    background: #FFF;
    padding-top: 1px;
}

.tomtat {
    color: #454545;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    padding-bottom: 25px;
    padding-top: 50px;
}

.thaoluan {
    padding-bottom: 50px;
}

.reply:hover, .reply1:hover {
    color: #0065CA;
    border: 1px solid #0065CA;
    background: url(imgs/reply.png) left no-repeat;
}

.reply {
    color: #B6B6B6;
    border: 1px solid #B6B6B6;
    width: 70px;
    padding: 5px;
    border-radius: 16px;
    margin-left: 90%;
    background: url(imgs/icon%20reply.png) left no-repeat;
    padding-left: 17px;
}

.reply1 {
    color: #B6B6B6;
    border: 1px solid #B6B6B6;
    width: 70px;
    padding: 5px;
    border-radius: 16px;
    margin-left: 93%;
    background: url(imgs/icon%20reply.png) left no-repeat;
    padding-left: 17px;
}

.bao {
    margin-left: 10%;
}

.bao1 {
    margin-left: 77px;
}

.onetintuc {
    border-bottom: 1px dashed #A5A1A1;
    padding-bottom: 20px;
    padding-top: 20px;
}

.one-con {
    border-top: 1px dashed #A5A1A1;
    padding-bottom: 10px;
    padding-top: 20px;
    margin-left: 10%;
    margin-top: 20px;
}

span a:hover {
    opacity: 0.7;
}

#topic-share {
    margin-left: 31px;
    top: 0px;
    width: 85%;
    height: 94px;
    background-color: #f8f8f8;
    box-shadow: inset 5px 0 0 #0065CA;
}

.icon-share {
    padding: 25px 0px 0px 20px;
    float: left;
    width: 25%;
    height: 70%;
}

.tieude a {
    color: #454545;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 47px;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 0px;
}

.other_news ul {
    width: 90%;
    clear: both;
    margin-left: 20px;
    padding-left: 30px !important;
}

.other_news li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #000;
    margin: 0px;
    list-style: url(imgs/bullet.png);
}

    .other_news li a {
        color: #454545;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-decoration: none;
    }

    .other_news li span {
        color: #777;
        font-family: "Open Sans", Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-style: italic;
        font-weight: 400;
        line-height: 24px;
        text-decoration: none;
    }

#tintuc-right {
    margin-top: 10px;
}
.right .owl-carousel .owl-item img{
    width:auto!important;
}
.input1 {
    min-height: 70px;
    width: 89%;
    padding-left: 20px;
    border-radius: 5px;
    border: 1px solid #CCC;
    margin-bottom: 12px;
}

.cmt {
    color: #454545;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.chitietbaiviet {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 0px;
    color: #454545;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    padding-bottom: 35px;
}

    .chitietbaiviet img {
        width: 100%;
        max-width: 100%;
    }

.other_news li:last-child {
    border-bottom: none;
}

.other_news span {
    line-height: 24px !important;
}

@media (max-width: 980px) {
    @-moz-document url-prefix() {
        .input1 {
            width: 85% !important;
        }

        .reply {
            margin-left: 87%;
        }

        .bao {
            margin-left: 13%;
        }

        .reply1 {
            margin-left: 90%;
        }

        .img-thumbnail-cttt {
            max-width: 93%;
        }
    }
}

@media (max-width: 800px) {
    @-moz-document url-prefix() {
        .other_news li a {
            font-size: 14px;
        }

        .input1 {
            width: 83% !important;
        }

        .reply {
            margin-left: 85%;
        }

        .bao {
            margin-left: 15%;
        }

        .reply1 {
            margin-left: 86%;
        }

        .img-thumbnail-cttt {
            max-width: 92% !important;
        }
    }

    .other_news li a {
        font-size: 14px;
    }

    .input1 {
        width: 83% !important;
    }

    .reply {
        margin-left: 85%;
    }

    .bao {
        margin-left: 15%;
    }

    .reply1 {
        margin-left: 86%;
    }

    .img-thumbnail-cttt {
        max-width: 92% !important;
    }
}

@media (max-width: 768px) {

    /*fix tên bài viết cấp con menu khi đọc bài viết*/
     .home ul li:nth-child(4){
         display:none!important;
     }

    @-moz-document url-prefix() {
        .other_news li a {
            font-size: 14px;
        }

        .input1 {
            width: 81% !important;
        }

        .reply {
            margin-left: 83%;
        }

        .bao {
            margin-left: 15%;
        }

        .reply1 {
            margin-left: 86%;
        }

        .img-thumbnail-cttt {
            max-width: 92% !important;
        }

        .icon-share {
            width: 28%;
        }

        .tuade {
            font-size: 27px;
        }
    }

    .other_news li a {
        font-size: 14px;
    }

    .input1 {
        width: 81% !important;
    }

    .reply {
        margin-left: 83%;
    }

    .bao {
        margin-left: 15%;
    }

    .reply1 {
        margin-left: 86%;
    }

    .img-thumbnail-cttt {
        max-width: 92% !important;
    }

    .icon-share {
        width: 28%;
    }

    .tuade {
        font-size: 27px;
        padding: 0px;
    }
}

@media (max-width: 375px) {
    .input1 {
        width: 74% !important;
    }

    .reply {
        margin-left: 78%;
    }

    .bao {
        margin-left: 22%;
    }

    .reply1 {
        margin-left: 78%;
    }

    #tintuc-right {
        margin-top: 23px;
    }

    #tintuc-right {
        margin-bottom: 50px;
    }
}

@media (max-width: 360px) {
    @-moz-document url-prefix() {
        .other_news li a {
            font-size: 14px;
        }

        .input1 {
            width: 72% !important;
        }

        .reply {
            margin-left: 76%;
        }

        .bao {
            margin-left: 24%;
        }

        .reply1 {
            margin-left: 76%;
        }

        .img-thumbnail-cttt {
            max-width: 92% !important;
        }

        .icon-share {
            width: 28%;
        }

        .tuade {
            font-size: 22px;
        }

        .cmt {
            font-size: 13px;
        }

        #tintuc-right {
            margin-bottom: 50px;
        }

        .tomtat {
            font-size: 14px;
        }
    }

    .other_news li a {
        font-size: 14px;
    }

    .input1 {
        width: 72% !important;
    }

    .reply {
        margin-left: 76%;
    }

    .bao {
        margin-left: 24%;
    }

    .reply1 {
        margin-left: 76%;
    }

    .img-thumbnail-cttt {
        max-width: 92% !important;
    }

    .icon-share {
        width: 28%;
    }

    .tuade {
        font-size: 22px;
    }

    .cmt {
        font-size: 13px;
    }

    #tintuc-right {
        margin-bottom: 50px;
    }

    .tomtat {
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    @-moz-document url-prefix() {
        .other_news li a {
            font-size: 14px;
        }

        .input1 {
            width: 68% !important;
        }

        .reply {
            margin-left: 73%;
        }

        .bao {
            margin-left: 27%;
        }

        .reply1 {
            margin-left: 73%;
        }

        .img-thumbnail-cttt {
            max-width: 86% !important;
        }

        .icon-share {
            width: 28%;
        }

        .tuade {
            font-size: 22px;
        }

        .cmt {
            font-size: 13px;
        }

        .chitietbaiviet {
            font-size: 14px;
        }

        #tintuc-right {
            margin-bottom: 50px;
        }

        .tomtat {
            font-size: 14px;
        }
    }

    .other_news li a {
        font-size: 14px;
    }

    .input1 {
        width: 68% !important;
    }

    .reply {
        margin-left: 73%;
    }

    .bao {
        margin-left: 27%;
    }

    .reply1 {
        margin-left: 73%;
    }

    .img-thumbnail-cttt {
        max-width: 86% !important;
    }

    .icon-share {
        width: 28%;
    }

    .tuade {
        font-size: 22px;
    }

    .cmt {
        font-size: 13px;
    }

    .chitietbaiviet {
        font-size: 14px;
    }

    #tintuc-right {
        margin-bottom: 50px;
    }

    .tomtat {
        font-size: 14px;
    }
}
/* Trang chi tiß║┐t */
#Article_Display .list_arrow_breakumb ul {
  white-space: inherit;
  overflow: hidden;
  text-overflow: ellipsis; }
#Article_Display .tuade {
  font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
  font-weight: 700;
  line-height: 35px;
  padding-bottom: 25px; }
#Article_Display .date-article , .fa-clock-o{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #777;
  /*font-style: italic;*/ }
#Article_Display .chitietbaiviet p,#Article_Display .chitietbaiviet span {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px !important;
  line-height: 30px !important; }
#Article_Display .tieude a {
  font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  line-height: 35px !important;
  padding-bottom: 25px !important; }
#Article_Display .other_news li a {
  font-family: "Open Sans", Arial, Helvetica, sans-serif !important;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  color: #454545; }


.header-menu .search-custom .fa {
    padding-right: 0px;
    padding: 3px 0px;
}
#Article_Display .chitietbaiviet span.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings'!important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* ======================= chỉnh tab trang tiếng anh ================*/
.en-tabs{
    width:100%;
    float:left;
}
.en-tabs .header-big{
    font-size:17px!important;
}
.en-tabs .nav-tabs{
    border-bottom: 1px solid #0065CA!important;
    height:46px!important;
}
.scrtabs-tab-scroll-arrow{
    border:none!important;
}

.box-3 .box-content .articles article{
    margin-bottom: 10px;
       
}

@media (max-width: 1900px) and (min-width: 1001px)
{
.en-tabs .box-3 {
    max-height: 262px!important;
    overflow: hidden!important;
    }
.right .box-3 {
    max-height: 315px;
    overflow: hidden!important;
    }
}


.advertisings{
display:none!important;
}
.doi-tac .box .box-header{
    padding-bottom: 10px;
}
.doi-tac .box-4{
    padding: 15px 0px;
}
.en-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
        background-color: #0065CA!important;
        color:#fff!important;
         border: 1px solid #0065CA!important;
}

.en-tabs .nav-tabs>li>a:hover{
        border-color: #0065CA #0065CA #0065CA;
}

.top-link .search .btn-default{
    padding: 2px 5px!important;
}
/*home - su kiện*/

.date-month {
    float: left;
    width: 65px;
    height: 65px;
    background-color: #0065CA;
    border-radius: 50%;
    text-align: center;
}
.d {
    display: block;
    color: #fff;
    font-size: 32px;
    font-weight: 400;
    line-height: 15px;
    padding-top: 19px;
}
.m {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 22px;
}
/*hover*/
 article:hover a{
	color: yellow;
	
}
  article:hover a .d,
   article:hover a .m{
      color:inherit;
  }
article:hover a .date-month{	
	background-color: #0065CA;	
	
}
 
/*footer*/
footer .footer,footer .footer-bottom {    
    padding-top: 10px;    
}
footer .footer-item{
    padding-bottom:0px;
}

.footer-item-header {    
    font-size: 17px !important;  
}

@media (min-width: 1000px)
{
#listbox-scroll {
    height: 262px;
}
}

.box-2 .box-content a{
    font-family: "Open Sans Condensed"!important;
    font-weight: bold!important;
    text-transform: uppercase!important;
    font-size:16px!important;
}
.right .box-2{
    padding-top:0!important;
}
#Article_Display{
        border-bottom: 2px solid #0065ca;
    margin-bottom: 10px;
}
.PageColumns{
    padding-bottom: 10px;
    text-align: center;
    border-bottom: 2px solid #0065ca!important;
    width: 99%!important;
    margin: 10px auto!important;
}


/* ================= nhúng thêm control hiển thị =====================*/

.title-middlePart h3{

}
.title-middlePart h3 a{
    color:#993333;

}
.accordion,.ul-boostrap {
    list-style:none;
}
.accordion .parrent{
        line-height: 35px;
    border-bottom: 1px solid #ccc;
    padding: 3px 0;
    float: left;
    width: 100%;
    display: inline;
    cursor: pointer;
    float: left;
    background: url(/Resources/ImagesPortal/HomePage/imgs/objects/accordion-open.png) no-repeat;
    background-position: right 5px;
}
.accordion .parrent a{
    font-size:16px;
    color:#454545;
}

.accordion .parrent-artive{
    background: url(/Resources/ImagesPortal/HomePage/imgs/objects/accordion-close.png) no-repeat;
    background-position: right 5px;
}
.ul-boostrap li{
   padding: 5px 0px;
}
.ul-boostrap li a{
    font-size:15px!important;
    color:#6D6D6D!important;
}

/*============= bold thông tin nội bộ ===========*/

.top-link .tl-item {
    font-weight: bold!important;
    color: #fff!important;
}
/*===========15/03/2018=========*/
.other-article {
    float: right;
    font-size: 14px;
    font-style: italic;
    color: #0065ca;
    padding-right: 12px;
}