.c_in {width: 1200px;}
body{font-family: "Manrope", sans-serif; font-weight: 400}
 
.menu_top{ position: absolute;top: 0; right: 30px;}
a:hover{color: red}
li{list-style: none;}
.logo{ margin:0;height: 100px;    margin: 5px 0;}
.slogan{    margin-top: 20px;    float: right;    width: 80%;    font-size: 30px;    font-weight: bold;    color: #225c8c;}
.phone-icon{ color:#9e9f9e; border:1px solid #e9e9e9;background-color: #fff; padding: 7px;font-size: 1.4em;}
.phone{ color:#656565 ;font:1.4em/52px "Manrope", sans-serif; padding-left: 5px; display: inline;}
.phone p{display: inline;}
.search{ position: absolute;top: 106px; right: 17px;}
.search input[name=q]{ float: left; height: 30px; width:230px; padding-left:5px;}
.search input[type=submit]{ float: right; width: 53px; height: 30px; background: url('../images/btn-search.png') no-repeat center right;border :none;}
.mntop{height: 40px; ;border-bottom: 1px solid #d6d6d6;background: #808080}
.menu_main{ height:41px; width: 100%; background: #ef5d22;margin-bottom: 2px;}
.main_menu a{font:bold 1.3em "Manrope", sans-serif; color: #000; text-transform: uppercase;}
.main_menu h2{font: 1.2em "Manrope", sans-serif;}
.main_menu h3{font: 1.2em "Manrope", sans-serif;}
.main_menu li{ background: transparent;border-right: 1px solid #beeaff4d;height: 41px;}
.main_menu li:last-child{border-right:none}
.main_menu li:hover, .main_menu li.sfHover{ background: #0d2437;}
.main_menu li li{ background: #ef5d22;min-width: 195px;}
.main_menu li li a{border-top: 1px solid #dedede;}
.menu_main > .home{width: 60px; height: 37px; float: left;background: url('../images/btn-home.png') no-repeat left center;}
.main_menu li .text-level-1{display: none;}
.sf-menu a{border: none;}
.sf-menu {float: none;}
.sf-menu a{padding: 0.8em 2.0em;border-left:none;color: #fff;}
.v-menu a{font-size: 14px}
 
.share_fb{float: right;margin-top: 7px;}
.index-box{position: relative;}
.menu_main .text-level-2{display: none}
.style2 ul li img{float: left;}
.box-sys-c1{width: 48%; float: left;background: #efefef;    padding: 10px;margin-right: 18px;}
.box-sys-c1 .box-index-title{background: #004f87;    color: #FFF;    text-align: center;    font-size: 16px;    text-transform: uppercase; padding: 10px 0;margin: 10px 0 }
.box-sys-c1 .info-sys .imghover-c1{width: 215px;  overflow: hidden;margin-right: 10px}
.box-sys-c1 .info-sys .sys-name-c1{font-size: 14px; font-weight: bold;}
.box-sys-c1 .info-sys .imghover-c1 img{width: 100%}
.info-sys{display: flex; border-bottom: 1px solid #fff;padding: 10px 0}
.more-sys{height: 45px; line-height: 45px;text-align: center; color: #656565;font-size: 16px;background: #dddddd;text-transform: uppercase; cursor: pointer;}
.more-sys a{color: #040404; font-weight: bold;}
.more-sys:hover{background: #545454}.more-sys a:hover{color: #fff}
.box-sys-c1 .list-c1{float: right;} 
.left_box_title{background: #004f87;    color: #FFF;    text-align: center;    font-size: 16px;    text-transform: uppercase; padding: 10px 0;margin: 10px 0 }
.sys-menu-right{margin-top: 20px;}
.why-sys{margin: 20px auto;height:420px}
.sys-text{text-align: justify;}
.col-md-9{padding: 0}
#slider1_container_doitac{  margin: 15px 0; border: 1px solid #b5b5b5; padding: 5px 0;}
.index-box.style3 .fNews.style3{padding: 5px 8px;height: 390px;}
.boxs3 .fNews.style3{ border: 1px solid #fff;}
.boxs3 .fNews.style3:hover{ box-shadow: 3px 0px 5px #e0e0e0 ,-3px 0px 5px #e0e0e0 ,0px -3px 5px #e0e0e0;  }
ul.list-index.style2{border-left: 1px dashed #b2d7f1; padding-left: 10px;}
.fNews.style2{margin-top: 0;}
.fNews.style2 .fNewsName{color:#016eb9; margin-bottom: 10px;}
.fNews.style2 .fNewsInfo{color:#444444; margin:10px 0 10px;}
ul.list-index.style4{float: left;}
ul.list-index.style4 > li{float: left;width: 33%;padding-bottom: 5px;position: relative;margin-bottom: 10px; }
ul.list-index.style4 > li span{ right: 0px; position: absolute; bottom: 0;  height: 1px;width: 100%;}
ul.list-index.style4 > li:last-child span{display: none;}
ul.list-index.style4 > li img{ width: 140px; height: 80px; margin-right: 8px; padding: 1px;}
ul.list-index.style4 .sNewsName {color:#3e3e3e;}
ul.list-index.style4 .sNewsName:after{ content: '››'; color:#ff0000; margin-left: 5px;}
.category3{text-align: center;font-size: 30px; margin: 50px 0; font-weight: bold;text-transform: uppercase;}
.news-list-sys ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.news-list-sys ul li{width: calc(33.3% - 10px);    margin-bottom: 20px;}
.news-list-sys ul li .nname-sys{font-size: 16px; font-weight: bold;}
.news-list-sys ul li .img{overflow: hidden;width: 100%;height: 200px;}
.news-list-sys ul li .info-syss{text-align: justify;margin-top: 10px; font-size: 14px}

.title-why{text-align: center;font-size: 40px; text-transform: uppercase;margin: 50px 0}
.style3 ul {display: flex;flex-flow:wrap row;justify-content: space-between; }
.style3 ul li{width: calc(25% - 0px);    height: 280px;    text-align: center;}
.style3 ul li .title-sys{font-size: 15px; margin: 15px 0}
.why-us img{    float: left;    width: 50%;    height: 400px;    margin-right: 20px;}
.why-us .title-sys{font-size: 35px;}
/*
Video----*/
.boxintro {    color: #000;    font-size: 15px;    text-align: justify;}
.hue {    background: #e9e9e9;    padding-top: 20px;}
h2.boxvideo_title{    color:#008dd0;    font-size:20px;    padding:10px 0 10px 10px;    text-transform: uppercase;    border-bottom:1px solid #e6e6e6;    margin-bottom: 10px;}
.video-wrap {    padding-right:0!important;}
.boxvideo{    /*width:458px;*/    width:100%;}
.video-pavorites li {    list-style: none;    display: block;    border-bottom: 1px dotted #b5b5b5; }
.video-pavorites li a{    color:#666;}
.video-pavorites .play-video {    width: 100%;    overflow: hidden;}
.video-pavorites {    margin-bottom: 5%;    background-color: #fff;    /*width: 458px;*/    width: 100%;}
.video-pavorites li a { font-size: 12px;}
.video-pavorites li textarea { display: none;}
.video-pavorites .play-video iframe {    width: 100% !important;    /*height: auto !important;*/    height: 320px;    margin-bottom: 10px;}
.morevideo a{	float: right;    color: #fff;    text-transform: uppercase;}
/*---MEMBER---*/
.member{margin: 20px 0;font: 1.2em/30px "Manrope", sans-serif;}
.sList-m .listnews ul li .img{float: none !important;}
.sList-m .listnews ul li{width: 288px !important; float: left !important;margin: 0 5px;border-bottom:none !important}
.sList-m .listnews ul li .nname-m{font: bold 1.3em/1.5em "Manrope", sans-serif;text-align: left;}
.sList-m .listnews ul li .info-m{font: 1.2em/1.5em "Manrope", sans-serif;text-align: left;}
.sList-m .listnews ul li .overimg{height: 180px; width: 290px; overflow: hidden;}
.news-m .listnews ul li{width: 25%;  float: left;list-style: none;margin-bottom: 20px;height: 375px;}
.listnews ul li img{width: 210px;}
.nname-m{font: bold 1.4em/2.0em "Manrope", sans-serif;}
.info-m{font: 1.3em/1.6em "Manrope", sans-serif;}
.col-r{width: 310px !important}
/*---END MEMBER---*/
 
/*---Scroll Bar---*/
/* width */
::-webkit-scrollbar {width: 10px;}

/* Track */
::-webkit-scrollbar-track {background: #f1f1f1; }
 
/* Handle */
::-webkit-scrollbar-thumb {background: #888; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #555; }
.logol{width: 20%;   float: left;}
.sl-top{width: 100%; margin-top: 5px;}
/*Lang*/
.sys_lang .sys_flag {cursor: pointer;}
.Language{    float: right;  margin-top: -23px;}
.en { background: url(../images/en.png) no-repeat; padding: 7px 9px; display: inline-block;}
.vn {  background: url(../images/vn.png) no-repeat; padding: 7px 9px; display: inline-block;}

.boxm{font-size: 14px;}
.boxm ul li{float: left; margin: 5px 20px;list-style: none;}
/*--Search--*/
.menur{float: right;width: 50%;margin: 4px 0;}
.dateb{float: left;width: 50%; margin-top: 10px;color: #fff;}
.menur ul li a{color: #fff}
.box-search-right{ border: 0; display: block;float: right;}
#frmSearch input[type="text"] {
    float: left;
    height: 30px;
    border: 1px solid #b7b7b7;
    width: 220px;
    padding: 0 5px;
    outline: 0;
    background: none;
    background-color: #fff;border-radius: 10px 0 0 10px
 
}
.box-search-right #frmSearch input[type=button] {
    background: #4da5ef url(../images/ico-search.png) center center no-repeat;
    display: block;
    width: 40px;
    height: 30px;
    cursor: pointer;
    border: none;
    padding: 0;
    text-indent: -9999px;
    outline: none;
}
.box-search-right ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ccc;
}
.box-search-right ::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
}
.box-search-right :-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
.box-search-right :-moz-placeholder { /* Firefox 18- */
  color: #ccc;
}
.sf-arrows .sf-with-ul {
    padding-right: 1.5em;
}
.systemPaging .btnPaging {    background-color: #ef5d22;}
/*---- End search----*/
.footer_in .text-level-2{display: none}
.system-style.bottom_nav li li a, .system-style.bottom_nav li .mn-intext{color: #fff}
.system-style.bottom_nav li a {font: bold 1.4em / 2.2em "Manrope", sans-serif;}
.system_menu_ext,.system-style.footer{  background-color: #ef5d22;  }
.system-style.addContact{background: #ef5d22;margin:0;border-top: 1px solid #ff824f;}
.system-style.menu_ext1{text-align: center;}
.system-style.menu_ext1 li a{    font: 1.3em/45px "Manrope", sans-serif;    color:#e0e0e0; display: inline-block; white-space: nowrap;    padding: 0 20px;}
.system-style.menu_ext1 li:hover a{text-decoration: none;}
.system-style.menu_ext1 li:hover  {    background-color: #001f35;}
.index-box a:hover{    text-decoration: none; opacity: 0.8;}
.index-box a:hover img{opacity: 0.8;}
 
.box-cover { padding: 15px; margin-bottom: 15px;}
/*url(../images/line-line.gif) left bottom repeat-x*/
.rAdvImgId img {width: 100%}
.imgbn{float: right;width: 67%; margin-top: 9px;}
.breadcrumbs{ border-bottom:1px solid #eee;}
.breadcrumbs > ul{ margin-left: 20px;}
.breadcrumbs li a{    font: 1.2em/36px "Manrope", sans-serif ;    color: #4c4c4c;    white-space: nowrap; text-transform: uppercase;}
.breadcrumbs li a:active{  color: #fff;   }
.breadcrumbs li a::after{    content: '›';    font: 1.2em/30px "Manrope", sans-serif ;   padding: 0 10px;    white-space: nowrap; }
.breadcrumbs li:last-child a::after{display: none;}
.breadcrumbs ul{text-align: center;}
.breadcrumbs .category3{text-align: center;font-size: 50px}
.system_forms .s_Date .cDate{    white-space: nowrap;}
.breadcrumbs li a:hover{    text-decoration: none;    color: #000;}
.sf-arrows .sf-with-ul:after{    right:0.5em;}
/*Chi tiết*/
.system-style.style-news-1 .fInfo .fName{font: bold 1.6em/1.5em "Manrope", sans-serif;text-align: justify;}
.system-style.style-news-1 .fInfo .info{font: 1.3em/1.5em "Manrope", sans-serif;text-align: justify;}
.system-style.style-news-1 .s_list_news li img{width: 300px;}
.system-style.style-news-1 .s_list_news li .img{width: 300px}
.system-style.style-news-1 .s_list_news li .nname{font: bold 1.6em/1.5em "Manrope", sans-serif;text-align: justify;}
.system-style.style-news-1 .s_list_news li .info{font: 1.3em/1.5em "Manrope", sans-serif;text-align: justify;}
.system_forms.s_form_news .s_pname{font: bold 3.0em/1.5em "Manrope", sans-serif;text-align: justify;}
.system_forms.s_form_news .s_info{font: bold 1.5em/1.5em "Manrope", sans-serif;text-align: justify;}
.system_forms.s_form_news .s_detail{font: 1.5em/1.5em "Manrope", sans-serif;text-align: justify;}
/*.system_forms.s_form_news .s_detail img{width: 100% !important; height: auto !important}*/
.system_forms.s_form_news .s_detail table {margin: 0 auto !important;}
.s_text_content table{border: none;width: 100% !important}
.s_text_content table tr td{padding: 10px;vertical-align: text-bottom;}
.s_text_content table tr td:first-child{width: 150px !important;text-align: center;}
.s_text_content table tr td img{width: 120px !important; height: auto !important}
.text img{width: 80% !important; height: auto !important}
.text .imghov{border-radius:250px; overflow: hidden; height: 230px; width: 230px;margin: 0 auto;}
.text .imghov img{width: 230px !important}
.text table tr{border-bottom: 1px dotted #000;}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li{display:inline}
.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#777}.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}
.system-style.bottom_nav li{border-right:0 }
.social-button {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    margin-right: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    opacity: .99;
    border-radius: 0;
}
   
.social-footer { padding-top: 35px;text-align: center;}
.social-button.youtube i {color: #000;}
.social-button:hover i {color: red;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.social-button i {
    font-size: 23px;
    vertical-align: middle;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);
    transition: all 0.35s cubic-bezier(0.31, -0.105, 0.43, 1.59);color: #000;background: transparent
}
.fab {font-family: "Font Awesome 5 Brands";}
.fab, .far {font-weight: 400;}
.fa, .fab, .fad, .fal, .far, .fas {-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}
.fa-facebook-f:before { content: "\f39e";}
.social-button.facebook:before { background-color: #3B5998;}
.social-button.twitter:before{background-color:#000}
.social-button.twitter i{color:#000}
.social-button.google:before{background-color:#000}
.social-button.google i{color:#000}
.social-button.youtube:before{background-color:#000}
 
.social-button:hover:before{top:-10%;left:-10%}
 
.social-button:focus{opacity:.85}
#vnt-menu-fixed .fa{color: #fff}
#vnt-menu-fixed ul li .title{display: none}
#vnt-menu-fixed{
    position: fixed;
    bottom: 20%;
    right: 0px;
    z-index: 99999;
}
#vnt-menu-fixed .contfii {
    display: block;
    transform: rotate(-90deg);
    margin-right: -160px;
    position: relative;
    left: -82px;
    top: -90px;
}
#vnt-menu-fixed .contfii a{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0a7dc4;
    border-radius: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    font-weight: bold;
    position: relative;
    z-index: 2;
    padding: 10px 20px;
}
#vnt-menu-fixed .contfii a:hover{
    background-color: #106f51;
}
#vnt-menu-fixed>ul>li{
    position: relative;
    margin-bottom: 5px;
}
#vnt-menu-fixed>ul>li:last-child{
    border-bottom: none;
}
#vnt-menu-fixed>ul>li>span{
    position: absolute;
    top: 0;
    white-space: nowrap;
    color:#ffffff;
    font-size: 14px;
    line-height: 22px;
    right:50%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: #ef5d22;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    width: 0;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    opacity: 0;
    visibility: hidden;
}
#vnt-menu-fixed>ul>li>span>span{
    color:#fff;
}
#vnt-menu-fixed>ul>li:hover>span{
    width:auto;
    overflow: visible;
    opacity: 1;
    padding: 2px 30px 2px 15px;
    visibility: initial;
}

#vnt-menu-fixed>ul>li:hover>span:before{
    display: block;
}
#vnt-menu-fixed>ul>li>a{
    width: 45px;
    height: 45px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ef5d22;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    position: relative;
    z-index: 2;
}
#vnt-menu-fixed>ul>li.go_top>a{
    background-color: #106f51;
}
#vnt-menu-fixed>ul>li>a>img{
    max-height: 30px;
    max-width: 30px;
    /* filter: invert(1); */
}
#vnt-menu-fixed>ul>li>a span{
    font-size: 25px;
    line-height: 38px;
    color: #ffffff;
    padding-top: 3px;
}
#vnt-menu-fixed a{
    color: #fff;
}
 
/*===============*/
#vnt-menu-fixed ul li.cart>a{
    flex-direction: column;
    position: relative;
    padding-right: 5px;
    color: #fff;
}
#vnt-menu-fixed ul li.cart>a .sl{
    position: absolute;
    top: 10px;
    right: 6px;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 11px;
    text-align: center;
}
#vnt-menu-fixed>ul>li.cart>a>img{
    max-height: 20px;
    max-width: 20px;
}

.vnt-bg-over.active{
    opacity: 0.5;
    z-index: 5;
    pointer-events: auto;
}
/*===============*/