.c_in{width: 1400px}
@media screen and (max-width: 1200px){
.c_in{width: 1200px}
}
@media screen and (max-width: 1000px){
.c_in{width: 1000px}
}
li{list-style: none;}
body{font-family: 'Questrial', sans-serif}
.header{ height: 214px;}
.col-md-7{padding-right: 0; padding-left: 0;}
h1, .h1 {font-size: 15px;font-weight: bold;}
.menu_top{    position: absolute;    top: 0;    right: 30px;}
.menu_top li a,.menu_top li a span,.menu_top li a h2,.menu_top li a h3,.menu_top li a h4,.menu_top li a h5,.menu_top li a h6{    color:#7c7c7c;    font:1.0em/28px 'Questrial', sans-serif ;}
.menu_top li::before{ content: '';    width: 3px;    height: 3px;    border-radius: 3px;    background-color: #065f9d;    display: inline-block;    vertical-align: middle;    margin: auto 3px auto 13px;}
.logo{  width: 15%;float: left;}
.logo img{height: 65px}
.login{position: absolute;    top: 38px; right: 15px;    width: 50%;}
.bright{float: left;width: 10%;margin: 4px 0; }
.login .loginSubmit{    color: #065f9d;    font:1.2em/36px 'Questrial', sans-serif;    text-transform: uppercase;    float: right;    margin-right: 2px;}
.login .finput{    float: left;    width: 173px;}
.login .finput input{    border-radius: 0;    height: 23px;    margin-bottom: 3px;    font-size: 1.05em;}
.top-sys-banner{background: #eceded; height: 45px}
.swiper{height: 75svh !important}
#crumbs {    background: url("../images/icon_home.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);    font-size: 13px;    font-weight: normal;    padding: 1%;text-align: center;}
#crumbs a {    margin: 0 1%; text-transform: uppercase;padding: 5px;}
#crumbs a:hover {background: #2f7f82;   color: #fff}
#crumbs span {    margin-left: 5px;}
.wrapper h1 {
    text-align: center;
    margin: 50px 0;
    font-size: 50px;
    font-weight: bold;
}
.slideall img{height: 100%; width: 100%; object-fit:cover}
 
.search{float: left;}
.search input[name=q]{float: left; height: 50px; width:404px; padding-left:5px;}
.search input[type=submit]{float: right;width: 120px; height: 50px;background:#da251d;border :none;color: #fff;font-size: 15px;text-transform: uppercase;}
.supporttop{ background: url('../images/sp.png') no-repeat left; padding: 8px 89px}
.supporttop p{font-size: 17px; font-weight:bold; color: #da251d}
.menu_main{ float: right;}
.menu-ssy{margin: 10px auto;height: 65px;}
.menu_main ul li .text-level-1{display: none}
.main_menu a{    font: bold 1.5em 'Questrial', sans-serif;    color: #27975f;    border:none;    padding: 0.83em 1em}
.main_menu h2{    font: 1.2em 'Questrial', sans-serif;}
.main_menu h3{    font: 1.2em 'Questrial', sans-serif;}
.main_menu li{    background: transparent;}
.main_menu li:hover, .main_menu li.sfHover{    background: #03331b;}
.main_menu li li{    background: #065f9d;min-width: 195px;}
.main_menu li li a{border-top: 1px solid #dedede;}
.header-line{    background: #dbdbdb;    height: 30px; width: 999px;    position: absolute;    top: 183px;    border-top:1px solid #dedede;}
.cDate{    color:#525252;    font: 1.1em/30px 'Questrial', sans-serif ;    margin-left: 10px;}
.share_fb{    float: right;    margin-top: 7px;}
.lg-col{    padding: 0 0 0 15px;}
.img img{	width: 200px;border-radius: 10px;transition:filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.img img:hover{transform: scale(1.1);}
.overflowimg{width: 200px !important; height: 125px; overflow: hidden;border-radius:10px }
.system-style.style-news-1 .first-item img {border-radius: 10px;transition:filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.system-style.style-news-1 .first-item img:hover{transform: scale(1.1)}
.topflower{width: 350px !important; height:235px; overflow: hidden;border-radius:10px}
.sm-col{float: right;padding: 0 15px 0 10px;}
.main{margin-top: 10px;}
/*Case 1*/
.index-box ul li .img-over{height: 80px; overflow: hidden;width: 160px; float: left;margin-right: 10px;border: 2px solid #fff; box-shadow: 0 0 4px #999999;}
.index-box ul li .img-over img{height: 100%; width: 100%; object-fit:cover}
.index-box ul li{ border-bottom: 1px dotted #c5c5c5;padding: 20px 0; width: calc(50% - 10px); cursor: pointer;}
.index-box ul li:hover{background: #ebebeb;}
.index-box ul li .sys-name a{font:bold 1.5em/1.5em 'Questrial', sans-serif; text-align: justify;}
.index-box ul{display: flex;flex-flow: wrap;justify-content: space-between;width: 70%; float: left;}
.box-index-title > a.viewMore{    position: absolute;    right: 10px; bottom: 5px;    color:#9ccdf6; font-size: 14px; white-space: nowrap;color: #000}
.imgAdv{width: 30%; float: right;}
.imgAdv img{width: 390px !important;border-radius: 10px;height: auto !important;margin-bottom: 10px}
.hoavan{background: url('https://6.img.izshop.vn/gt23/images/hoavan.png') center no-repeat;background-size: 80px;  padding: 26px;}
/*End Case 1*/
/*Case 2*/
.sys-c2 .title-name{font:bold 2.8em/50px 'Questrial', sans-serif; text-align: justify;text-transform: uppercase;text-align: center;border-bottom: 1px solid #2d4f834f;}
.sys-c2 ul li .img-hover{width: 100%;    height: 300px;    overflow: hidden;    margin-bottom: 15px;border-radius: 15px;}
.sys-c2 ul li .img-hover img{height: 100%; width: 100%; object-fit:cover}
.more-sys{text-align: center;margin-top: 30px}
.more-sys a{background: #486ba1; padding: 10px 15px; color: #fff; font-size: 20px; border-radius:15px }
.more-sys a:hover{background: red}
/*End Case 2*/
/*Case 3*/

.sys-c3 .box-index-title{font:bold 2.8em/50px 'Questrial', sans-serif; text-align: justify;text-transform: uppercase;text-align: center;border-bottom: 1px solid #2d4f834f;}
.sys-c3 ul{display: flex;justify-content: space-between;flex-flow: wrap;}
.sys-c3 ul li{width: calc(33.3% - 10px);text-align: center;padding: 0 50px}
.sys-c3 .title-sys{font-size: 32px; line-height: 65px}
.sys-c3 .sys-text{font-size: 14px}
.sys-more{margin-top: 50px}
.sys-more a{border: 1px solid #000;padding: 10px 25px; border-radius: 35px; font-size: 16px}
.sys-more a:hover{background: #d4564f; border: none;color: #fff}
 
/*End Case3*/
/*Case 5*/
.sys-c5{margin: 20px 0}
.sys-c5 .title-name{font:bold 2.8em/50px 'Questrial', sans-serif; text-align: justify;text-transform: uppercase;text-align: center;border-bottom: 1px solid #2d4f834f;}
.sys-c5 ul li{height: 400px}
.sys-c5 ul li .img-hover{border-radius:15px; overflow: hidden; height: 400px}
.sys-c5 ul li .img-hover img{height: 100%; width: 100%; object-fit:cover}
.sys-c5 .info-sys {position: absolute;    bottom: 12px;padding: 10px; color: #fff}
.sys-c5 .info-sys a,.sys-c5 .fNewsInfo{ color: #fff}
.image-overlay-color {
    background: linear-gradient(180deg, rgba(171, 137, 101, 0) 0%, rgb(0 0 0 / 61%) 100%);
    position: absolute;
    height: 60%;
    bottom: 0 !important;
    width: 100% !important;
}
.sys-c5 ul li:hover .hover-info{position: absolute;   background:linear-gradient(180deg, rgb(255 142 23 / 68%) 0%, rgb(219 94 2 / 70%) 70%);    z-index: 1;    height: 400px;    top: 0;  border-radius: 14px;  width: 100%;cursor: pointer;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s); cursor: pointer;}
.sys-c5 ul li:hover .info-sys{display: none}
.sys-c5 ul li:hover .image-overlay-color{background:rgba(29, 106, 154, 0.92);height: 100%;border-radius: 20px;    overflow: hidden;}
.info-sysa{padding: 25px}
.info-sysa .sys-name-in{margin-bottom: 30px}
.info-sysa a{font-size: 15px; font-weight: bold; color: #fff;line-height: 25px}
.info-sysa a:hover{color: #3ec9ff}
.info-sysa .fNewsInfo {font-size: 14px; line-height: 20px}
.logo-onnews img{height: auto; width: 100px !important;margin-bottom: 15px;}
.info-sysa .readmore-sys{margin-top: 20px}
.info-sysa .readmore-sys a{border: 1px solid #fff; border-radius:50px; padding: 15px 35px }
.info-sysa .readmore-sys a:hover{background: #fff; border: 1px solid #fff;  }
/*End Case5*/
/*Hover*/
.flex-box-container {
  display: flex;
  flex-wrap: wrap;
  }

.wrap-decription {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(29, 106, 154, 0.92);
  border-radius: 20px;
  color: #fff;
  height: 16rem;
  visibility: visible;
  opacity: 1;
  animation-name: fadeFromtop;
  -webkit-animation-name: fadeFromtop;
  animation-duration: 800ms;
  -webkit-animation-duration: 800ms;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

.wrap-decription {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}
/* ======================
***** HOVER EFFECT ******
=======================*/

.card:hover .wrap-decription {
  visibility: visible;
  opacity: 1;
  /*   animation: o-upfade-top 0.7s cubic-bezier(0.4, 0, 0.2, 1) 0.2s forwards;  */
  animation-name: fadeFromBottom;
  -webkit-animation-name: fadeFromBottom;
  animation-duration: 800ms;
  -webkit-animation-duration: 800ms;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}

@keyframes fadeFromBottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    display: block;
  }
}

@keyframes fadeFromtop {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(400%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
  }
}

/*Hover*/
/*C6*/
.sys-c6{margin: 30px auto}
.info-c6{float: right;width: 48%}
.sys-c6 .img-sys{float: left;width: 48%; margin-right: 20px;height: 500px;    overflow: hidden;}
.sys-c6 .img-sys img{width: 100%; height: 100%; object-fit:cover}
.sys-c6 .title-sys{font:1.8em/2.0em 'Questrial', sans-serif ; text-transform: uppercase;}
.sys-c6 .sys-text{font-size: 16px}

/*End C6*/

.fNewsName{color: #000; margin:10px 3px;}
.fNewsInfo{color:#515151;font:1.4em/1.5em 'Questrial', sans-serif;margin: 0 3px;}
.fNews .fNewsName a {font:bold 1.3em/1.1em 'Questrial', sans-serif;color: #000;}
.fNewsImage{height: 410px;}
.sNewsName{color: #333333;font:bold 1.5em/1.3em 'Questrial', sans-serif; }
.sNewsName:hover,.fNews.style3 .fNewsName:hover{color: red}
.sNewsImage{float: left;width: 122px;height: 73px;margin: 5px 5px 0 0;border-radius: 10px; }
ul.list-index.style1 li{    padding-bottom: 5px;border-bottom: 1px solid #cccccc;float: left;width: 100%;}
ul.list-index.style1 li:last-child{    border-bottom: none;}
.ovbox-bottom{    height: 35px; width: 100%; display: block;    background: url('../images/bg-box-index.png') no-repeat bottom center;}
.index-box.style2,.index-box.style3{    border: none;}
.box-index-title{ margin: 10px 15px;position: relative;}
.box-index-title>.title-name>span{
    padding:0 15px; 
    border-right: none;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(transparent));
background-image: -webkit-linear-gradient(transparent,#fff, transparent);
background-image: -moz-linear-gradient(transparent,#fff, transparent);
background-image: -o-linear-gradient(transparent,#fff, transparent);
background-image: linear-gradient(transparent,#fff, transparent);
-moz-background-size: 1px 100%;
background-size: 1px 100%;
background-position: 100% 0, 0 0;
background-repeat: no-repeat;display: inline-block;min-width: 18em;}
.box-index-title>.title-name{ color: #000; font:bold 2.8em/50px 'Questrial', sans-serif;  text-transform: uppercase; display: inline-block;}
.item {  align-items: center;  color: white;  display: flex;  height: 300px;  justify-content: center;}
ul.list-index.style2{    border-left: 1px dashed #b2d7f1; padding-left: 10px;}
.fNews.style2{    margin-top: 0;}
.fNews.style2 .fNewsName{color:#444444; margin-bottom: 10px;-webkit-line-clamp: 2;}
.fNews.style2 .fNewsInfo{color:#444444;margin:10px 0 10px;font-size:13px}
ul.list-index.style2{    float: left;}
ul.list-index.style2 > li{    float: left;    width: 100%;    padding-bottom: 5px;    position: relative;   margin-bottom: 10px;}
ul.list-index.style2 > li span{
  right: 0px; position: absolute; bottom: 0;
  height: 1px;width: 100%;
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#d5e4ef), to(transparent));
  background-image: -webkit-linear-gradient(left, #d5e4ef, transparent);
  background-image: -moz-linear-gradient(left, #d5e4ef, transparent);
  background-image: -o-linear-gradient(left, #d5e4ef, transparent);
}
ul.list-index.style2 > li:last-child span{display: none;}
ul.list-index.style2 > li img{    width: 82px; height: 50px; margin-right: 8px;    border:2px solid #444; padding: 1px;}
ul.list-index.style2 .sNewsName {    color:#3e3e3e;}
ul.list-index.style2 .sNewsName:after{    content: '››';    color:#ff0000; margin-left: 5px;}
.fNewsTime{    color:#989898;    font: italic 1.1em/22px 'Questrial', sans-serif;}
img.imgAdv, div.imgAdv img{    max-width: 100%;}

/*boxs3 */
.boxs3 {width: 20%;height:325px;float: left;}
.boxs3 img.imgAdv, div.imgAdv img{float: right;border-radius: 10px;}
.line-clamp.l6{-webkit-line-clamp: 2;}
.fNews.style3 .fNewsName{font:bold 1.6em/20px 'Questrial', sans-serif ;}
.fNews.style3 .fNewsImage{width: 100%;border-radius: 10px;margin: 10px 0;}
.fNews.style3 .fNewsInfo{text-align: justify;}
.fNews img{transition:filter .6s, opacity .6s, transform .6s, box-shadow .3s;}
.fNews img:hover{transform: scale(1.1)}
.indexflow{width: 192px !important; height:125px; overflow: hidden;border-radius:10px}
.aright { margin-right: 35px;font-size: 12px;font-family: 'Questrial', sans-serif}
.indexflow-b{width: 585px; height: 392px; overflow: hidden;border-radius:10px }
/*case1*/

 
.title-name span{font: 1.8em/30px 'Questrial', sans-serif; text-transform: uppercase; }
.box-index-title{border-bottom: 1px dotted #bdbdbd}
.boxleftm{width: 61.333333%}
.system-style.addContact{font: 1.8em/1.8em 'Questrial', sans-serif;text-align: center;border-top:none;color: #000;}
#slider1_container_doitac{    margin: 15px 0;    border: 1px solid #b5b5b5;    padding: 5px 0;}
.slide-doitac img{height: 80px !important; width: auto !important;padding: 10px;}
.imghoverpar{height: 80px !important; width: 140px !important; overflow: hidden; }
.system-style.bottom_nav li{border-right:none;min-width: 22%;}
.system-style.bottom_nav li a{font: bold 2.5em / 2.2em 'Questrial', sans-serif;color: #484848}
.system-style.bottom_nav li li a, .system-style.bottom_nav li .mn-intext{font: 1.5em / 2.2em 'Questrial', sans-serif;color: #484848}
.system-style.footer{  background:url('https://6.img.izshop.vn/gt23/images/61-background-light.png') no-repeat;min-height: 350px;background-size: 100%  }
.system-style.menu_ext1{    text-align: center;}
.system-style.menu_ext1 li a{    font: 1.3em/45px 'Questrial', 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; color: red}
.index-box a:hover img{opacity: 0.8;}
.sb-box.style1{    margin-bottom: 10px;}
.sb-box.style2{    background-color: #19a2de;    padding-bottom: 10px;}
.sb-box.style2 > .title{
    background-color: #1576a0;
    border-bottom:1px solid #e1e1e1;
    text-transform: uppercase;
    color:#fff;
    font:1.3em/35px 'Questrial', sans-serif;
    text-align: center;
}
.sb-box.style2 > .intro{    color:#fff;    font:1.2em/22px 'Questrial', sans-serif;    margin: 10px 8px;}
.formDangky{    margin: 5px 8px; }
.formDangky .tinput{    width: 100%; padding-left: 5px;    border:none;    height:28px;    margin-bottom: 10px;    font-size: 1.2em;}
.formDangky textarea.tinput{    height: 100px;}
.formDangky .submitFormDK{    font: bold 1.3em 'Questrial', sans-serif ;    border: none;    background-color: white;    padding: 5px 10px;}
.sb-box.style3{    border: 1px solid #e1e1e1;    margin-top: 10px;}
.sb-box.style3 .stitle{
    border-bottom: 1px solid #e1e1e1;
    color:#ff0101;
    font:1.3em/30px 'Questrial', sans-serif;
    text-align: center;
    text-transform: uppercase;
}
.sb-box.style3 .list-item{    margin: 8px;}
.sb-box.style3 .list-item li{
    border-bottom:1px solid #e5e5e5;
    background: url('../images/arrow1.png') no-repeat 0 5px;
    padding-left: 15px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.sb-box.style3 .list-item li:last-child{    border-bottom: none;}
.sb-box.style3 .list-item li a{    color:#3e3e3e;    font:1.3em/18px 'Questrial', sans-serif;}
.sb-box.style3 .list-item li a.new::after{
    content:'Mới';
    width: 32px; height: 16px;
    background: url('../images/new.png') no-repeat;
    position: absolute;
    text-align: center;
    color:#fff;
    font-size: 10px;
    
}
.sb-box.style4{    margin-top: 10px;}
.sb-box.style4 .stitle{
    font:bold 1.3em/30px 'Questrial', sans-serif ;
    text-transform: uppercase;
    background: url('../images/sb-box4.png') no-repeat;
    background-size: cover;
    color:#fff;
    text-indent: 10px;
}
.sb-box.style4 .intro{    color: #6f6f6f;    font:1.2em/18px 'Questrial', sans-serif;    margin: 15px 0;}
.sb-box.style4 .formTracuu{    margin-top: 10px;}
.sb-box.style4 .formTracuu label{    margin-bottom: 5px; white-space: nowrap;}
.sb-box.style4 .formTracuu .submitFormTracuu{    background-color: #e74c3c;    border:none;    color:#fff;    font:bold 1.3em 'Questrial', sans-serif ;}
.rAdvImg img{width: 100%; margin-bottom:10px;}
.breadcrumbs{    border-bottom:1px solid #eee;}
.breadcrumbs > ul{    margin-left: 20px;}
.breadcrumbs li a{    font: 1.2em/30px 'Questrial', sans-serif ;    color: #4c4c4c;    white-space: nowrap;}
.breadcrumbs li a::after{    content: '›';    font: 1.2em/30px 'Questrial', sans-serif ;   padding: 0 10px;    white-space: nowrap;}
.breadcrumbs li:last-child a::after{display: none;}
.system_forms .s_Date .cDate{ white-space: nowrap;}
    .breadcrumbs li a:hover{    text-decoration: none;    color: #000;}
.sf-arrows .sf-with-ul{    padding-right: 1.5em;}
.sf-arrows .sf-with-ul:after{    right:0.5em;}
.slidemod, .slides,.slides .imagesslide ,.slidemod, .slides,.slides .imagesslide img{width: 100% !important;}
.line-clamp.l4 { -webkit-line-clamp: 2;}
/*Middle Slide*/
.price{color: red}
.nprice,.dprice{font-size: 14px; font-weight: normal;}
.boxprice{margin: 15px 0}

.imgqc{margin: 10px 0;}
/*Trang list*/
.list-items {    width: 100%;}
.list-items .sys-info{font-size: 14px}
.list-items ul li{width:25%  !important; float: left;height: 435px;padding: 20px;border: 1px solid #f5f5f5;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;background: #fff}
.list-items ul li:hover{border: 1px solid #817c7c;/*transform: scale(1.1);*/}
.list-items ul li .sys-imgs {    height: 235px;    overflow: hidden;    text-align: center;    background: #fff;    border: 1px dotted #01740040;}
.list-items ul li .sys-imgs img{object-fit: cover;    width: 100%;    height: 100%;transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;} 
.list-items ul li .sys-imgs img:hover{transform: scale(1.1);}
.list-items ul li .sys-nname{font-size: 15px; font-weight: bold; margin: 10px 0}
.list-items ul li .sys-nname a{color: #2f7f82}
.list-items ul li .details a{border: 1px solid #000;    padding: 10px 25px;    border-radius: 35px;    font-size: 16px;}
.list-items ul li .details a:hover{background: #d4564f; border: none;color: #fff}
.list-items ul li .details{margin-top: 10px}
.system-style.style-news-1 .fInfo .fName,.system-style.style-news-1 .s_list_news li .nname{font: bold 1.6em/1.5em 'Questrial', sans-serif;color: #000}
.system-style.style-news-1 .fInfo .info,.system-style.style-news-1 .s_list_news li .info{font: 1.4em/1.8em 'Questrial', sans-serif;}
.system-style.style-news-1 .s_list_news li .time{font: italic 1.1em/1.8em 'Questrial', sans-serif;}
.time{font: italic 1.1em/1.8em 'Questrial', sans-serif;}
.timea{font-size: 12px;font-style: italic;line-height: 22px;}
.system-style.style-news-1 .fInfo .fName:hover, .system-style.style-news-1 .s_list_news li .nname:hover{color: red}
.system-style.style-news-1 .sidebar2 .list-news-hot li img{width: 158px;}
.system-style.style-news-1 .sidebar2 .name{font: bold 1.6em/1.5em 'Questrial', sans-serif}
.system_forms.s_form_news .s_pname { font: bold 2.5em/1.5em 'Questrial', sans-seri;}
.system_forms.s_form_news .s_info {font: bold 1.4em/1.6em 'Questrial', sans-serif;}
.system_forms.s_form_news .s_detail {font: 1.4em/1.6em 'Questrial', sans-serif;}
.system_forms.s_form_news .s_tinlienquan .s_other_title { font: bold 1.5em/2em 'Questrial', sans-serif;}
.system_forms.s_form_news .s_tinlienquan .s-ul-tinlq li a {font: 1.4em/2em 'Questrial', sans-serif;}
.system_forms.s_form_news .s_tinlienquan .s-ul-tinlq li a:hover,.system-style.style-news-1 .sidebar2 .name:hover{color: red; font-weight: bold}
/*Du an*/
.list-box{margin: 20px 0}
.list-box ul li:nth-child(odd) .img-hover{ float:right;width: 50%;margin-left: 30px;height: 397px;}
.list-box ul li:nth-child(even) .img-hover{ float:left;width: 50%;margin-right: 30px;height: 397px;}
.info-syss {    left: auto;    right: 0; padding:6% 0 0 0;    height: 397px;}
.list-box .img-hover img{height: 100%;    width: 100%;    object-fit: contain;}
.info-sys .item-info{font-size: 14px}


/*Mạng xĂ£ há»™i*/
.social-button {
    display: inline-block;
    width: 40px;
    height: 20px;
    line-height: 36px;
    margin-right: 5px;
    text-align: center;
    position: relative;
    overflow: hidden;
    opacity: .99;
    border-radius: 0;
}
   
.social-footer { padding-top: 5px;text-align: right;}
.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}
/*End Mạng xĂ£ há»™i*/