@font-face {
    font-family: 'UTMTrajanProBold';
    src: url('../fonts/UTMTrajanProBold.eot?v=4.3.0');
    src: url('../fonts/UTMTrajanProBold.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/UTMTrajanProBold.woff2?v=4.3.0') format('woff2'), url('../fonts/UTMTrajanProBold.woff?v=4.3.0') format('woff'), url('../fonts/UTMTrajanProBold.ttf?v=4.3.0') format('truetype'), url('../fonts/UTMTrajanProBold.svg?v=4.3.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

img {
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

p {
    margin: 0px;
}

a {
    text-decoration: none;
	/*color: #ea4f09;*/
	font-size: 14px;
	background: none;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

a:hover {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out !important;
    -moz-transition: all 0.3s ease-in-out !important;
    -o-transition: all 0.3s ease-in-out !important;
    -ms-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}

* {
    margin: 0px;
    padding: 0px;
}

body{
    font-size: 12px;
    color: #000;
    font-family: arial;
}
ul, ol {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

del {
    font-size: 12px;
    color: #999;
}
.w_100{
    width: 100%;
}
.menu_top ul li{
    padding: 15px 0px;
    float: left;
}
.menu_top ul li:last-child a{
	border-right:none;
}
.menu_top ul a{
    color: #616161;
    padding: 0px 10px;
    border-right: 1px solid #616161;
}
.menu_top ul a:hover{
    color: #616161;
    padding: 0px 15px;
    border-right: 1px solid #616161;
}
.pd_none{
    border: none !important;
}
.icon_top{
    margin-top: 85px;
    padding-right: 83px;
}
.icon_top ul li{
    padding: 0px 4px;
    float: left;
}
.icon_menu{
    padding-top:5px;
    margin-right: 5px;
    margin-left: 20px;
    overflow: hidden;
    float: left;
    width: 24px;
    height: 24px;
}
.text_danhmuc{
    padding-top: 2px;
    font-size: 14px;
    color: #fff;
    /*text-transform: uppercase;*/
    overflow: hidden;
    font-weight: bold;
    display: inline;
}
#btn_danhmuc{
    /*width: 165px;*/
    background: #1f9bd7;
    padding: 5px 0px 9px 40px;
}
.menu_search{
    background: #1f9bd7;
}
.icon_search{
    background: url("../img/icon/icon_search.png") no-repeat;
    background-size: 100% 100% ;
    width: 30px;
    height: 28px;
    border: 1px solid #fff !important;
    border-radius: inherit;
}
.menu_main{
    z-index: 99 !important;
    padding-top: 22px;
    background: url("../img/bd_menu.png") no-repeat top;
    background-size: 100%;
}
.icon_mn{
    margin-left: -15px;
    padding-right: 5px;
}
.bg_chuongtrinh{
    background: #ababab;
    padding: 0;
    height: 22px;
    margin: 30px 0px;
}
.text_ct{
    background: #fff;
    font-size: 20px;
    color: #ea4f09;
    float: left;
    padding-right: 10px;
    font-weight:bold;
}
.text_ct a{
    color: #ea4f09;
}
.bg_fff{
    background: #fff;
    height: 21px;
}
.box_pro{
    padding: 6px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    margin-bottom: 30px;
}
.img_pro img{
    border: 1px solid #ffcf9f;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.title_pro{
    padding: 20px 0px;
    text-align: center;
    background: #ffcf9f;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.title_pro a{
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    color: #c63d00;
}
.text_ct:hover,
.text_mark a :hover,
.title_pro a:hover,
.bg_next h3{font-size: 14px;color:#c63d00 !important;margin: 0;text-transform: uppercase;font-weight: bold;margin-top: 5px}
.ava{
    float: left;
    width: 130px;
}
.img_ava{
    text-align: center;
}
.img_ava img{
    height: 115px;
    width: 115px;
    border: 2px solid#FBBC7E;
    border-radius: 60px;
}
.sub_ava{
    text-align: center;
    margin: 15px 0px;
}
.f_b12{
    font-size: 12px;
    color: #0d0d0d;
    font-weight: bold;
    padding-bottom: 5px;
}
.f_12{
    color: #535353;
    font-size: 12px;
}
.comment{
    background: url("../img/bg_comment.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}
.text_commet{
    padding: 11px 26px 20px 26px;
}

.category_hover{
    position: relative;
    overflow: hidden;
    width: 100%;
    /*height: 100%;*/
    border-radius: 5px;
    border: 1px solid #ffcf9f;
}
.category_hover:hover{
    cursor: pointer ;
}
.mark_content{
    height: 65px;
    position: absolute;
    bottom: 0px;
    background: rgba(255, 207, 159, 0.69);
    width: 100%;
    -webkit-transition: all 0.5s ease-in-out !important;
    -moz-transition: all 0.5s ease-in-out !important;
    -o-transition: all 0.5s ease-in-out !important;
    -ms-transition: all 0.5s ease-in-out !important;
    transition: all 0.5s ease-in-out !important;
    border-radius:  5px;
}
.mark_cagegory{
    border-radius:  5px;
    height: 100% !important;
    position: absolute;
    bottom: 0px;
    background: rgba(255, 207, 159, 0.69);
    width: 100%;
}
.bg_a{
    height: 70px;
    background: #ffcf9f;
}
.bg_next a{
    font-size: 14px;
    color: #c63d00;
    font-weight: bold;
    text-transform: uppercase;
}
.bg_next{
    padding: 15px 34px 15px 5px;
    height: 65px;
    background: url("../img/icon_next.png") #ffcf9f no-repeat center right 3px;
}
.text_mark{
    padding: 10px;
}
.text_mark a{
    font-size: 13px;

    color: #c63d00;
    font-weight: bold;
}
.box_l{
    margin-bottom: 25px;
    margin-top: 50px;
}
.f14_b_292929{
    font-size: 14px;
    font-weight: bold;
    color: #292929;
    font-family: arial;
}
.f12_292929{
    font-size: 12px;
    color: #292929;
    font-family: arial;
}
.f12_b_292929{
    font-size: 12px;
    color: #292929;
    font-weight: bold;
    font-family: arial;
}
.f11_292929{
    font-size: 11px !important;
    color: #292929;
    font-family: arial;
}
.f11_b_292929{
    font-size: 11px !important;
    color: #292929;
    font-weight: bold;
    font-family: arial;
}
.pd_9_0{
    padding: 9px 0px;
}
.pd_left15{
    padding-left: 15px;
}
.bg_footer{
    background: #ffcf9f;
    padding: 20px 0px;
}
.box_fb{
    overflow: hidden;
}
.des{
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #313131;
    padding: 5px 0px;
}

/*======================page========================*/
.bg_p{
    background: #ababab;
    padding: 0;
    height: 19px;
    margin: 20px 0px;
}
/*.bg_p a{
	    background: #fff;
    font-size: 14px;
    color: #ea4f09;
    float: left;
    padding-right: 10px;
    font-weight: bold;
}*/
.bg_p_fff{
    background: #fff;
    height: 18px;
}
.t_1_ea4f09{
    background: #fff;
    font-size: 14px;
    color: #ea4f09;
    float: left;
    padding-right: 10px;
    font-weight: bold;
}
.text_dm{
    text-align: center;
    font-size: 12px;
    color: #293F4F;
    text-transform: uppercase;
    background: #fff;
    padding: 15px 0px;
    font-weight: bold;
    /* border-bottom: 1px solid #005a86;*/
    border: 1px solid rgba(82, 82, 82, 0.32);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.list_p{
    background: #fff;
    border-bottom-right-radius:5px ;
    border-bottom-left-radius:5px ;
    margin-bottom: 20px;
    border: 1px solid rgba(82, 82, 82, 0.32);
    border-top: none !important;
}
.list_p li{
    border-bottom: 1px dotted #293F4F;
    padding: 10px 5px 10px 30px;
}
.list_p li:last-child{border-bottom: none}
.list_p li a{
    color: #293F4F;
    font-size: 12px;
    font-family: arial;
}
.list_p li a:hover{
}
.icon_rp{
    margin-left: -15px;
    padding-right: 10px;
}
.bd_top_fff{
    border-top: 1px solid #fff;
}
.bd_none{
    border: none !important;
}
.bg_video{
    border: 1px solid #d5d5d5;
    border-top-left-radius: 5px ;
    border-top-right-radius: 5px ;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #2f2f2f;
    text-align: center;
    background: url("../img/bg_video.png") repeat-x;
    padding: 15px 0px;
}
.box_video{
    margin-bottom: 15px;
    max-height: 200px;
}
.pd_5 {
    padding: 5px;
}
.box_news {
    border: 1px solid #E4E4E4;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    margin-bottom: 25px;
}
.box_news:hover {
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.35);
}
.title_news{
    padding: 10px 0px;
}
.title_news h3{margin: 0}
.title_news a{
    color: #a33924;
    font-size: 12px;
    font-weight: bold;
}
.sub_news{
    text-align: justify;
    font-size: 12px;
    color: #323232;
    padding-bottom: 5px;
    min-height: 55px;
}
.f14_b_373737{
    font-size: 14px;
    color: #373737;
    font-weight: bold;
    text-transform: uppercase;
}
.pd_15_0{
    padding: 15px 0px;
}
.img_news a img{
	width: 100%;
    border: 1px solid #e1e1e1;
}
.box_full{
    padding-bottom: 15px;
}
.bd_bot{
    border-bottom: 1px solid #d2d3d4;
}
.page_conten{
    padding-bottom: 25px;
}
/*=============style news hot==============*/
.tex_tinnb{
    background: url("../img/bg_tinnb.png") no-repeat;
    background-size: 100% 100%;
    padding: 10px 0px;
}
.tex_tinnb a{
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 80px;
}
.news_hot{
    width: 325px;
    height: 90%;
    position: absolute;
    top: 15px; right:
    45px; z-index: 999
}
.vticker{
    /*background: #fce4cc;*/
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	/*background-color: rgba(0, 255, 240, 0.82);*/
    background-color:rgba(243, 226, 210, 0.9);
}
.list_hot li{
    padding: 12px 15px;
    background: url("../img/bg_listtin.png") no-repeat bottom;
    background-size: 100%;
}
.list_hot li a{
    font-size: 12px;
    color: #006497;
    font-weight: bold;
}
.bg_none{
    background: none !important;
}
.box_video iframe{
    width: 100% !important;
    height: 100% !important;
}
/*============================================ Media ============================================*/
@media (max-width:480px){
    .title_pro {
        height: 80px !important;
    }
}
@media (max-width:767px){
    .product{padding:0}
    .name-news-detail h3{font-size: 15px}
    .none_767{
        display: none;
    }
    .menu_search{
        margin-top: 61px;
    }
    .title_pro{
        height:58px;
    }
    .pd_none{
        padding: 0px 15px !important;
    }
    .logo_mb{
        text-align: center;
        background: #fff;
        border-bottom: 1px solid #E6E4E4;
    }
    .logo_mb img{
        width: 150px;
        height: 60px;
    }
    .col-md-1008{
        padding-left: 25px;
        padding-right: 15px;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .row_pc{
        margin-left: -15px;
        margin-right: -15px;
    }
    .icon_top ul li {
        padding: 0px 2px;
    }
    .title_pro {
        font-size: 12px;
        height: 58px;
        padding: 15px 0px;
    }
    .col-md-1008{
        padding-left: 25px;
        padding-right: 15px;
    }
    .list_hot li{
        padding: 0px 15px;
    }
    .list_hot li a{
       font-weight: 400;
    }
    .tex_tinnb{
        padding: 5px 0px;
    }
    .tex_tinnb a{
       font-size: 12px;
    }
    .news_hot{
        top: 2px;
        right: 10px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .item-list{margin-bottom: 20px}
    .row_pc{
        margin-left: -15px;
        margin-right: -15px;
    }
    .title_pro {
        height: 90px;
        padding: 20px 5px;
    }
    .col-md-1008{
        padding-left: 25px;
        padding-right: 15px;
    }
    .list_hot li{
        padding: 5px 15px;
    }
    .tex_tinnb{
        padding: 5px 0px;
    }
    .news_hot{
        top: 10px;
        right: 10px;
    }
    .tex_tinnb a{
        font-size: 13px;
    }
}

@media (min-width:1200px) {
    .title_news{height: 40px;overflow: hidden}
    .search_box{margin-left: 70px;padding: 0}
    .list-item{margin-bottom: 20px;height: 275px}
    .item-list{min-height: 195px;margin-bottom: 20px}
    .col-md-200{
        width: 220px !important;
    }
    .col-md-220{
        width: 220px !important;
    }
    .container{
        width: 1258px;
    }
    .row_pc{
        margin-left: -15px;
        margin-right: -15px;
    }
    .col-md-2d{
        width: 20% !important;
    }
    .title_pro {
        height: 58px;
        padding: 15px 0px;
    }

    .col-md-1008{
        width: 1008px !important;
        padding-left: 60px;
        padding-right: 0px;
    }
    .product {
        margin-left: 30px;
        border: 1px solid #e4e2e2;
        width:79%;
    }
    .other-news-detail {
        width: 100%;
        float: left;
        margin-top: 30px;
    }
    .title-other-news-detail {
        float: left;
        border-left: 3px solid #0088eb;
        border-right: 3px solid #0088eb;
        width: 890px;
        position: relative;
    }
    .title-other-news-detail span{
        color: #383838;
        font-size: 14px;
        text-transform: uppercase;
        float: left;
        border: 1px solid #e7e7e7;
        padding: 14px 10px;
        font-weight: bold;
        width: 890px;

    }
    .cont-other-news-detail ul li a {
        text-decoration: none;
        color: #000000;
        font-size: 14px;
    }
    .cont-other-news-detail ul li {
        list-style: square;
        color: #0088eb;
        margin-left: 16px;
        padding: 5px 0px 5px 0px;
    }
    .cont-other-news-detail {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    .cont-other-news-detail ul li a:hover{
        text-decoration: underline;
    }
    .summary-news-detail {
        width: 100%;
        float: left;
        line-height: 1.4;
        font-weight: bold;
        font-size: 14px;
        color: #333;
    }
    .all-content-news-detail {
        width: 100%;
        float: left;
        font-size: 13px;
        margin: 20px 0px 0px 0px;
        line-height: 1.4;
    }
}
.name-news-detail h1{font-size: 18px}
.like-face{margin-top:20px;}
.g-plusone{margin-top: 10px}
.fb-like{margin-top: -15px;display: block;}
.gg{display: inline-block;padding-top: 5px;}

.tags{margin: 20px 0;}
.tags .tag-name{
    font-size: 16px;
    color:#000;
    font-weight: bold;
}
.tags a{margin-left: 3px;color:#747474}
.tags a:hover{text-decoration: underline}
.comments{line-height: 2}
.comments .form-control{margin-bottom: 20px;border-radius: 0}
.comments .btn-xs{margin-bottom: 20px}
.tab-comment{margin-top: 20px;}
.tab-content{border: 1px solid #ccc;border-top:none;padding:20px}

.nav-comment li{float: left;position: relative;display: block}
.nav-comment a{padding:10px 15px;position: relative;display: block;border: 1px solid transparent;}
.mail-contact{margin: 20px 0;border: 1px solid #ccc;border-radius: 4px;padding:30px}
.mail-contact h2{text-transform: uppercase;font-size: 20px;margin:0;margin-bottom: 20px}
.top-fanpage i{font-size: 24px;margin-right: 5px}
.home{font-size: 22px;color:#fff;margin-right: 7px;}
.nav-link{margin-left: 20px;margin-right:15px;color: #fff;font-weight: bold}
.menu-top{padding-top:13px}
.nav-link:hover{color:red}

.b-time{color:#666;}
.hotline-left-content {
    background: url(../img/icon_hotline_left.png) no-repeat;
    min-width: 109px;
    height: 80px;
    /* padding: 10px 15px; */
}
.support{border:1px solid #ccc;padding:5px;}
.hotro-left-info {
    position: relative;
    padding: 5px 0px;
    border-bottom: thin dashed #ccc;
    margin: 0px 15px;
    margin-bottom: 5px;
}
.hotro-left-info p {
    font-size: 12px;
    line-height: 20px;
    padding: 0px 3px;
    color: #6a6969;
}
.hotline-left-info {
    position: relative;
    top: 60px;
    left: 85px;
    font-size: 20px;
    color: #fc3030;
    font-style: italic;
}
.list-sitemap li a{color:#000}
.list-sitemap li ul{padding-left: 5px;}