/*-----------css reset---------------------*/
*{ margin:0; padding:0;}
html,body,div,span{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* Font face*/
@font-face {
    font-family: RCB;
    src: url('fonts/RobotoCondensedBold.eot');
    src: url('fonts/RobotoCondensedBold.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedBold.woff2') format('woff2'),
         url('fonts/RobotoCondensedBold.woff') format('woff'),
         url('fonts/RobotoCondensedBold.ttf') format('truetype'),
         url('fonts/RobotoCondensedBold.svg#RobotoCondensedBold') format('svg');
}

@font-face {
    font-family: RCR;
    src: url('fonts/RobotoCondensedRegular.eot');
    src: url('fonts/RobotoCondensedRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoCondensedRegular.woff2') format('woff2'),
         url('fonts/RobotoCondensedRegular.woff') format('woff'),
         url('fonts/RobotoCondensedRegular.ttf') format('truetype'),
         url('fonts/RobotoCondensedRegular.svg#RobotoCondensedRegular') format('svg');
}

@font-face {
    font-family: RM;
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.woff2') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.ttf') format('truetype'),
         url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}

@font-face {
    font-family: RR;
    src: url('fonts/RobotoRegular.eot');
    src: url('fonts/RobotoRegular.eot') format('embedded-opentype'),
         url('fonts/RobotoRegular.woff2') format('woff2'),
         url('fonts/RobotoRegular.woff') format('woff'),
         url('fonts/RobotoRegular.ttf') format('truetype'),
         url('fonts/RobotoRegular.svg#RobotoRegular') format('svg');
}

@font-face {
    font-family: RB;
    src: url('fonts/RobotoBold.eot');
    src: url('fonts/RobotoBold.eot') format('embedded-opentype'),
         url('fonts/RobotoBold.woff2') format('woff2'),
         url('fonts/RobotoBold.woff') format('woff'),
         url('fonts/RobotoBold.ttf') format('truetype'),
         url('fonts/RobotoBold.svg#RobotoBold') format('svg');
}

@font-face {
    font-family: RL;
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.ttf') format('truetype'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}

@font-face {
    font-family: SFBC;
    src: url('fonts/SFUEurostileBoldCondensed.eot');
    src: url('fonts/SFUEurostileBoldCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileBoldCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileBoldCondensed.woff') format('woff'),
         url('fonts/SFUEurostileBoldCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileBoldCondensed.svg#SFUEurostileBoldCondensed') format('svg');
}

@font-face {
    font-family: SFEC;
    src: url('fonts/SFUEurostileCondensed.eot');
    src: url('fonts/SFUEurostileCondensed.eot') format('embedded-opentype'),
         url('fonts/SFUEurostileCondensed.woff2') format('woff2'),
         url('fonts/SFUEurostileCondensed.woff') format('woff'),
         url('fonts/SFUEurostileCondensed.ttf') format('truetype'),
         url('fonts/SFUEurostileCondensed.svg#SFUEurostileCondensed') format('svg');
}

@font-face {
    font-family: UAS;
    src: url('fonts/UTMAmericanSans.eot');
    src: url('fonts/UTMAmericanSans.eot') format('embedded-opentype'),
         url('fonts/UTMAmericanSans.woff2') format('woff2'),
         url('fonts/UTMAmericanSans.woff') format('woff'),
         url('fonts/UTMAmericanSans.ttf') format('truetype'),
         url('fonts/UTMAmericanSans.svg#UTMAmericanSans') format('svg');
}

@font-face {
    font-family: UVTHB;
    src: url('fonts/UVNHepBold.eot');
    src: url('fonts/UVNHepBold.eot') format('embedded-opentype'),
         url('fonts/UVNHepBold.woff2') format('woff2'),
         url('fonts/UVNHepBold.woff') format('woff'),
         url('fonts/UVNHepBold.ttf') format('truetype'),
         url('fotns/UVNHepBold.svg#UVNHepBold') format('svg');
}

@font-face {
    font-family: UVBS;
    src: url('fonts/UVNBaiSau_R.eot');
    src: url('fonts/UVNBaiSau_R.eot') format('embedded-opentype'),
         url('fonts/UVNBaiSau_R.woff2') format('woff2'),
         url('fonts/UVNBaiSau_R.woff') format('woff'),
         url('fonts/UVNBaiSau_R.ttf') format('truetype'),
         url('fonts/UVNBaiSau_R.svg#UVNBaiSau_R') format('svg');
}

@font-face {
    font-family: UTAv;
    src: url('fonts/UTMAvo.eot');
    src: url('fonts/UTMAvo.eot') format('embedded-opentype'),
         url('fonts/UTMAvo.woff2') format('woff2'),
         url('fonts/UTMAvo.woff') format('woff'),
         url('fonts/UTMAvo.ttf') format('truetype'),
         url('fonts/UTMAvo.svg#UTMAvo') format('svg');
}

@font-face {
    font-family: UTAB;
    src: url('fonts/UTMAvoBold.eot');
    src: url('fonts/UTMAvoBold.eot') format('embedded-opentype'),
         url('fonts/UTMAvoBold.woff2') format('woff2'),
         url('fonts/UTMAvoBold.woff') format('woff'),
         url('fonts/UTMAvoBold.ttf') format('truetype'),
         url('fonts/UTMAvoBold.svg#UTMAvoBold') format('svg');
}

@font-face {
    font-family: SFDEA;
    src: url('fonts/SFUDinEngAlt.eot');
    src: url('fonts/SFUDinEngAlt.eot') format('embedded-opentype'),
         url('fonts/SFUDinEngAlt.woff2') format('woff2'),
         url('fonts/SFUDinEngAlt.woff') format('woff'),
         url('fonts/SFUDinEngAlt.ttf') format('truetype'),
         url('fonts/SFUDinEngAlt.svg#SFUDinEngAlt') format('svg');
}

@font-face {
    font-family: UTHI;
    src: url('fonts/UTMHelvetIns.eot');
    src: url('fonts/UTMHelvetIns.eot') format('embedded-opentype'),
         url('fonts/UTMHelvetIns.woff2') format('woff2'),
         url('fonts/UTMHelvetIns.woff') format('woff'),
         url('fonts/UTMHelvetIns.ttf') format('truetype'),
         url('fonts/UTMHelvetIns.svg#UTMHelvetIns') format('svg');
}

@font-face {
    font-family: UFMk;
    src: url('fonts/UVFMishka.eot');
    src: url('fonts/UVFMishka.eot') format('embedded-opentype'),
         url('fonts/UVFMishka.woff2') format('woff2'),
         url('fonts/UVFMishka.woff') format('woff'),
         url('fonts/UVFMishka.ttf') format('truetype'),
         url('fonts/UVFMishka.svg#UVFMishka') format('svg');
}



/*----------basic----------------*/
html,body {font-family:Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; text-rendering: optimizeLegibility;position: relative;}
a { text-decoration:none; color:#228154; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:hover { text-decoration:none !important; color:#F00; }
html {}/*Prevent Firefox Scrollbar Jump*/
img{border:none; max-width:100%; height:auto; vertical-align:middle;}
input , textarea { padding: 0; margin: 0; resize:none; outline:none}
select, .cp  { cursor:pointer; }
.clear { clear: both; }
:focus{outline:0;}
input:focus{ outline:1px solid #f97d17;}
textarea:focus{ outline:1px solid #f97d17;}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
button{border:0;cursor:pointer;font-weight:bolb; outline:none}
ul,ol{ margin-left:15px; text-decoration: none !important;}

/*Phan trang*/
.phantrang{text-align:center;background:rgba(0,0,0,0);right:0px;top:-40px;padding:5px 0px;}
.phantrang div {display: inline-block;}
.phantrang a {background:#228154;color: #FFF;cursor: pointer;font-size: 11px;margin: 10px 0 10px 4px;padding: 6px 10px;font-weight:bold;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
.phantrang div.active {background: #f97d17; color: #FFF; cursor: pointer; font-size: 11px; margin: 10px 0 10px 4px; padding: 0px 10px; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.phantrang span{padding:3px 10px 5px;background:#f97d17;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#FFF;}
.phantrang a:hover {background: none repeat scroll 0 0 #f97d17; box-shadow: none;color: #FFFFFF;text-decoration: none;}
.phantrang .paginate_button_disabled, .phantrang .paginate_button_disabled:hover {background: linear-gradient(to bottom, #F8F8F8 0%, #EAEAEA 100%) repeat scroll 0 0 transparent;border: 1px solid #D2D2D2 !important;color: #ADADAD !important;cursor: default;opacity: 0.7;}
.phantrang .paginate_active, .phantrang .paginate_active:hover {background: none repeat scroll 0 0 #05bfdc;box-shadow: none;color: #FFF;font-weight:bold;}

/* My */
.vshd{ visibility:hidden; height:0px; width:0px; position:fixed; top:-10px;}
#back-top { position: fixed; bottom: 65px; right:5px; text-align:center; display:none;}
.button{ padding: 4px 15px; background:#ec2e33; color:#FFF; border:none; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
.input{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border: 1px solid #e1e1e1; border-radius: 3px;padding: 5px;}
.center{ max-width:1200px; margin:0 auto; position:relative;}
.center1{ max-width:1300px; margin:0 auto; position:relative;}
.w-clear:after{ display:block; content:""; clear:both;}
.red{ color:#F00;}
.rb{ color:#F00; font-weight: bold; font-size: 18px;}
.addthis_native_toolbox{ margin-top:10px;}
.open-sans{ font-family: 'Open Sans', sans-serif;}
.mrb15{ margin-bottom:15px;}
.mrt15{ margin-top:15px;}
#load{ width:100%; height:100%; position:fixed; z-index:9999; background:url(../img/loading.gif) no-repeat center,#FFF; display:none; opacity:0.9; top: 0px; left: 0px;}
.ct-l.load{ background:url(../img/load.gif) no-repeat center; min-height: 200px;}
.del{text-decoration: line-through;}
.main-tit{margin-bottom: 15px;color: #228154;font-family: RM; font-size: 20px;position: relative;padding-bottom: 3px;line-height: 25px;border-bottom: 3px solid #e2e2e2;}
.main-tit:before{width: 120px;content: "";position: absolute;bottom: -3px;left: 0;border-bottom: 3px solid #228154;}
.main-tit h2{margin: 0;font-weight: normal;font-size: 20px; line-height: 25px;}
.box-tab-tit{font-family: RR;color: #353535; margin-top: 15px; border-bottom: 1px solid #a3a3a3;text-align: center;}
.box-tab-tit:after{display: block;content: "";clear: both;}
.box-tab-tit div{ padding: 5px 15px; cursor: pointer; border: 1px solid #a3a3a3;float: left; margin-right: -1px;border-bottom: none;}
.box-tab-tit div.active{ color: #FFF; background: #a3a3a3;}
.w-tab-con{ border: 1px solid #a3a3a3; margin-bottom: 20px;}
.box-tab-con{display: none; padding: 10px;background: #FFF;}
.box-tab-con:first-child{display: block;}
.slick-img-thumb{width: calc(100% + 10px); margin-left: -5px; margin-top: 10px;}
.slick-img-thumb img.thumb{ box-shadow: none !important; border: 1px solid #CCC !important;}
.slick-dots{ margin: 0px !important;}
#smenu{display: none;background: #228154; color: #FFF; padding: 5px 10px;}
.i-menu{width: 30px; margin-right: 10px; cursor: pointer;}
#menus{display: none;}
.tbl{width: 100%;display: table; border-collapse: collapse;}
.tbl .tr{ display: table-row;}
.tbl .th{font-family: RB;}
.tbl .td,.tbl .th{ display: table-cell;}

/* RP Iframe*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

::-webkit-input-placeholder{color: #CCC;}
::-moz-placeholder{color: #CCC;}
:-ms-input-placeholder{color: #CCC;}
:-moz-placeholder{color: #CCC;}

/* Flex layout */
.w-flex{display: flex;flex-direction: row;justify-content: flex-start;flex-wrap: wrap;}

/* Banner */
#banner{}
.logo{max-width: 750px;}
.banner-t{position: absolute;top: 10px;right: 0;font-family: RL;font-size: 16px;text-transform: uppercase;}
.banner-t a{color: #333;}
.banner-t .input{border-radius: 5px 0px 0px 5px;padding: 3px 5px 3px 20px;background: url(../img/i-se.png) no-repeat center left 5px;font-size: 13px; vertical-align: middle;}
.banner-t .button{margin-left: -5px;border-radius: 0px 5px 5px 0px;text-transform: uppercase;margin-right: 20px;vertical-align: middle;}
.banner-b{position: absolute;bottom: 20px;right: 0;}
.banner-b .item{display: inline-block;margin-left: 20px;font-family: RL;font-size: 14px;}
.banner-b .item-l{display: inline-block;vertical-align: middle;margin-right: 5px;}
.banner-b .item-r{display: inline-block;vertical-align: middle;}
.banner-b .item strong{font-weight: normal;font-family: RB;font-size: 16px;}
.banner-b .item:last-child strong{color: #cf2318;}

/* Menu */
/* Chỉnh sửa */
#menu{
    background: #198754;font-family: RB;background-size: auto 100%;text-shadow:1px 1px 5px #555;
}
#menu.fix{}

/* Slide */
#slide{}

/* Footer */
#footer{background: #f5f5f5;font-family: RR;border-top: 1px solid #c7c7c7;}
.ft-t{background: #e9e9e9;}
.ft-t1{width: 25%;float: left;padding: 10px 15px 10px 0px;border-right: 1px solid #FFF;}
.ft-t1{width: 25%;float: left;padding: 10px 15px 10px 0px;border-right: 1px solid #FFF;}
.ft-t2{width: 25%;float: left;padding: 10px 15px;border-right: 1px solid #FFF;border-left: 1px solid #e1e1e1;}
.ft-t3{width: 25%;float: left;padding: 10px 15px;border-right: 1px solid #FFF;border-left: 1px solid #e1e1e1;}
.ft-t4{width: 25%;float: left;padding: 10px 15px;border-left: 1px solid #e1e1e1;}
.ft-1{width: 25%;float: left;padding: 10px 15px 10px 0px;border-right: 1px solid #FFF;}
.ft-2{width: 25%;float: left;padding: 10px 15px;border-right: 1px solid #FFF;border-left: 1px solid #e1e1e1;}
.ft-3{width: 25%;float: left;padding: 10px 15px;border-right: 1px solid #FFF;border-left: 1px solid #e1e1e1;}
.ft-4{width: 25%;float: left;padding: 10px 15px;border-left: 1px solid #e1e1e1;}
.uft{margin: 0;list-style: none;}
.uft li{margin-bottom: 10px;background: url(../img/ft-li.png) no-repeat center left;padding-left: 15px;}
.uft li a{color: #323232;}
.uft li a:hover{color: #F00;}
.ft-b{border-top: 1px solid #FFF;position: relative;padding-top: 10px;font-size: 12px;}
.ft-b:before{position: absolute;width: 100%;top: -2px;left: 0;content: "";border-bottom: 1px solid #e1e1e1;}
.ft-b1{width: 460px;float: left;padding-top: 10px;}
.ft-b2{width: 240px;float: left;margin-left: 20px;text-align: center;padding-top: 10px;}
.ft-b3{width: 460px;float: right;font-size: 15px;text-align: right;}
.ft-t-tit{font-family: RB;font-size: 15px;color: #323232;text-transform: uppercase;}

/* Lien he */
.lh-l{width: 50%;float: left; padding-right: 20px;border-right: 1px solid #CCC;}
.lh-r{width: 50%;float: left;padding-left: 20px;border-left: 1px solid #CCC;margin-left: -1px;}
.lh-con-l{width: 30%;float: left;margin-bottom: 5px;}
.lh-con-r{width: 70%;float: left;margin-bottom: 5px;}
.lh-con-r *{max-width: 100%;}
.lh-con-r .input{width: 100%;}
.lh-con-r textarea{ border: 1px solid #e1e1e1;border-radius: 5px;width: 100%;}

/* San pham */
.box-sp{width:calc(25% - 15px);margin: 0px 20px 20px 0px; color: #444444;font-family: RR;background: #FFF;text-align: center;}
.box-sp:hover{}
.box-sp-img{overflow: hidden;border: 1px solid #e2e2e2;}
.box-sp-img img{width: 100%; transition:all 0.5s;}
.box-sp h3{margin: 0px;font-size: 14px;font-weight: normal;padding: 10px 10px 5px;}
.box-sp a{ color: #2e2e2e;}
.box-sp a:hover{ color: #F00;}
.box-sp-gia{padding: 0px 10px;}
.box-sp-gia span{font-family: RB;color: #ea1100;}
.box-sp-gia .item{width: 50%;float: left;}
.box-sp-gia .item.del{text-align: center;color: #7b7b7b;}
.box-sp-btn{padding: 5px 10px 10px;}
.box-sp-btn button{padding: 0px 10px;border: 1px solid #dadada;background: url(../img/bg-btn.png) !important;background-size: auto 100%;height: 32px;display: inline-block;vertical-align: middle;margin-right: 5px;color: #444444 !important;}
.box-sp-btn button:hover{background: url(../img/bg-btn-hv.png) !important;background-size: auto 100%;}
.ct-l{width: 38%;float: left;margin-bottom: 20px;}
.ct-r{width: 58%;float: right;}
.ct-img{border: 1px solid #CCC;}
.ct-tit{font-family: RB; font-weight: normal; margin: 0px 0px 10px; color: #F00;}
.ct-tit h2{font-weight: normal; color: #F00; font-size: 24px; margin: 0px;font-family: RB;}
.ctsp-tit{font-family: RB; font-size: 18px; margin-bottom: 10px;}
.ct-sp p{margin-bottom: 0px !important;}
.ct-sp-l{width: 100px;float: left;}
.ct-sp-r{width: calc(100% - 110px);float: right;}
.ct-sp-r-1{width: 33.33%;float: left;}
.ct-sp-r-2{width: 33.33%;float: left;}
.ct-sp-r-3{width: 33.33%;float: left;}
.thumb-color{width: 40px;height: 40px; padding: 2px; border: 1px solid #CCC; float: left; margin-right: 5px;}
.ct-sp-gia span{ color: #F00;font-weight: bold; font-size: 18px;}
.sc-tab-tit{font-family: RB; margin-top: 10px; font-weight: bold; background: #DEDCDC; padding: 5px 10px; color: #555; cursor: pointer;}
.mn-l{width: 60%;float: left;position: relative;margin-left: 5%;border: 1px solid #f2f2f2; padding: 10px; box-shadow: 0px 0px 5px #CCC}
.mn-l img,#phuongphapphoimau .col-2 img{position: absolute;top: 10px;left: 10px;z-index: 0;opacity: 0;}
.mn-l img.active,#phuongphapphoimau .col-2 img.active{position: static;z-index: 99; opacity: 1;}
.mn-r{width: 28%;float: right;margin-right: 5%;}
.mn-r img{ margin: 0px 10px 10px 0px;float: left; cursor: pointer;}
.mn-r img:nth-child(2n){margin-right: 0;}
.sm-r img{ margin: 0px 0px 10px 0px !important;}

/* Tin tuc */
.box-news{line-height: 20px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #CCC;padding-bottom: 10px;font-family: RR;}
.box-news-img{float: left; margin-right: 10px; border: 1px solid #CCC; padding: 2px;}
.box-news h3{margin: 0px 0px 5px;font-size: 15px; font-family:RB;}
.box-news-date{ color: #bbbbbb;}
.box-news:nth-child(2n){margin-right: 0;}
.box-news:nth-child(2n+1){clear: both;}
h2.tincungloai{font-size: 16px;font-weight: bold;border-bottom: 1px solid #CCC; margin: 0px 0px 5px; padding-bottom: 5px; margin-top: 15px;}

/* Container */
#container{ padding:20px 0px 20px;}
.content{ text-align:justify;}
/* Chỉnh sửa */
.left{
    width: 280px;
    float: left;
    height:400px;
    overflow-y:scroll;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 0px 5px #999;
    border-radius: 10px;
}
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #e4e4e4;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #198754;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #146c43;
}
/* Chỉnh sửa scroll */


.right{width: calc(100% - 300px);float: right;}

/* Tai khoan */
.dk-l{width: 150px;float: left;margin-bottom: 5px;}
.dk-r{float: left;margin-bottom: 5px;width: 300px;}
.dk-r .input{width: 100%;}

/* Index */
.tv-left{width: 250px;float: left;}
.tv-left ul{margin: 0;list-style: none;}
.tv-left ul li{margin-bottom: 5px;font-size: 14px;}
.tv-left{}
.tv-left{}
.tv-right{width: calc(100% - 270px);float: right;}
.linkdan{margin-bottom: 10px;font-family: RM;}
.linkdan a{color: #228154;}
.linkdan i{margin: 0px 5px;}
.left-box{padding: 10px;}
/* .uleft{margin: 0;list-style: none;font-family: RM;font-size: 15px;}
.uleft > li{margin-bottom: 20px;}
.uleft > li span{cursor: pointer;margin-left: 20px;font-size: 13px;color: #228154;}
.uleft > li > a{color: #228154;text-transform: uppercase;}
.uleft li ul{margin-left: 20px;list-style-type: disc;display: none;margin-top: 20px;}
.uleft li.active ul{display: block;}
.uleft li ul li a{color: #333;font-size: 13px;}
.uleft li ul li a:hover{color: #F00;}
.uleft li ul li.active a{color: #228154;} */
/* Chỉnh sửa */
/* .uleft li div{
    display:flex;
    align-items: center;
} */
 /* Sửa */
.uleft > li {
    margin-bottom: 10px; /* Giảm khoảng cách giữa các mục */
}

.uleft > li span {
    cursor: pointer;
    margin-left: 10px; /* Giảm khoảng cách giữa biểu tượng và chữ */
    font-size: 12px; /* Giảm kích thước chữ */
    color: #228154;
}

.uleft > li > a {
    color: #228154;
    text-transform: capitalize; /* Chuyển từ viết hoa sang chữ thường với chữ cái đầu */
    font-size: 14px; /* Giảm kích thước chữ */
}

.uleft li ul {
    margin-left: 15px; /* Điều chỉnh lùi vào của danh sách con */
    list-style-type: disc;
    display: none;
    margin-top: 10px; /* Giảm khoảng cách phía trên */
}

.uleft li.active ul {
    display: block;
}

.uleft li ul li a {
    color: #333;
    font-size: 12px; /* Kích thước nhỏ hơn cho danh sách con */
}

.uleft li ul li a:hover {
    color: #F00; /* Giữ màu đỏ khi hover */
}

.uleft li ul li.active a {
    color: #228154; /* Màu nổi bật cho mục đang chọn */
}

.uleft li div {
    display: flex;
    align-items: center; /* Căn giữa biểu tượng và chữ theo chiều dọc */
}
.box-kt{margin: 0px 0px 20px;line-height: 20px;}
.box-kt h3{margin: 0px 0px 5px;font-family: RM;font-size: 16px;}
.box-kt button{padding: 5px 10px;margin-top: 5px;border-radius: 5px;}
.box-kt button:hover{background: #228154;color: #FFF;}
.left-tt{width: calc(100% - 300px);float: left;}
.right-tt{width: 280px;float: right;}
.right-tit{background: #228154;padding: 10px;text-align: center;color: #FFF;font-size: 16px;font-family: RB;text-transform: uppercase;}
.right-box{margin-bottom: 20px;border: 1px solid #CCC;border-top: none;}
.right-mem{padding: 10px;text-align: center;font-family: RR;font-size: 16px;text-transform: uppercase;}
.right-video{padding: 10px;}
.box-qc{margin-bottom: 20px;}
.right-news{padding: 10px;}
.right-news .box-news{}
.right-news .box-news-img{max-width: 100px;}
.right-news .box-news h3{font-family: RM;font-size: 14px;}
.right-news .box-news:last-child{margin-bottom: 0;border-bottom: none;padding-bottom: 0;}
.frm-hd{max-width: 600px;margin: 0px auto 20px;}
.hd-l{width: calc(50% - 5px);float: left;margin-bottom: 10px;}
.hd-r{width: calc(50% - 5px);float: right;margin-bottom: 10px;}
.hd-l .input,.hd-r .input{width: 100%;}
.hd-l .red,.hd-r .red{font-size: 15px;}
.hd-btn{text-align: center;}
.box-hd{margin: 0px 0px 10px;padding-bottom: 10px;font-size: 13px;background: #f2f2f2;padding: 10px;}
.box-hd-tit{font-size: 16px;font-family: RB;margin: 0px 0px 10px;cursor: pointer;}
.box-hd-info{display: none;}
.success{font-family: RB;color: green;margin-bottom: 10px;}
.dichvu{padding: 20px 0px;}
.dv-l .tit{font-family: RB;font-size: 24px;text-transform: uppercase;color: #228154;margin-bottom: 5px;}
.dv-l .desc{font-size: 14px;color: #7c7c7c;margin-bottom: 20px;}
.dv-l{width: calc(100% - 440px);float: left;}
.dv-r{width: 400px;float: right;}
.dv-r form{border: 5px solid #f0f2f4;padding: 30px;}
.box-dv{width: calc(33.33% - 13.33px);margin: 0px 20px 20px 0px;background: #f8f8f8;border-top: 3px solid #394863;}
.box-dv-img{}
.box-dv h3{padding: 10px;margin: 0;font-family: RB;font-size: 14px;}
.box-dv-info{padding: 10px;}
.box-dv a{color: #394863;}
.box-dv-info a{font-style: italic;color: #555;white-space: nowrap;}
.box-dv:hover{border-color: #208053;}
.box-dv:hover a{color: #208053;}
.dv-r .tit{font-family: RB;font-size: 22px;text-transform: uppercase;text-align: center;color: #000;margin-bottom: 20px;}
.dv-r .input{border-radius: 0px;width: 100%;padding: 8px 5px;}
.dv-r .item{margin-bottom: 10px;}
.dv-r .item2{width: calc(50% - 5px);float: left;}
.dv-r .item2:last-child{float: right;}
.item-btn{text-align: center;border-radius: 0px;padding: 10px 25px;text-transform: uppercase;}
.item-btn .button{border-radius: 0px;padding: 10px 25px;text-transform: uppercase;}
.hotro{margin-top: 15px;position: relative;font-family: RR;font-size: 14px;color: #FFF;}
.hotro-ab{position: absolute;top: 25px;left: 15px;text-transform: uppercase;}
.hotro-ab strong{font-family: UTAB;font-size: 26px;color: #FF0;line-height: 1.2;margin: 10px 0px;display: block;}
.hotro-ab img{margin-right: 10px;}
.tintuc{padding: 20px 0px;}
.tt-1{width: 40%;float: left;}
.tt-2{width: calc(30% - 20px);float: left;margin-left: 20px;}
.tt-3{width: calc(30% - 20px);float: left;margin-left: 20px;}
.tt-tit{font-family: RM;font-size: 18px;text-transform: uppercase;border-bottom: 1px solid #2b374c;margin-bottom: 20px;}
.tt-tit h2{float: left;margin: 0;padding: 10px 25px;background: #36d288;font-size: 18px;font-weight: normal;color: #FFF;margin-bottom: -1px;position: relative;}
.tt-tit h2:before{position: absolute;top: 0;right: -30px;width: 30px;height: 100%;content: "";background: url(../img/bg-i-tit-h2-r.png);background-size: 100% 100%;}
.tt-1 .box-news{font-size: 13px;line-height: 18px;}
.tt-1 .box-news-img{max-width: 120px;padding: 0;border: none;}
.tt-1 .box-news h3{font-size: 14px;}
.tt-1 .box-news a{color: #333;}
.tt-1 .box-news a:hover{color: #F00;}
.box-gt{border: 1px solid #e1e1e1;margin-bottom: 20px;}
.box-gt-tit{background: #eeeeee;padding: 5px 10px;font-family: RR;font-size: 15px;text-transform: uppercase;cursor: pointer;}
.box-gt-tit img{margin-right: 10px;}
.box-gt-info{padding: 10px;display: none;}
.box-gopy{margin-bottom: 20px;}
.box-gopy-img{border: 1px solid #ebecec;border-radius: 50%;padding: 2px;display: inline-block;vertical-align: bottom;margin-right: 20px;}
.box-gopy-img img{border-radius: 50%;}
.box-gopy-info{display: inline-block;vertical-align: bottom;width: calc(100% - 120px);background: #eeeeee;padding: 10px;border-radius: 5px;position: relative;}
.box-gopy-info:before{position: absolute;bottom: 20px;left: -17px;content: "";width: 17px;height: 16px;background: url(../img/arr-gopy-l.png);background-size: 100% 100%;}
.box-gopy-info img{vertical-align: top;margin-right: 10px;}
.box-gopy:nth-child(2n) .box-gopy-img{margin-left: 20px;margin-right: 0;}
.box-gopy:nth-child(2n) .box-gopy-info:before{position: absolute;bottom: 20px;right: -17px;content: "";width: 17px;height: 16px;background: url(../img/arr-gopy-r.png);background-size: 100% 100%;left: auto;}
.thongtintruyenthong{padding: 20px 0px;}
.tth-l{width: calc(100% - 370px);float: left;}
.tth-r{width: 350px;float: right;padding-top: 39px;}
.slick-vi{width: calc(100% + 10px);margin-left: -5px;margin-top: 10px;}
.tth-l-info{background: #f5f5f5;padding:20px 10px 10px;margin-top: -20px;}
.tth-l-l{width: 310px;float: left;}
.tth-l-r{width: calc(100% - 330px);float: right;}
.box-newsb{font-family: RR;font-size: 13px;}
.box-newsb-img{}
.box-newsb h3{margin: 10px 0px 5px;font-family: RB;font-size: 14px;font-weight: normal;line-height: 18px;}
.box-newsb a{color: #333;}
.box-newsb a:hover{color: #F00;}
.tth-l-r .box-news{font-size: 13px;line-height: 18px;margin: 0px 0px 7px;padding-bottom: 6px;}
.tth-l-r .box-news-img{max-width: 120px;padding: 0;border: none;}
.tth-l-r .box-news h3{font-size: 14px;}
.tth-l-r .box-news a{color: #333;}
.tth-l-r .box-news a:hover{color: #F00;}
.hinhanh{padding: 0px 0px 20px;}
.hinhanh .main-tit{text-transform: uppercase;}
.slick-hinhanh{background: #f5f5f5;padding: 20px;}
.slick-hinhanh .slick-next,.slick-hinhanh .slick-prev{text-indent: -9999px;width: 25px !important;height: 55px !important;}
.slick-hinhanh .slick-next{background: url(../img/snext.png) !important;background-size: 100% 100% !important;right: -10px;}
.slick-hinhanh .slick-prev{background: url(../img/sprev.png) !important;background-size: 100% 100% !important;left: -10px;}
.box-ha-img{border: 1px solid #dcdcdc;background: #FFF;padding: 5px;}
.box-ha-img img{width: 100%;}
.box-ha h3{font-family: RR;font-size: 15px;font-weight: normal;margin: 10px 0px 0px;text-align: center;}
.box-ha a{color: #333;}
.box-ha a:hover{color: #F00;}
.ctha{width: 20%;border: 1px solid #FFF;}
.ctha img{width: 100%;}
.frm-dangnhap{max-width: 500px;}
.dn-l{font-weight: bold;width: 120px;float: left;margin-bottom: 5px;}
.dn-r{width: calc(100% - 120px);float: right;margin-bottom: 5px;}
.dn-r .input{width: 100%;}
.dn-r-l{width: calc(50% - 5px);float: left;}
.dn-r-r{width: calc(50% - 5px);float: right;}
.box-file{position: relative;background: #eee;padding: 10px 30px 10px 10px;margin-bottom: 10px;font-family: RM;font-size: 14px;}
.box-file-btn{position: absolute;top: 10px;right: 10px;font-size: 16px;}
.lh-con-r-l{width: calc(100% - 130px);float: left;}
.lh-con-r-r{width: 125px;float: right;}
.ft .ft-t-tit{display: none;}

/* Reponsive */
@media (min-width: 1200px) 
{
    .box-sp:nth-child(4n){margin-right: 0;}
    .box-dv:nth-child(3n){margin-right: 0;}
}

@media (max-width: 1199px) 
{
    #container{ padding: 20px 15px;}
    #footer .center,.container-index{padding-left: 15px;padding-right: 15px;}
    #menu{ z-index: 120;}
    #menu.fix{width: 100%;left: 0;}
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .sm-blue a{ padding: 0px 13px !important;}
    .sm-blue ul a{ line-height: 30px !important;}
    .box-sp:nth-child(4n){margin-right: 0;}
    .box-dv:nth-child(3n){margin-right: 0;}
    .tth-l-l{width: calc(50% - 10px);}
    .tth-l-r{width: calc(50% - 10px);}
}

@media (min-width: 992px) 
{
    .sub-arrow{display: none !important;}
}

@media (max-width: 991px) 
{
    #smenu{display: block;}
    #smenu a{font-family: RB; color: #FF0; font-size: 18px;}
    #menu,#banner{position: static !important;}
    #menu,.banner-t input,.banner-b{display: none;}
    .right,.dv-l{width: 100%;float: none;}
    .menu-line{padding: 0 !important;}
    .banner-t{position: static;text-align: center;padding: 5px 0px;background: #228154;color: #FFF;font-family: RR;font-size: 13px;}
    .banner-t a{color: #FFF;}
    .logo{display: block;margin: auto;}
    .dv-r{float: none;max-width: 100%;margin:auto; }
    .tt-1,.tt-2,.tt-3,.tth-l,.tth-r,.left,.left-tt,.right-tt{width: 100%;float: none;margin: 0px 0px 20px;}
    .ft-t{display: none;}
    .ft .ft-t-tit{display: block;}
    .ft-b3{margin-top: 10px;}
}
@media (min-width: 768px) and (max-width: 991px)
{
    .box-sp{width: calc(33.33% - 15px);}
    .box-sp:nth-child(3n){margin-right: 0;}
    .box-dv:nth-child(3n){margin-right: 0;}
    .ft-1,.ft-2,.ft-3,.ft-4{width: 50%;}
}

@media (max-width: 767px) 
{
    .tth-l-l,.tth-l-r,.ft-b1,.ft-b2,.ft-b3{width: 100%;float: none; margin: 0px 0px 20px 0px;max-width: 100%;}
    .ct-l,.ct-r,.lh-l,.lh-r{width: 100%;float: none; margin: 0px 0px 15px 0px;padding: 0; border: none;}
    .lienhe-l,.lienhe-r{width: 100%;float: none;}
    .lienhe-l .button{display: none;}
    .ct-sp{border-bottom: 1px solid #CCC;}
    .ft-1,.ft-2,.ft-3,.ft-4{width: 50%;}
    .ft-b3{margin: 10px 0px 0px;text-align: left;font-size: 13px;}
    .ft-b1,.ft-b2{margin-bottom: 0;}
}

@media (min-width: 426px) and (max-width: 767px)
{
    .box-sp{width: calc(50% - 10px);}
    .box-sp:nth-child(2n){margin-right: 0;}
    .box-dv{width: calc(50% - 10px);}
    .box-dv:nth-child(2n){margin-right: 0;}
    .box-dv-img img{width: 100%;}
}

@media (max-width: 425px) 
{
    .lh-con-l,.lh-con-r{width: 100%;float: none;margin: 0px; padding: 0px;}
    .lh-con-r{margin-bottom: 10px;}
    .box-sp,.box-dv{width: 100%;margin: 0px 0px 20px;}
    .box-dv-img{max-width: 130px;float: left;margin-right: 10px;}
}