@import url('all.css');
@import url('menu_desktop.css');
@import url('menu_mobie.css');
@import url('footer.css');
@import url('san-pham.css');

@font-face {
    font-family: "RobotoCondensed-Regular";
    font-style: 300;
    font-style: normal;
    src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
}

@font-face {
    font-family: "RobotoCondensed-Bold";
    font-style: 300;
    font-style: normal;
    src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
}

@font-face {
    font-family: "SFUClearfaceBlack";
    font-style: 300;
    font-style: normal;
    src: url('../fonts/SFUClearfaceBlack.TTF') format('truetype');
}

*, p {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
    color: #4b4b4b;
    background: #fbfafa;
    font-family: "RobotoCondensed-Regular";
}

img {
    max-width: 100% !important;
    height: auto;
}

a {
    text-decoration: none;
    color: #0066b3;
}

a img {
    border: none;
}

a:hover {
    text-decoration: none;
}

.fl {
    float: left
}

.fr { /* float:right */
}
ul li,
ol li{
	/*Sửa gạch đầu dòng li ngày 21/5/2021*/
    list-style: none;
}
.content-all ul li,
ol li{
	/*Sửa gạch đầu dòng li ngày 21/5/2021*/
    list-style: inside;
}

#header{
    background-color: #fff !important;
    position: fixed;
    margin-right: auto;
    margin-left: auto;
    min-width: 10%;
    left: 0;
    right: 0;
    z-index: 100;
}
#header .logo a img{
     margin: 30px 0 0 15px ;
    width: 75%;
    height: auto;
    max-height: 80px;
}
@media (min-width: 992px) {
    .slideShow-banner {
        margin-top: 98px;
    }
}
@media (max-width: 991px) {
    .slideShow-banner {
        margin-top: 50px;
    }
    #header .logo a img{
        margin: 0;
        width: auto;
        max-height: 50px;
    }
    #header .logo {
        text-align: center;
    }

}

a.current-menu-item{
    color: #8b184b  !important;
}
/*@media (max-width: 767px) {
    #header .logo a img{
        height:auto;
        max-height:80px;
        width:auto;
        max-width:100%;
        margin:0;
    }
}*/

.back-to-top {    background: url(../images/back-to-top.png) no-repeat;background-size:100%;    bottom: 85px;    display: block;    height: 50px;     position: fixed !important;;    right: 15px;    width: 50px;    z-index: 999;     cursor: pointer}
@media (max-width: 500px) {
    .back-to-top{
        background-size: 93%;
        bottom: 69px;
    }
}.clear{
     clear: both;
 }

.content-wrapper{background:#fff;position: relative}
.line{height:2px;width:45px;background:#292929;margin:0 auto;margin-bottom: 18px;}
.div-phantrang
{
    padding: 15px 0;
    margin: 0 auto;
    text-align: center;
    clear: both;
}
.div-phantrang .currentpage,.div-phantrang .nolink
{
    color: Red;
    font-size: 14px;
    width: auto;
    display: inline-block;
    text-align: center;
    margin-right: 8px;

}
.div-phantrang .normalpage,.div-phantrang a
{
    color: #789;
    font-size: 14px;
    width: auto;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    margin-right: 8px;
}
.div-phantrang .normalpage:hover,.div-phantrang a:hover
{
    color: #c60702;
}
.firstlast
{
    color: #234;
    font-size: 9pt;
    width: 20px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
}
.firstlast:hover
{
    color: #c60702;
}
.ddl_chuyennhanh
{
    display: inline-block;
}
.tinylink
{
    color: #333366;
    z-index: 11;
     /*height: 37px;*/
     /*font-style: italic;*/
     /*background: url(../images/tinylink-bg.png) repeat-x 0 100%;*/
     /*white-space: nowrap;*/
     /*overflow-x: hidden;*/
    /*position: absolute;*/
    top: 30px;
    right: 15px;
    z-index: 100;
    width: 100%;
    text-align: right;
}
.tinylink a
{
    margin: 0 3px;
    line-height: 27px;
    /* height: 37px; */
    color: #333366;
    font-size: 12px;
}
.tinylink .separator
{
    display: inline-block;
    width: 18px;
    height: 10px;
    background: url(../images/bullet1.png) no-repeat 1px 0px;
}
/*box right*/
/*menu box right */
.span-menu{float: right;    width: 35px;    height: 35px;    text-align: center;    position: absolute;    right: 0;    cursor: pointer;}
.span-menu:hover{color: red}
.box-right{margin-top:30px;     border: 1px solid #ddd;    margin-bottom: 25px;    box-shadow: 5px 5px #E8E8E8;}
.box-right .title-box{height: 48px;   border-bottom: 1px solid #DDD;}
.box-right .title-box span{color: #0066b3;    text-align: center;    line-height: 48px;    font-family: "RobotoCondensed-Regular";    font-size: 20px;    text-transform: uppercase;}
.box-right .cont-box a{
    display: inline-block !important;
}
.box1 .content-title{    line-height: 20px;    color: #4B4B4B;    padding: 0px 0 10px; font-family: "RobotoCondensed-Bold";    font-size: 16px;}
.box1 .content-title h1{    font-size: 9pt;}
.date-time{    margin-bottom: 10px;    padding-bottom: 5px;    border-bottom: 1px dotted #eee;}
.date-time span{font-size:12px;}
.box-right .cont-box #menu{margin: 0 -15px}
.box-right .cont-box ul>li{min-height: 35px;line-height: 34px;border-bottom: 1px solid #eee;padding: 0 10px 0 20px;list-style:none;background: url(../images/bulletIcon.png) no-repeat left 9.5px;-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-ms-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;}
.box-right .cont-box a:hover{color:#08A0E0 ;padding-left:15px;-webkit-transition:all .4s ease;    -moz-transition:all .4s ease;    -ms-transition:all .4s ease;    -o-transition:all .4s ease;    transition:all .4s ease;}
.box-right .cont-box a{color:#4b4b4b}
.box-right .cont-box .menuactive .sub-menu{display: block !important}
.span-menu{float: right;    width: 35px;    height: 35px;    text-align: center;    position: absolute;    right: 0;    cursor: pointer;}
.box-right .cont-box>ul>li>ul{display:none;margin-left:-10px;}
.box-right .cont-box>ul>li>ul.active,
.cont-box ul>li:first-child>ul.aa{display:block !important;}
.box-right .cont-box>ul>li>ul>li:last-child{border-bottom:none !important;}
.box-right .cont-box>ul>li>ul>li{background: url(../images/bullet3-1.png) no-repeat left center !important;background-color: white;margin-left: 12px;}
.qc-right-cont{    border: 1px solid #ddd;    margin-bottom: 25px;    box-shadow: 5px 5px #E8E8E8;text-align:center}
@media (max-width:1055px)
{
    .box-right .title-box span {
        font-size: 18px;

    }
}
.box1 .title2 h1{   font-family: "RobotoCondensed-Bold";   font-size:18px;   text-transform:uppercase;   border-bottom: 1px solid #eee;    padding-bottom: 10px;    margin-bottom: 10px;}
.box1 .title2 h2{    text-transform: uppercase;    font-size: 11pt;}
.curent_page_title{
    font-size: 24px;
    text-transform: uppercase;
    font-family: "RobotoCondensed-Bold";
    margin-top: 10px;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
    min-height: 45px;
}
@media (max-width: 768px) {
    .curent_page_title{display: none}
    .tinylink{position: inherit;width: 100%;height: auto!important; padding-bottom: 0;margin-bottom:15px;border-bottom: 1px solid #e0e0e0}
}
.content-all{display: inline-block;width: 100%;height: auto; line-height:30px;  text-align: justify  }
.content-all img,
.content-all input[type=image]{
    max-width: 100% !important;
    max-height: 100% !important
}
.content-all iframe,
.content-all video,
.content-all audio,
.content-all table{
    width: 100% !important;
    height: auto;
}
@media (min-width: 768px) {
    .content-all iframe,
    .content-all video{
        height: 500px !important;
        width: 100% !important;
    }
}
@media (max-width: 767px) {
    .content-all iframe,
    .content-all video{
        height: 350px !important;
    }
}
@media (max-width: 500px) {
    .content-all iframe,
    .content-all video{
        height: 250px !important;
    }
}

.required{
    color: red;
    margin-left: 10px;
}
.baivietkhac
{
    margin: 35px 0 0 0;
    border-top: 1px solid #ece9e9;
}
.baivietkhac span
{
    display: block;
    height: 13px;
    font-family: "RobotoCondensed-Bold";
    line-height: 13px !important;
    color: #4B4B4B;
    margin-top: -13px;
    font-size: 16px;
    position: absolute;
    background: #fff;
    padding-right: 5px;
}


.baivietkhac a
{
    display: inline-block;
    color: #0066b3;
    background: url(../images/bullet1.png) no-repeat 13px 13px;
    padding: 6px 0 0 35px;
    font-size: 14px;
}
.baivietkhac a.a1
{
    display: inline-block;
    color: #1071a9;
    background: none;
    padding: 6px 0 0 0px;
}

.baivietkhac .a2
{
    display: inline-block;
    color: #1071a9;
    background: none;
    padding: 0;
}
.baivietkhac_content
{
    padding-top: 10px;
}

/*thiet ke web css*/
.box-tintuc.webdesign{overflow:hidden;}
.box-tintuc.webdesign .img{max-width:100%;margin-right: 11px;float: left;border: 1px solid #eee;width: 100%;height: 195px;display: flex;text-align: center; padding: 4px;}
.box-tintuc.webdesign .item-title{float: left;width: 100%;text-align: center;padding: 10px 0px;color: rgb(54, 58, 57);}
.box-tintuc.webdesign .item-title a{color: rgb(54, 58, 57);}
.box-tintuc.webdesign .item-title a:hover{color:#0066b3;}
.box-tintuc.webdesign .item-mask{text-align:center;float:left;width: 100%;height: 195px; margin-top: -390px;background: RGBA(111, 153, 209, 0.38);-webkit-transition: .4s ease-in-out;	transition: .4s ease-in-out;}
.box-tintuc.webdesign:hover .item-mask{margin-top: -195px;}
.box-tintuc.webdesign .item-mask .control{margin-top:80px;}
.box-tintuc.webdesign .item-mask .detail{padding: 8px 20px;background: rgb(255, 165, 0) none repeat scroll 0% 0%;line-height: 30px;border-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;margin-right: 15px;}
.box-tintuc.webdesign .item-mask .contact{padding: 8px 20px;background: rgb(0, 154, 224) none repeat scroll 0% 0%;line-height: 30px;border-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;margin-left: 15px;}



/*TIn tuc*/
.box-tintuc.item{min-height:212px;}
.box-tintuc{   border-bottom: 1px solid #eeeeee;  margin-bottom: 20px;    display: block;    padding-bottom: 20px; color: #333}
.box-tintuc .img{    margin-right: 11px;    float: left;    border: 1px solid #eee;    width: 183px;    height:auto;     max-width:40%;}
.box-tintuc:hover{
    border-color: red !important;
}
.box-tintuc .img a{    display:block;    width: 100%;    height: 100%;}
.box-tintuc .img img{max-width: 100%;max-height: 100%;height:auto;width: auto;margin: auto;}
.box-tintuc .img:hover{    border: 1px solid #f00;}
.box-tintuc .title-tin{font-family: "RobotoCondensed-Bold";display: block;margin-bottom: 7px; color: #4b4b4b;font-size: 16px}
.box-tintuc .title-tin a{    color: #4b4b4b;    font-size: 16px;    line-height: 22px;}
.box-tintuc .title-tin a.dichvu{    color: #cc0000;    font-weight: bold;    text-decoration: none;}
.box-tintuc .title-tin a:hover{color: #23527c}
.box-tintuc .datetime{    display: block; color: #4b4b4b;   font-style: italic;    font-size: smaller;    line-height: 14px;}
.box-tintuc .summary{  text-align: justify; color: #4b4b4b;}
.box-tintuc2{width: 45%;margin-bottom: 0px;display: block;float: left;}
.box-tintuc2 .img{/* margin-right: 0; *//* float: none; */border: 1px solid #eee;width: 100%;height: 228px;text-align: center;display: flex;/* vertical-align: middle; */}
.box-tintuc2 .img img{width: auto;height: auto;max-height:100%;max-width: 100%;margin: auto;}
.box-tintuc2 .img:hover{    border-color: #4b4b4b;}
.box-tintuc2 .title-tin{    padding: 11px 0 10px;}
.box-tintuc2 .title-tin a{    color: #4b4b4b;    font-size: 16px;    font-family: "RobotoCondensed-Bold";}
.box-tintuc2 .title-tin a:hover{    color:#03A5EB;}
.box-tintuc2 .datetime
{
    font-style: italic;
    font-size: smaller;
    line-height: 14px;
}
.box-tintuc2 .summary{text-align: justify;}
.box-tintuc3
{
    width: 50%;
    margin-bottom: 5px;
    display: block;
    float: right;
    padding-right: 10px;
    color: #414141;
    border-bottom:1px solid #eee;
}
.box-tintuc3 .img
{
    margin-right: 14px;
    float: left;
    border: 1px solid #eee;
    width: 121px;
    height: 84px;
    display: flex;
}
.box-tintuc3 .img img
{
    /*width: 121px;
    height: auto;
    max-height:100%;*/
    width: auto;
    max-height: 100%;
    max-width:100%;
    height: auto;
    margin: auto;
}
.box-tintuc3 .img:hover
{
    border: none;
}
.box-tintuc3 .title-tin
{
    padding: 0px 0 7px;
}
.box-tintuc3 .title-tin a
{
    color: #4b4b4b;
    font-size: 14px;
    font-family: "RobotoCondensed-Bold";
}
.box-tintuc3 .title-tin a:hover{    color:#03A5EB;}
.box-tintuc3 .datetime
{
    display: none;
    font-style: italic;
    font-size: smaller;
    line-height: 14px;
}
.box-tintuc3 .summary *
{
    color: #414141; /*	_width:290px; */
    text-align: justify;
    line-height: 16px !important;
}


.box-tintuc-small{background:url(../images/baivietkhac-icon.png) no-repeat left 3px;width: 50%;margin-bottom: 5px;display: block;float: right;padding-right: 10px;padding-left: 20px;color: #414141;border-bottom:1px solid #eee;
    clear: right;}
.box-tintuc-small img,
.box-tintuc-small .summary{display:none !important;}
.box-tintuc-small .title-tin a{    color: #414141;font-size: 14px;    font-family: "RobotoCondensed-Bold";}
.box-tintuc-small .title-tin a:hover{color:#03A5EB}

@media (max-width:768px)
{

    .box-tintuc4
    {
        width: 100%;
        margin-bottom: 20px;
        display: block;
        float: none;
        padding-bottom: 20px;
        border-bottom: 1px dotted #ddd;
        padding-right: 0px;
    }
    .box-tintuc4 .img
    {
        /* margin-right: 0; */
        /* float: left; */
        margin-right: 11px;
        float: left;
        border: 1px solid #ccc;
        width: 183px;
        height: 140px;
        /* max-width: 40%; */
        /* border: none; */
        display: flex;
        padding: 1px;
    }
    .box-tintuc4 .img a
    {display: block;      width: 100%;      height: 100%;}
    .box-tintuc4 .img img
    {
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
    }
    .box-tintuc4 .img:hover
    {
        border: none;
    }
    .box-tintuc4 .title-tin
    {
        padding: 7px 0 10px;
    }
    .box-tintuc4 .title-tin a
    {
        color: #0d4da5;
        font-size: 14px;
        line-height: 21px;
        font-weight: bold;
    }
    .box-tintuc4 .title-tin a:hover
    {
    }
    .box-tintuc4 .datetime
    {
        display: none;
        font-style: italic;
        font-size: smaller;
        line-height: 14px;
    }
    .box-tintuc4 .summary,
    .box-tintuc4 img{display:block !important;}
    .box-tintuc4 .summary *
    {
        /*	_width:290px; */
        text-align: justify;
        line-height: 16px !important;
    }

}
.box-tintuc5
{
    width: auto;
    margin-bottom: 20px;
    display: block;
    background: url(../images/boxtin5.png) no-repeat 0 0;
    padding: 0px 10px;
    float: left;
}
.box-tintuc5 .img
{
    margin-right: 12px;
    float: left;
    border: none;
    padding: 0;
}
.box-tintuc5 .img img
{
    width: 206px;
    height: 138px;
}
.box-tintuc5 .title-tin
{
    font-weight: bold;
    color: #000;
    display: block;
    margin-bottom: 5px;
}
.box-tintuc5 .title-tin a
{
    color: #000;
    font-weight: bold;
    text-decoration: none;
    font-size: larger;
}
.box-tintuc5 .title-tin a.dichvu
{
    color: #cc0000;
    font-weight: bold;
    text-decoration: none;
}
.box-tintuc5 .title-tin a:hover
{
    color: #c60702;
}
.box-tintuc5 .datetime
{
    color: #999999; /*	_width:290px; */
    display: none;
}
.box-tintuc5 .summary
{
    /*	_width:290px; */
    text-align: justify;
    display: none;
}


.box-tintuc1
{
    width: auto;
    margin-top: 5px;
    display: block;
}
.box-tintuc1 .img
{
    margin-right: 10px;
    float: left;
    display: none;
    border: 1px solid #aaa;
}
.box-tintuc1 .img img
{
    width: 141px;
    height: 97px;
}
.box-tintuc1 .img:hover
{
    border: 1px solid #e00;
}
.box-tintuc1 .title-tin
{
    color: #0057a3;
}
.box-tintuc1 .title-tin a
{
    color: #0d4da4;
    padding-left: 16px;
    line-height: 16px;
    background: url(../images/bullet6.png) no-repeat 5px 5px;
}
.box-tintuc1 .title-tin a:hover
{
}
.box-tintuc1 .datetime
{
    display: inline;
}
.box-tintuc1 .summary
{
    display: none;
}
.box-tintuc6
{
    margin-bottom: 15px;
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}
.box-tintuc6 .img
{
    margin-right: 10px;
    float: left;
    border: 1px solid #ccc;
}
.box-tintuc6 .img img
{
    width: 146px;
    height: 97px;
}
.box-tintuc6 .img:hover
{
    border: 1px solid #f00;
}
.box-tintuc6 .title-tin
{
    padding: 5px 0 2px;
}
.box-tintuc6 .title-tin a
{
    color: #4b4b4b;
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 10px;
    display: inline-block;
    text-transform: uppercase;
    font-family: "RobotoCondensed-Bold";
}
.box-tintuc6 .title-tin a:hover
{
}
.box-tintuc6 .datetime
{
    display: block;
    font-style: italic;
    font-size: smaller;
    line-height: 14px;
    color: #9F224E;
}
.box-tintuc6 .summary
{
    text-align: justify;
    line-height: 16px !important;
    color: #666;
}
.Chitiet_News
{
    color: #900;
    display: block;
    margin: 35px 0 10px;
    font-weight: bold;
}
.Chitiet_News_bg
{
    float: left;
    width: 400px;
    height: 18px;
    background: url(../images/netdut.gif) repeat-x 0px 12px;
    display: inline-block;
}

.Chitiet_News a
{
    text-align: right;
    float: right;
    text-decoration: none;
    cursor: hand;
    color: #06f;
}
.Chitiet_News a:hover
{
    color: #c60702;
    cursor: pointer;
}
.Div_cactinkhac
{
    display: block;
    font-size: 9pt;
    overflow: hidden;
    line-height: 22px;
}
.Div_cactinkhac .ngaydang
{
    color: #999;
    display: none;
}
.Div_cactinkhac a.tieude_tin
{
    color: #cc3300;
    text-decoration: none;
    background: url(../images/bullet5.png) no-repeat 5px 8px;
    padding-left: 20px;
    display: block;
}
.Div_cactinkhac a.tieude_tin:hover
{
    color: #c60702;
}
.btnxemchitiet
{
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    width: 100px;
    height: 30px;
    background: #F7661D;
    text-align: center;
    float: right;
    border: 1px solid #eee;
}
.title2 h1{
    font-size: 20px ;padding-bottom: 15px ;border-bottom: 1px solid #eee;
}

.content-data{
    margin: 30px;
}
.fb_iframe_widget{
    float: right;
}
.fb-comments.fb_iframe_widget,
.fb-comments.fb_iframe_widget>span,
.fb-comments.fb_iframe_widget>span>iframe{
    width:100% !important;
}
.addthis_inline_share_toolbox{
    text-align: right;
}
.fb_reset{
    position: relative !important;
    display: inline-block !important;
}

.item-agency{
    height:auto;
    min-height: 100px ;
    width: 100%;
    margin: 15px 0;
    border-bottom: 1px solid #eee;
    color: #333;
    font-size: 18px;
    display: inline-block;
}
.at-resp-share-element .at-share-btn .at-label{
	display:none;
}