@import url('/App_Themes/Theme1/stylelienhe.css');
/*@import url('/nivo-slider/nivo-slider.css');*/
@import url('/App_Themes/Theme1/jqueryslidemenu.css');
@import url('/imageslideshow/css/prettyPhoto.css');
@import url('/App_Themes/Theme1/popup.css');
@import url('/App_Themes/Theme1/jCarousel.css');

@media all
{
    body
    {
        margin: 0px auto;
        padding: 0px auto;
        font-size: 13px;
        line-height: 22px;
        font-family: Arial, Helvetica, Tahoma, sans-serif;
        font-weight: normal;
        /* background: url(/images/bg_1.jpg); */
        background: #fff;
    }
    a
    {
        color: #333;
        text-decoration: none;
    }
    a img
    {
        border: none;
    }
    a:hover
    {
        text-decoration: none;
        color: #DA0F0F;
    }
    .clear
    {
        clear: both;
    }
    li .menu_linhvuc
    {
        margin-right: 50px;
    }
    .container
    {
    /* background: #fff; */
    }
    #header1
    {
        color: #fff;
        background: #396BA9;
    }
    #header1 a
    {
        color: #fff;
    }
    .logo
    {
        padding-top: 25px;
        float: left;
    }
    .header_top
    {
        /* width: 166px; */
        text-align: right;
        padding-top: 7px;
        float: right;
    }
    .slider-wrapper
    {
        position: relative;
    }
    .slideshow
    {
        position: relative;
        z-index: 1;
    }
    .title_trgchu
    {
        font-size: 16px;
        font-weight: bold;
        color: #396BA9;
        text-transform: uppercase;
        margin: 7px 0 15px;
    }
    .gt-trgchu
    {
        border-left: 1px solid #cdccca;
        padding-left: 9px;
        margin-right: 22px;
    }
    .nd_tragchu
    {
        text-align: justify;
    }
    .tt-trgchu
    {
        border-left: 1px solid #cdccca;
        border-right: 1px solid #cdccca;
        padding: 0 14px;
    }
    .tt-trgchu img
    {
        width: 98px;
        height: 60px;
        float: left;
        padding: 2px;
        border: 1px solid #cdccca;
        margin-right: 8px;
    }
    .tt_le
    {
        border-bottom: 1px solid #cdccca;
        padding: 8px 0;
    }
    .tt-trgchu .title_trgchu
    {
        margin-bottom: 12px;
    }
    .xemthem 
    {
        color: #76201c;
        width: 100%;
        text-align: right;
        margin-top: 9px;
    }
    .xemthem a
    {
        color: #333;
        font-weight: bold;
    }
    .jcarousel .title 
    {
        color: #333;
        line-height: 17px;
        padding-top: 3px;
    }
    .jcarousel img
    {
        padding-bottom: 5px;
    }
    .slide_doitac
    {
        margin: 28px 0;
    }
    .footer_right
    {
        text-align: right;
    }
    #footer
    {
        background-color: #EDEBE7;
        color: #396BA9;
        /* height: 116px; */
        padding: 22px 0 10px;
        /* font-weight: bold; */
        line-height: 23px;
        margin-top: 31px;
        border-top: 1px solid #ccc;
    }
    .title_menucontent {
        
line-height: 31px;
        
text-align: center;
        
background: #396BA9;
    }
    .title_menucontent a{
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 13px;
    }
    .menuCon_menucontent {
        /* background: url("/images/background_li.png") no-repeat 6px 11px; */
        line-height: 32px;
        color: #666;
        padding: 8px 4px;
        border-bottom: dotted #CCCCCC 1px;
    }
    .menu_content
    {
        margin-bottom: 10px;
        border: 1px solid #ccc;
        display: none;
    }
    .menuCon_menucontent a {
        color: #333;
        line-height: 15px;
    }
    .menuCon_menucontent a:hover
    {
        color: #DA0F0F;
        font-weight: bold;
    }
    .tinylink .separator {
        display: inline-block;
        width: 18px;
        height: 10px;
        background: url(/images/bullet1.png) no-repeat 3px 3px;
    }
    a.tiny-root {
        display: inline-block;
        padding-left: 10px;
        /* background: url(/images/bullet4.png) no-repeat 0px 9px; */
    }
    #title_home h1 {
        text-align: center;
        color: #333;
        font-size: 18px;
        background: #FFF;
        text-transform: uppercase;
        float: left;
        /* padding-left: 15px; */
        font-weight: bold;
    }
    .tinylink
    {
        background: #396BA9;
        height: 30px;
        color: #666;
        font-family: Tahoma;
        font-size: 8pt;
        z-index: 9;
    }
    .tinylink a {
        margin: 0 3px;
        line-height: 26px;
        height: 27px;
        font-size: 9pt;
        color: #fff;
        padding: 1px;
    }
    .baivietkhac {
        margin: 56px 0 0 0;
        border-top: 1px solid #ece9e9;
    }
    .baivietkhac span {
        display: block;
        height: 13px;
        font-family: arial;
        line-height: 13px !important;
        color: #333;
        margin-top: -8px;
        font-size: 11pt;
        position: absolute;
        background: #fff;
        padding-right: 5px;
        font-weight: bold;
    }
    .baivietkhac a {
        display: inline-block;
        padding: 0px 0 0 9px;
        font-family: arial;
        font-size: 9pt;
        line-height: 18px;
    }
    .baivietkhac_content
    {
       margin-top: 13px;
    }
    .footer1
    {
        margin-top: 10px;
    }
    .block_leftContent
    {
        margin-left: -15px;
    }
    .top
    {
        padding-left: 12px;
    }
    .box-tintuc {
        width: 100%;
        display: block;
        text-align: justify;
        margin-bottom: 22px;
    }   
    .box-tintuc .img img {
        width: 100%;
        height: 96px;
        /* float: left; */
        /* margin-right: 13px; */
    }
    .box-tintuc1 .title-tin {
        font-weight: bold;
        color: #003e9b;
        /* padding-top: 3px; */
        display: block;
        line-height: 19px;
    }
    .box-tintuc .title-tin {
        font-weight: bold;
        color: #003e9b;
        padding: 5px 0 0px;
        display: block;
    }
    .box-tintuc .datetime {
        display: block;
        font-style: italic;
        font-size: smaller;
        line-height: 28px;
        /* border-bottom: 1px dotted #ccc; */
        /* padding-bottom: 9px; */
        margin-bottom: 1px;
        color: #f60;
    }
    .box-tintuc .img {
        float: left;
        border: 1px solid #ccc;
        padding: 3px;
        width: 94%;
    }
        .box-tintuc .title-tin a {
        font-size: 10pt;
        line-height: 4px;
        color: #333;
    }
    .content
    {
        margin-top: 13px;
        padding-bottom: 10px;
        /* margin-bottom: 35px; */
    }
    .box1 .content-title {
        line-height: 20px;
        font-weight: bold;
        color: #000;
        padding: 0px 0 8px;
        font-size: 12pt;
    }
    .content-time {
        margin-bottom: 10px;
        font-size: 9pt;
        color: #666;
    }
    .facebook_web {
        margin-bottom: 20px;
    }
    .views-share {
        text-align: right;
        width: auto;
        float: right;
        margin-top: 13px;
    }
    #totop {
        position: fixed;
        bottom: 5px;
        right: 10px;
        cursor: pointer;
        display: none;
    }
    .xemthem a:hover, .jcarousel a:hover
    {
        text-decoration: underline;
    }
    .tt_le a
    {
        line-height: 17px;
        color: #333;
    }
    .tt_le a:hover
    {
        text-decoration: none;
    }
    .tb_dangnhap .td1 {
        font-weight: bold;
        padding: 4px 30px 4px 0;
        color: #000;
        border-collapse: collapse;
        text-align: right;
        width: 194px;
    }
    .thongbao {
        color: #f00;
        padding: 0px 0 5px;
        display: block;
    }
    .tb_dangnhap .caption td {
        padding: 5px 0 10px;
    }
    .tb_dangnhap {
        border-collapse: collapse;
        margin-left: 82px;
        color: #000;
        background: url(/images/logo_viegon.png) no-repeat 1px 24px;
        padding: 11px 47px;
        display: inline-block;
        margin-top: 16px;
    }
    .td2
    {
        line-height: 21px;
    }
    .btnSubmit
    {
        color: #fff;
        background: #76201C;
        padding: 2px 9px;
        /* margin-left: 34px; */
    }
    .btnSubmit1
    {
        color: #fff;
        background: #76201C;
        padding: 5px 9px;
    }
    .btnSubmit:hover, .btnSubmit1:hover
    {
        color: #FAFFBD;
    }
    .expand {
        cursor: pointer;
        float: right;
        width: 34px;
        background: transparent url("/images/icon_menu_mobile_1.png") no-repeat;
        display: none;
        height: 36px;
        position: absolute;
        right: 8px;
        top: 36px;
    }
    .footer_mobile
    {
        display: none;
    }
    .title_tin1 a
    {
        color: #333;
        font-size: 14px;
        font-weight: bold;
    }
    .box-tintuc6
    {
        margin-bottom: 20px;
    }
    .datetime
    {
        color: #f60;
        font-size: 11px;
    }
    .timkiem
    {
        position: absolute;
        top: 3px;
        right: 0px;
    }
    .title1 {
        font-weight: bold;
        height: 31px;
        line-height: 31px;
        /* margin: 0 6px; */
        position: relative;
        z-index: 99;
        color: #013983;
        margin-bottom: 5px;
        border-bottom: 1px solid #ccc;
    }
    .title1 h1
    {
        font-size: 17px;
    }
    .box-tintuc6 .img {
        margin-right: 10px;
        float: left;
        /* border: 1px solid #ccc; */
    }
    .box-tintuc6 .img img {
        width: 140px;
        height: 96px;
    }
    .box-tintuc6 .title-tin a {
        color: #333;
        font-size: 10pt;
        line-height: 20px;
        font-weight: bold;
    }
    .box-tintuc6 .datetime {
        display: block;
        font-style: italic;
        font-size: smaller;
        line-height: 14px;
        color: #333;
    }
    .box-procat
    {
        margin-bottom: 25px;
        text-align:center;
    }
    .reflected
    {
        margin: 0 auto;
    }
    #timkiem1
    {
    position: relative;
    width: 200px;
    margin: 17px auto;
    }
    .textbox
    {
        font-size: 11px;
        width: 200px;
        height: 25px;
        position: relative;
        /* background: url(/images/background_timkiem.png) no-repeat 0px -3px; */
        border: 1px solid #ccc;
        padding-left: 4px;
        font-style: italic;
        color: #333;
    }
    .btnTimKiem
    {
        background: url(/images/tim_kiem.png) no-repeat;
        position: absolute;
        right: 2px;
        bottom: 0px;
        border: none;
        width: 20px;
    }
    .box-tintuc1
    {
        margin-bottom: 29px;
        /* margin-left: -15px; */
    }
    .box-tintuc1 .img img
    {
        width: 120px;
        height: 79px;
        float: left;
        margin-right: 8px;
    }
    .ketquatimkiem
    {
        margin: 5px 0 31px;
        font-weight: bold;
        font-size: 14px;
    }
    .box-procat img {
        width: 204px;
        height: 142px;
        margin: 0 auto;
        display: block;
    }
    .title1 h2
    {
        font-size: 20px;
        color: #333;
    }
    .div-phantrang
    {
        text-align: center;
        margin-top: 20px;
    }
    .currentpage
    {
        color: red;
    }
    .content div, p
    {
        /* margin-bottom: 10px; */
    }
    .img_catproduct img
    {
        float: left;
        width: 170px;
        height: 115px;
        border: 1px solid #ccc;
        padding: 3px;
        margin-right: 10px;
    }
    .category_product
    {
        margin-top: 20px;
    }
    .name_catproduct
    {
        font-size:14px;
        font-weight: bold;
    }
    .duan_mobile
    {
        display:none;
    } 
    .container1
    {
        background: #396BA9;
    }
    .slide_duan
    {
        /* width: 80%; */
        margin: auto;
        text-align: center;
        margin-top: 55px;
    }
    .news_detail .slide_duan
    {
         width: 80%; 
        margin: auto;
        text-align: center;
    }
    .gt_tt_tragchu
    {
        margin-bottom: 26px;
    }
    .jcarousel .title:hover
    {
        color:#DA0F0F;
        text-decoration: none;
    }
    .tt_le a:hover
    {
        color: #396BA9;
    }
    .language
    {
        float: right;
    }
    .language img
    {
        border: 1px solid #fff;
        margin-left: 1px;
        width: 21px;
        padding-bottom: 0px;
        margin-top: 3px;
    }
    .hotline
    {
        float: left;
        background: url(/images/icon-hotline.png) no-repeat;
        padding-left: 30px;
        font-size: 17px;
        font-weight: bold;
        /* font-family: inherit; */
    }
    .logo p
    {
        line-height: 32px;
    }
    .container2
    {
        position: relative;
        z-index: 1;
    }
    .menu
    {
        /* border-top: 1px solid #c7c6c6; */
        /* border-bottom: 1px solid #c7c6c6; */
        margin: 2px 0;
    }
    .title_chitiet
    {
        margin: 10px 0 25px;
    }
    .logo_mobile {
        display:none;
        /* width: 200px; */
        height: auto;
    }  
    .title-tin a
    {
        font-weight: bold;
    }
    .content
    {
       text-align: justify;
    }
   .timkiem_mobile
   {
       display: none;
   }
   .logo_desktop span
   {
       font-size: 23px;
       font-family: -webkit-pictograph;
       font-weight: bold;
   }
   .table_logo
   {
       width: 600px;
   }
   .gt-trgchu img
   {
       float:left;
       padding-right: 13px;
       width: 50%;
   }
   .iframe
   {
       width: 560px;
       height:315px;
   }
   .holine_mobile
   {
       display: none;
   }
   .httt_hotline
   {
       background: url(/images/icon_hotrotructuyen_2.png) no-repeat;
       padding-left: 78px;
       height: 114px;
       line-height: 131px;
       color: #fff;
       font-size: 17px;
       font-weight: bold;
       margin-top: 10px;
   }
   .visitor_online
   {
       padding: 8px;
   }
   
   .visitor_online span
   {
      float: right;
      color: Red;
      font-weight: bold;
   }
   .img_daidien
   {
       margin-top: 3px;
       margin-bottom: -4px;
   }
}

@media all and (max-width: 1200px)
{
    .logo {
        left: 392px;
    }
}
@media all and (max-width: 980px)
{
    .jqueryslidemenu, .img_daidien
    {
        display: none;
    }
    .expand {
        display: block;
    }  
    #header1 {
        padding-bottom: 0px;
        border-bottom: 2px solid #DA0F0F;
        margin-bottom: 3px;
        height: 81px;
    }
    .logo {
        left: 15px;
        padding-top: 9px;
    }
    .logo img
    {
        width: auto;
        height: 58px;
        overflow: visible;
    }
  
    body
    {
        background: #fff;
    }
    #timkiem1
    {
        display:none;    
    }
   
   .hotline {
        margin-right: 15px;
    }
    .logo_desktop span {
        font-size: 19px;
    }
    .hotline {
        font-size: 15px;
    }
    .table_logo {
        width: 548px;
    }
}
@media all and (max-width: 780px)
{
   .logo_desktop
   {
       display: none;
   }
   .logo_mobile
   {
       display: block;
   }
    .block_leftContent, .footer_desktop
    {
        display: none;
    }
    .top {
         padding-left: 0px;
    }
    .footer_mobile
    {
        display: block;
        text-align: center;
    }
    .container {
        padding-right: 3px;
        padding-left: 3px;
        /* padding-top: 12px; */
    }
    .gt-trgchu {
        border-left: none;
        padding-left: 0px;
        margin-right: 0px;
    }
    .tt-trgchu {
        border-left: none;
        border-right: none;
        padding: 0 0px;
        margin-top: 27px;
    }
    #title_home h1 {
        font-size: 17px;
    }
    .box1 .content-title {
        font-size: 11pt;
    }
    .slide_doitac {
        margin: 28px 0 0px;
    }
     #footer
    {
        /* height: 193px; */
    }
    
}
@media all and (max-width: 658px)
{
    .col-sm-4
    {
        width: 50%;
    }
  .duan_desktop
  {
      display:none;
  }
  .duan_mobile
    {
        display:block;
    }
}
@media all and (max-width: 500px)
{
  .col-sm-4
    {
        width: 100%;
    }
}
@media all and (max-width: 550px)
{
  .tb_dangnhap {
     margin-left: 0px;
      margin-top: 0px;
  }
  
}
@media all and (max-width: 504px)
{
   
    .box-tintuc .title-tin a {
        font-size: 10pt;
    }
    .box-tintuc .datetime {
        line-height: 17px;
    }
    .tb_dangnhap {
        background: none;
        padding: 0px;
    }
    .tb_dangnhap .td1 {
        padding: 4px 9px 4px 0;
    }
    .hotline
    {
        display: none;
    }
   .box-procat
   {
       width: 207px;
       margin: 0 auto 15px;
   }
   .box-procat img {
        width: 201px;
        height: 125px;
    }
   .box-tintuc .title-tin a {
        line-height: 16px;
   
    }
    .iframe
   {
       width: 96%;
       height:auto;
       margin: 0 auto;
       min-height: 284px;
   }
    .news_detail .slide_duan
    {
        width: 100%; 
    }
}
@media all and (max-width: 320px)
{
    .logo {
        padding-top: 14px;
    }
        .logo img {
       width: auto;
       height: 49px;
    }
     .header_top {
        padding-top: 12px;
    }
    .expand {
        top: 37px;
    }
    .slideshow
    {
        display: none;
    }
    #header1 {
        /* margin-bottom: 13px; */
        height: 76px;
    }
    .footer_mobile
    {
        text-align: left;
        padding-left: 7px;
    }
   .col-xs-4
   {
       width: 45%;
   }
   .box-tintuc .img img {
        width: 100%;
        height: 80px;
    }
    body
    {
        background: #fff;
    }
    .tinylink {
        height: 25px;
        margin-top: -12px;
    }
    .container1 {
        padding-left: 0px;
    }
    .tinylink {
        background: #EDEBE7;
    }
    .tinylink a{
        color: #666;
        line-height: 20px;
        font-size: 11px;
    }
    .tinylink .separator {
        background: url(/images/bullet186.png) no-repeat 3px 3px;
    }
    #title_home h1 {
        color: #396BA9;
    }
    .content img
    {
        width: 96%;
        height: auto;
    }
    .box-procat img {
        width: 201px;
        height: 125px;
    }
    .tinylink, .content
    {
        overflow: hidden;
    }
    .holine_mobile
    {
        float: left;
        background: url(/images/cellphone-icon-1.png) no-repeat 2px 3px;
        padding-left: 12px;
        font-size: 12px;
        width: 96px;
        margin-left: 2px;
        height: 22px;
        border: 1px solid #ccc;
    }

   .timkiem_mobile
   {
       display: block;
       position: relative;
       margin-bottom: 13px;
       width: 63%;
       float: left;
   }
   .timkiem_mobile .textbox
   {
       width: 98%;
       margin: 0 auto;
       position: relative;
       margin-left: 3px;
       height: 22px;
   }
   .timkiem_mobile .btnTimKiem
   {
        position: absolute;
        right: 3px;
    }
    .gt-trgchu img
   {
       float:none;
       width: 100%;
       margin: 0 auto;
       padding-right: 0px;
   }
   .iframe
   {
       min-height: 200px;
   }
   .holine_mobile
   {
       display: block;
   }
   .btnTimKiem {
        bottom: 1px;
    }
}