*{padding:0; margin:0}
row li*, :after, :before, html { box-sizing: border-box; }
a, a:hover{text-decoration:none;}
.fl{float:left}
.fr{float:right}
img {max-width: 100%; width: auto; height:auto; margin: 0 auto;}
p, h1, h2, h3, h4, h5, h6, ul {margin: 0;}
.bold {font-weight: 600}
.red {color: red}
svg { vertical-align: inherit; }
.upper {text-transform: uppercase}
.w100{width:100%}
.italic {font-style: italic}
.h2{font-size:26px; font-weight:bold}
.h3{font-size:22px; font-weight:bold}
.lh18{line-height:18px;}
.mb05{margin-bottom:5px}
.h4{font-size:18px;}
.tu{text-transform:uppercase}
.tf{text-transform:uppercase}
.tj{text-align: justify;}
.tc{text-align:center}
.al{align-items: center;}
.fs20{font-size: 20px;}
.fw4{font-weight: 400;}
.fw5{font-weight: 500;}
.fw6{font-weight: 600;}
.fw7{font-weight: 700;}
.fs14{font-size: 14px;}
.color-white{color: #fff;}
.di{display: inline-block; float: none;}
.fs25{font-size: 25px;}
.mb-3{margin-bottom: 30px;}
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
.bg-gray{background-color: #D9D9D9;}
.p40{padding:40px}
.p10{padding:10px}
.w48{width:48%}
.jc{justify-content: center;}
.p30{padding:30px}
.mb-15{margin-bottom: 15px;}
.color-black{color:#333}
figure{margin-bottom:0}
.tr{text-align: right;}

.has-hover .bg, .has-hover [class*=image-] img[class*=image-] img {transition: filter .6s,opacity .6s,transform .6s,box-shadow .3s;}
a:hover,a:active{color:var(--c-hover)}
.d-flex{display:flex}
:root { --primary-color: #0861ba; --fs-color-primary: #0861ba; --fs-color-secondary: #57cc04; --fs-color-success: #08a447; --fs-color-alert: #ff0000; --fs-experimental-link-color: #0087bd; --fs-experimental-link-color-hover: #fff; } 
:root { --flatsome-scroll-padding-top: calc(var(--flatsome--header--sticky-height, 0px) + var(--wp-admin--admin-bar--height, 0px)); }
body {font-family: "Roboto", sans-serif;  font-style: normal; font-variation-settings: "slnt" 0;  font-size: 14px; line-height: 150%; position:relative}
.bg-fix-top{position: fixed; top: 0; left: 0; background: url(/imgs/bg-body.png) top left no-repeat; width: 960px; height: 560px; z-index: 0;}
.bg-fix{position: fixed; bottom: 0; right: 0; background: url(/imgs/bg-fix.png) bottom right no-repeat; width: 960px; height: 560px; z-index: 0;}
.menu_main li{list-style:none}
.xoaytron {bottom:0px; width: 3000px; height: 3000px; background-color: blue; animation: xoay 600s linear infinite; } 
@keyframes xoay { from {transform: rotate(360deg);} to {transform: rotate(0deg);} }
#header1{padding: 20px 0; margin: 0; background: #ffeced; opacity: 0.6;}
.box-body{width:100%; float:left; margin-bottom:0 !important; position:relative; z-index:1 }
.navbar-light .navbar-nav .nav-link { color: #000; font-weight: bold; }
.hd-top{width:100%; padding: 10px 0; background: #24439D; color: #fff; float: left;}
#hd_top{background:#0071B7 !important}
.hd-top img{width:100%; height:auto;}
.nd-hd-top a{color: #fff !important;}
.nd-hd-top ul{margin-left:0}
.nd-hd-top li img{width:25px; height:25px; border-radius:100%}
.nd-hd-top .country li{margin-left:0; margin-right:10px}
.nd-hd-top li{margin-left: 30px; list-style: none; float: left;}
.ht-bottom{width:100%; padding: 0; background:#fff; float: left;}
.ht-bottom img{width: 100%; height: auto;}
.menu{width: 100%; background-color: #fff; box-shadow: inset 0 1px 3px rgba(0,0,0,.1); float: left;}
.navbar-expand-lg .navbar-nav .nav-link{font-size: 15px; }
.navbar-expand-lg{background: none; padding: 0;}
.dropdown-menu li{list-style:none; padding:3px 0; text-transform:none; border-bottom:1px solid #ccc}
section{width: 100%; float: left;}
.box-tintuc{width:100%; background-color: #f9f9f9; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);}
.td-tintuc{width:100%; padding: 15px; background-color: #fff; text-align: center; border-top: 2px solid #3787be;}
.td-tintuc h2{font-size: 20px; font-weight: bold;}
.nd-tintuc{padding:20px; width: 100%; float: left;}
.noidung img{margin-left:auto; margin-right:auto; display:flex; margin-top:20px; margin-bottom:20px}
.box-nd-tintuc{width:100%; background-color: #fff; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);}
#logo_right img{width: 230px; height:auto}
.bg-light{background: none !important; width:100%; float:left}
.box-timkiem{width:80%; margin-left:0; margin-top:5px; opacity:0.5; height:30px; line-height:30px; position:relative; border-radius:20px; background:#fff}
.box-timkiem input{width:100%; padding:3px 8px !important; background:none !important; border:none; outline:none; float:left; margin-top:0; height:30px}
.box-timkiem span{position:absolute; top:0; right:10px}
.tieude{margin-bottom:40px}
.tieude p { font-size: 15px; padding-bottom: 5px; text-align: center; text-transform: uppercase; }
.tieude p span { font-weight: 600; color: #f00; font-size: 17px; }
.tieude h2{padding: 0 0 10px; font-weight: bold; text-transform: uppercase; color:#24439D}
.tieude h2 a{color:#24439D}
.tieude  hr{width: 50px; border-top: 3px solid #24439D; text-align: center; margin: 0px auto}
.danhmucsanpham .row{float:left; text-align:center; font-size:0}
.danhmucsanpham .row .col-sm-3{float: none; display: inline-block; text-align: left;}
.danhmuc{padding: 0; margin-bottom:30px }
.anh-danhmuc{ width:100%; overflow: hidden; margin-bottom:20px; }
.anh-danhmuc img{width: 100%; height:auto; border-radius: 100%; border: none; transition-duration: .7s;}
.text-danhmuc{width:100%; background:#24439D; transition: opacity 0.3s,transform 0.3s,background-color 0.3s; padding:10px 5px; text-align:center; border-radius:15px;}
.text-danhmuc h3{font-weight: bold; font-size: 15px; text-transform: uppercase; margin-bottom: 0; }
.text-danhmuc h3 a{color:#fff}
.text-danhmuc p{ color:#999}
.box-tinnew{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #e3dbdba8}
.content-cat .anh-tintuc{height:160px}
#danhmuctintuc .anh-danhmuc img{border-radius:0; border:none}
#danhmuctintuc .text-danhmuc{background: none; color: #24439D;}
#danhmuctintuc .text-danhmuc h3 a{color: #24439D;}
.banner{padding:0; width:100%}
#danhmuctintuc .anh-danhmuc{height:260px; overflow: hidden; margin-bottom:0; box-shadow: 2px 1px 5px 1px #ccc; border-radius: 5px;}
.tintuc{width:100%; margin-bottom: 30px;}
.anh-tintuc{width:100%; height:240px; overflow: hidden; margin-bottom: 15px;}
.anh-tintuc picture{width:100%; height:auto}
.tintuc img{width:100%; height: auto;}
.text-tintuc h3{font-size: 17px; font-weight: bold; text-transform: none; margin-bottom: 10px; height: 46px; overflow: hidden; line-height: 140%;}
.text-tintuc h3 a{color: #333;}
.tintuc-tomtat{text-align: justify; overflow: hidden; height: 90px;}
.icon{font-size:32px; margin-right:10px; position:relative; top:6px}
.lienhetuvan h2 { margin-bottom: 20px; text-transform: uppercase; color:#24439D; font-size: 22px; font-weight: bold; }
.thongtin-header img, .thongtin-header h2{margin-bottom:10px}
.thongtin-header h2{font-size:22px; font-weight:bold; text-transform:uppercase}
.tttv h2{color:#fff}
.filter-group{margin-bottom:15px}
#box_timkiemnangcao_book input, #box_timkiemnangcao_book select{width:100%; border:1px solid #ccc; padding:6px; border-radius:0}
#box_timkiemnangcao_book input, textarea, select, div{font-size:14px}
.filter-group, .filter-column{margin-bottom:20px}
.filter-container{border:1px solid #ccc; padding:20px}
.lhtv{background:#24439D; box-shadow:5px 5px 30px #ccc}
.lhtv-khac, .lhtv-them{ float:left; padding:25px}
.lhtv-khac{ background:#fff;}
.thongtin-tuvan h4{margin-bottom:5px; padding-left:0; font-size:16px}
.thongtin-tuvan input, .thongtin-tuvan textarea{border:none; border-bottom:1px solid #ccc; outline:none;margin-bottom:14px}
.thongtin-tuvan select{border:1px solid #ccc}
.thongtin-tuvan input, .thongtin-tuvan select, .thongtin-tuvan textarea{width:100%; padding:5px 15px; padding-left:0; outline:none;}
.nhantuvan{padding:7px 15px; border:1px solid #2B90EC; background:#24439D; text-transform:uppercase; border-radius: 10px;}
.nhantuvan span{color:#fff !important}
.tttv {color:#FFF}
.thongtin-doanhnghiep div{font-size:15px; margin-bottom:10px; padding-left:0;}
.thongtin-doanhnghiep .mxh{padding:0}
.mxh span{ width:40px; margin-right: 10px;}
.mxh a{color: #24439D; background: #fff; width:40px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; border-radius: 100%;  float: left;}
.mxh a i{height:40px; line-height: 40px; margin-right: 0;}
.thongtin-doanhnghiep i{margin-right:10px}
.thongdiep-left p{margin-bottom: 10px;}
.thongdiep-right{text-align: center; text-transform: uppercase;}
.thongdiep-right figure{margin-bottom:20px}
.thongdiep-right h3{font-size: 22px; font-weight: bold; margin-bottom: 10px;}
.thongdiep-right p{font-weight: bold;}
.doitacchienluoc{background:url(/imgs/bg-doitac.jpg) no-repeat;background-size:cover; padding: 0;}
.ds-doitac{padding:40px 0; width:100%; float:left}
.box-doitac .tieude{color:#fff}
.box-doitac .tieude hr{border-top:5px solid #fff}
.box-doitac .box-kh{margin:0 10px}
.box-tinhinhanh{margin-left:10px; margin-right:10px}
.box-tinhinhanh h3{font-size:14px; font-weight:normal; margin-top:10px; color:#333}
#tinhinhanh .nbs-flexisel-nav-right, #tinhinhanh .nbs-flexisel-nav-left{top:80px !important}
.nbs-flexisel-nav-left{left:10px; top:40px !important}
.nbs-flexisel-nav-right{right:10px; top:40px !important}
.nbs-flexisel-container{position:relative;max-width:100%;}
.nbs-flexisel-inner{overflow:hidden;float:left;width:100%;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.nbs-flexisel-ul{position:relative;width:99999px;margin:0px;padding:0px;list-style-type:none;text-align:center;}
.nbs-flexisel-item{height:auto;line-height:140%;border:none;}
.nbs-flexisel-item{float:left;margin:0px;padding:0px;cursor:pointer;position:relative}
.nbs-flexisel-nav-left{left:30px;width:50px;height:35px;background:url(/imgs/arrow-left.svg) no-repeat}
.nbs-flexisel-nav-right{right:30px;width:50px;height:35px;background:url(/imgs/arrow-right.svg) no-repeat}
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right{width:22px;height:22px;position:absolute;cursor:pointer;z-index:100;opacity:0.5;}
.doitacchienluoc .tieude h2{color:#fff}
.box-dt img{border: 1px solid #d9d9d9;border-radius: 5px}
.noidung h2, #lienhecuoibaitin h2{font-size:22px; font-weight:bold; color:#24439D}
.noidung h2, .noidung h3, #lienhecuoibaitin h2{font-weight:bold; margin-top:20px; margin-bottom:10px; color:#24439D}
.noidung h3{font-size:19px; color:#24439D}
#lienhecuoibaitin a{color:#24439D}
.box-ft h3{text-transform: uppercase; font-size: 20px; margin-bottom: 20px; font-weight: bold;}
.box-ft i{margin-right: 10px;}
.box-ft p{margin-bottom: 10px;}
.quick-alo-phone.quick-alo-show { visibility: visible; } 
.quick-alo-zalo{left:-50px; bottom:150px !important}
.quick-alo-fb{left:-50px; bottom:50px !important}
.quick-alo-phone, .quick-alo-zalo, .quick-alo-fb { position: fixed; visibility: hidden; background-color: transparent; width: 144px; height: 200px; display: block; cursor: pointer; z-index: 9999; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility 0.5s; -moz-transition: visibility 0.5s; -o-transition: visibility 0.5s; transition: visibility 0.5s; left: -50px; bottom: -50px; }
.tel_phone { border-radius: 30px; line-height: 45px; position: absolute; height: 45px; color: #fff; font-size: 17px; text-align: center; background-color: #508A8C; color: white; top: 73px; left: 90px; padding: 0; font-weight: 600; width: 0; overflow: hidden; padding-left: 29px; transition: all 0.5s; opacity: 0; } 
.quick-alo-phone:hover .tel_phone { width: 165px; left: 90px; opacity: 1; } 
.tel_phone a { margin: 0; color: #fff; display: block; width: 135px; }
.quick-alo-phone.quick-alo-green .quick-alo-ph-circle, .quick-alo-zl.quick-alo-green .quick-alo-ph-circle, .quick-alo-fb.quick-alo-green .quick-alo-ph-circle { border-color: #508A8C; opacity: 0.5; } 
.quick-alo-ph-circle-fill { width: 80px; height: 80px; top: 55px; left: 55px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: 0.1; -webkit-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } 
.quick-alo-green .quick-alo-ph-circle-fill { background-color: #508A8C; opacity: 0.75; } 
.quick-alo-zalo.quick-alo-green .quick-alo-ph-circle-fill, .quick-alo-fb.quick-alo-green .quick-alo-ph-circle-fill{background-color: #0180C7;}
.quick-alo-zl .quick-alo-green .quick-alo-ph-circle, .quick-alo-fb.quick-alo-green .quick-alo-ph-circle{border-color:#0180C7}
.quick-alo-green .quick-alo-zl-img-circle, .quick-alo-green .quick-alo-fb-img-circle{background-color: #0180C7 !important;}
.quick-alo-green .quick-alo-ph-img-circle { background-color: #508A8C; } 
.quick-alo-ph-img-circle, .quick-alo-zl-img-circle, .quick-alo-fb-img-circle { width: 50px; height: 50px; top: 70px; left: 70px; position: absolute; background: rgba(30, 30, 30, 0.1); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; -webkit-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: quick-alo-circle-img-anim 1s infinite ease-in-out; animation: quick-alo-circle-img-anim 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%; } 
.quick-alo-green .quick-alo-ph-img-circle { background-color: #508A8C; }
.quick-alo-zl-img-circle{background: rgba(30, 30, 30, 0.1);}
.quick-alo-fb-img-circle{background: rgba(30, 30, 30, 0.1);}
@-moz-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-webkit-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-o-keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@keyframes quick-alo-circle-anim { 0% { transform: rotate(0) scale(0.5) skew(1deg); opacity: 0.1; } 30% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.5; } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.1; } } 
@-moz-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-webkit-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-o-keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@keyframes quick-alo-circle-fill-anim { 0% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: 0.2; } 100% { transform: rotate(0) scale(0.7) skew(1deg); opacity: 0.2; } } 
@-moz-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } } 
@-webkit-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } } 
@-o-keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } } 
@keyframes quick-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg); } 10% { transform: rotate(-25deg) scale(1) skew(1deg); } 20% { transform: rotate(25deg) scale(1) skew(1deg); } 30% { transform: rotate(-25deg) scale(1) skew(1deg); } 40% { transform: rotate(25deg) scale(1) skew(1deg); } 50% { transform: rotate(0) scale(1) skew(1deg); } 100% { transform: rotate(0) scale(1) skew(1deg); } }
.quick-alo-ph-img-circle a, .quick-alo-zl-img-circle a, .quick-alo-fb-img-circle a{width:100%; height:100%; float:left; text-align:center}
.quick-alo-ph-img-circle img, .quick-alo-zl-img-circle img, .quick-alo-fb-img-circle img{width:32px; height:auto; margin-top:8px;}
.navbar-expand-lg .navbar-nav .dropdown-menu li:last-child{border-bottom:none}
.navbar-expand-lg .navbar-nav .dropdown-menu li a:hover{background:none; color:#24439D}
.navbar-expand-lg .navbar-nav .dropdown-menu li:hover{background:#fff; color:#24439D }
.navbar-nav .dropdown-menu{padding-top:0; padding-bottom:0}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color:#000; text-decoration:underline}
.navbar-light .navbar-nav .nav-link:hover{color:#0071B7; text-decoration:underline}
.dropdown-item{font-weight:550}
.box-pro{padding:15px; margin-bottom:30px; border:1px solid #ccc; border-radius:6px; background:#fff; float:left}
.box-pro .gia-tt{width:100%; height:23px; overflow:hidden; text-align:center; color:#333; margin-bottom:10px; font-size:14px; float:left}
.box-pro a{color:#24439D}
.box-pro .gia-tt span{text-decoration:line-through;}
.box-pro .gia-ban{width:100%; text-align:center; float:left}
.gia-ban p{margin-bottom:25px;}
.giabanlienhe{color:#24439D}
.hotlinelienhe, .hotlinelienhe a{color:#fff}
.hotlinelienhe{background: #24439D; color: #fff; padding: 8px 12px; border-radius: 5px;}
.box-pro figure{margin-bottom:15px;}
.box-pro h3{height:45px; font-size:18px; overflow:hidden; margin-bottom:20px; line-height:140%}
.gia-sp{width:100%; font-size:16px; color:#ff0000; font-weight:normal; float:left; text-align:center; margin-bottom:28px}
.dssp .gia-sp{font-size:17px; margin-top:10px}
.dssp .box-pro .gia-tt{font-size:13px}
.dssp .box-pro h3{margin-bottom:0;}
.box-pro h3{ text-transform:uppercase; text-align:center; color:#1e73be;  font-weight:normal;}
.xemthem-pr{width:100%; float:left; text-align:center; margin-bottom:10px}
.xemthem-pr a{padding:8px 25px; border-radius:5px; background:#24439D; color:#fff; border:1px solid #24439D; font-size:16px;}
.xemthem-pr a:hover{color:#24439D; background:#fff; border:1px solid #24439D}
.sanphamnoibat{background:#f1f1f1}
.breadcrumb{width:100%; min-height:280px; padding:40px 0; background:url(/imgs/bg-bread.jpg) top left no-repeat; background-size:100%; color:#333}
.bread-danhmuc{padding-left: 10px; padding-right:10px; color:#333}
.td-danhmuc h1{font-size:16px; color: #fff;  text-align:left}
.bread-danhmuc a{color:#333}
.moc-danhmuc{display:flex; justify-content:center;}
.moc-danhmuc ol{width:100%; text-align:left; margin:0; padding:10px 0; opacity: 0.7; background: #fff; float:left}
.moc-danhmuc ol li:first-child{padding-left:0}
.moc-danhmuc ol li{list-style:none; padding:0 20px; border-right:1px solid #d5d1d1ed; float:none; display: inline-block}
.moc-danhmuc ol li:last-child{border:none}
.bread-danhmuc h1{font-size:30px; font-weight:bold; margin-bottom:20px; color:#24439D; text-shadow:0 1px 5px  #eee; text-transform:uppercase}
.box-tintuc-child{width:100%; margin-bottom:20px; float: left; padding:0 10px; padding-top: 20px; border-top: 1px dotted #e3dbdba8;}
.text-tintuc-child h3{font-size:16px; line-height:150%; font-weight:bold; margin-bottom:20px}
.text-tintuc-child h3 a{color:#000}
.tt-tintuc-child{color:#666; text-align:justify}
.box-tintuc-child img{width:auto; height:160px}
.cttt-baiviet h1{font-size:27px; line-height:150%}
.box-thanhvien{width:100%; text-align:center; margin-bottom:30px}
.box-thanhvien figure{margin-bottom:20px}
.box-thanhvien figure img{width:80%; border-radius:100%; border:2px solid #ccc}
.list-mxh-team p{width:100%; margin-bottom:10px}
.list-mxh-team i{margin-right:10px}
.ngaydang-view{padding:0 10px}
.box-thanhvien h3{font-size:20px; margin-bottom:20px}
.ct-tintuc{padding:0}
.btn-success.active{color:#fff; background:#146c43;}
.cttt-baiviet .ngaydang-view{background:#f6f6f6; padding: 10px; margin-bottom:20px}
.ngaydangtin{background:url(/imgs/icon-ngaydang.svg) center left no-repeat; background-size:14px; font-size:14px; padding-left:20px; color:#ccc}
.tomtat, .video-tintuc{margin-bottom:10px}
.video-tintuc{text-align:center}
.video-tintuc iframe{width:80%; min-height:380px; height:auto}
.navbar-expand-lg .navbar-nav .dropdown-menu li img{height:12px; width:auto; margin-right:3px;}
.navbar-expand-lg .navbar-nav .dropdown-menu{padding-right:10px}
.content{padding-left: 20px; padding-right:20px; padding-top:20px; margin-top:0; background:#fff}
.tinmoi1 img{width:100%; height:auto;}
.tinmoi1 h2{text-transform: inherit; font-size: 20px; font-weight:600; line-height: 150%; margin-bottom:10px}
.nd-right table{border:1px solid #e3dbdba8}
.nd-right table td{border:1px solid #e3dbdba8; padding:6px}
.tinmoi1 h2 a{color:#333}
.tm_hoithao{padding-bottom:8px; margin-bottom:8px; border-bottom:1px dotted #ccc;}
#hn_ht, #tinhinhanh, #tinthue, #tinhoivien, .box-doitac, #video_left, .nd-right{width: 100%; border: none; margin-bottom:30px; float: left;}
.box-doitac{margin-top:20px}
#hn_ht h2, #tinhinhanh h2, #tinthue h2, #tinhoivien h2, .box-doitac h2, #video_left h2, .nd-right h1, #tinthongbao h2{background: none; font-size: 20px; font-weight: bold; padding: 8px 0; margin-bottom: 10px; color: #333; border-bottom:1px solid #e3dbdba8; text-transform:uppercase}
#tinthongbao h2{color:#ff0000}
.box-doitac h2{margin-bottom:0}
.ds-hoinghi{padding:10px; float:left}
.tm_hoithao a{color:#333}
#tinthongbao{margin-bottom:30px}
footer{color: #000 !important; background: #fff; opacity: 0.8; border-top: 1px solid #ccc;}
footer a{color:#ff0000}
.tt-thongbao{width:100%; padding-bottom:8px; margin-bottom:8px; border-bottom:1px dotted #ccc}
.tt-thongbao a{color:#333}
.ds-tinthue{padding:0 10px 10px 10px}
.img-tinthue{margin-bottom:10px}
.box-tinthue a{color:#333}
.carousel-control-next-icon, .carousel-control-prev-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 90%; background-size: 100% 100%; position: absolute; top: 30%; }
.text-tinthue h3{font-size:16px; font-weight:bold; margin-bottom:10px}
.text-tinthue h3 a{color:#333}
.text-thue-bt h3 a{color:#333}
.text-thue-bt h3{margin-bottom:10px; font-size:14px}
.text-thue-bt h3 i{color:#ff0000; font-size:8px}
.div-tinthue{margin-bottom:20px}
.navbar-light .navbar-toggler-icon {
  background-image: url(/imgs/download.svg);
}
.box-tinhinhanh figure img{height:160px; display:inline-block; width:auto; overflow:hidden}
.tin-video{padding:0; padding-bottom:10px}
.tin-video iframe{width:100%; height:auto; min-height:250px}
#lienket{width:100%; float:left; margin-top:20px}
.lienket{width:100%; float:left; margin-bottom:15px; border:1px solid #0071b7ba; overflow:hidden}
.lienket img{width:100%; height:auto}
#pop2_body .top-login img{height:50px; width:auto}
.cp{cursor:pointer}
#pop2 .modal_header{background:#0071b7ba !important; padding:10px}
.bg_269 { background: #269Af2; }
#pop2_close svg{fill:#fff}
.modal_title{text-transform:none !important}
#hn_ht{display:none}
.h100{height:100%}
.h36px{height:36px}
.h50px{height:36px}
.h68px{height:68px}
.w100{width:100%}
.w96{width:96%}
.w120p{width:120px}
.w140p{width:140px}
.w186p{width:186px}
.w168p{width:168px}
.w86p{width:86px}
.w68p{width:68px}
.w50p{width:50px}
.wh100{width:100px; height:100px}
.wh150x200{max-width:100%; width:150px; height:200px}
.wh200x250{max-width:100%; width:200px; height:250px}
.wh86{width:86px; height:86px}
.wh68{width:68px; height:68px}
.wh50{width:50px; height:50px}
.wh36{width:36px; height:36px}
.wh23{width:23px; height:23px}
.wh18{width:18px; height:18px}
.caret_up:before {content: "\25B2";}
.caret_down:before {content: "\25BC";}

.m-auto{margin:auto}
.m3{margin:3px}
.m5{margin:5px}
.m10{margin:10px}
.ms5{margin-left:5px}
.ms10{margin-left:10px}
.ms20{margin-left:20px}
.ms50{margin-left:50px}
.me3{margin-right:3px}
.me5{margin-right:5px}
.mt5{margin-top:5px}
.me10{margin-right:10px}
.me20{margin-right:20px}
.me50{margin-right:50px}
.mt0{margin-top:0px!important}
.mt3{margin-top:3px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb70{margin-bottom:70px}
.mb100{margin-bottom:100px}

.mt68{margin-top:68px}
.mb68{margin-bottom:68px}
.pt68{padding-top:68px}
.pb68{padding-bottom:68px}
.mt50{margin-top:50px}
.mb50{margin-bottom:50px}
.pt50{padding-top:50px}
.pb50{padding-bottom:50px}
.fs70{font-size:70px}
.fsi{font-style:italic}

.ml-auto{margin-left:auto}
.mr-auto{margin-right:auto}

.p2r{padding:10px 2%}
.p1r{padding:5px 1%}
.p3{padding:3px}
.p5{padding:5px}
.p10{padding:10px}
.p20{padding:20px}
.pt0{padding-top:0px!important}
.pb0{padding-bottom:0px!important}
.ps0{padding-left:0px!important}
.pe0{padding-right:0px!important}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.ps5{padding-left:5px}
.ps10{padding-left:10px}
.ps20{padding-left:20px}
.pe5{padding-right:5px}
.pe10{padding-right:10px}
.pe20{padding-right:20px}
.pb20{padding-bottom:20px}
.pb50{padding-bottom:50px}
.bg-main{background:radial-gradient(#e6d5c9, #ffdcc0)!important}
.bg-white{background:#fff}
.bg-gray1{background:#ccc}
.bg-gray{background-color:#999}
.bg-light{background-color:#eee !important; opacity:0.7; padding-left:20px; padding-right:20px}
.bg-light-bg{background-color:#effafb}
.bg-blue{background-color:blue}
.bg-darkblue{background-color:darkblue}
.bg-green{background-color:#93c615}
.bg-darkgreen{background-color:darkgreen}
.bg-orange{background-color:#e58a42}
.bg-darkgoldenrod{background-color:darkgoldenrod}
.bg_bg1{background-color:#1bbec4}
.bg-dark{background-color:#000}

.btn,.btn2,.btn3,.btn4,.btn5,.btn6{cursor:pointer; border-radius:6px;}
.btn4{background:radial-gradient(green, darkgreen);}
.btn3{background:radial-gradient(#ccc, #999);}
.btn2{background:radial-gradient(#de8640, #d9ab86);}

.bdr{border-radius:100%}
.bdr50{border-radius:50px}
.bdr3{border-radius:3px}
.bdr5{border-radius:5px}
.bdr10{border-radius:10px}
.bdtlr10{border-top-left-radius: 10px;}
.bdblr10{border-bottom-left-radius: 10px;}
.bdtrr10{border-top-right-radius: 10px;}
.bdbrr10{border-bottom-right-radius: 10px;}
.bdtlr50{border-top-left-radius: 50px;}
.bdblr50{border-bottom-left-radius: 50px;}
.bdtrr50{border-top-right-radius: 50px;}
.bdbrr50{border-bottom-right-radius: 50px;}
.bdr20{border-radius:20px}
.bdd{border:1px dashed #00000050}
.bddt{border-top:1px dashed #00000050}
.bdde{border-right:1px dashed #00000050}
.bdds{border-left:1px dashed #00000050}
.bddb{border-bottom:1px dashed #00000050}
.bd{border:1px solid #00000050}
.bd2{border:1px solid #ffffff50}
.bdb_2{border-bottom:2px solid #00000050}
.bds_2{border-left:2px solid #00000050}
.bdt_2{border-top:2px solid #00000050}
.bde_2{border-right:2px solid #00000050}
.bdt{border-top:1px solid #00000050}
.bdb{border-bottom:1px solid #00000050}
.bds{border-left:1px solid #00000050}
.bde{border-right:1px solid #00000050}
.bdt2{border-top:1px solid #ffffff50}
.bdb2{border-bottom:1px solid #ffffff50}
.bds2{border-left:1px solid #ffffff50}
.bde2{border-right:1px solid #ffffff50}
.bdn{border:none}
.circle_icon,.elip_icon{width:27px; height:27px; border:3px solid #fff; border-radius:100%}
.elip_icon{width:10px; top:-3px; left:6px}
.fwb{font-weight:bold}
.fwn{font-weight:normal}
.fs36{font-size:36px}
.fs32{font-size:32px}
.fs30{font-size:30px}
.fs28{font-size:28px}
.fs26{font-size:26px}
.fs20{font-size:20px}
.fs18{font-size:18px}
.fs14{font-size:14px}
.fs12{font-size:12px}
.fs10{font-size:10px}
.fs8{font-size:8px}
.cf{color:#fff}
.cd{color:#000;}
.co{color:orange;}
.cr{color:darkred;}
.cg{color:#00000080;}
.cg2{color:#ffffff80;}
.cbg{color:#00bcc3}
.color{color:#e58a42}
.color-green{color:#93c615}
.color-darkgeen{color:darkgeen}
.color-blue{color:blue}
.color-darkblue{color:darkblue}
.color-red{color:red}
.color-darkred{color:darkred}
.color-light1{color:#efefef}
.color-light{color:#eee}
.color-gray{color:#ccc}
.color-orange{color:orange}
.color-yellow{color:yellow}
.color-darkblue{color:darkblue}

.jcc{justify-content:center}
.jce{justify-content:end}
.jcsa{justify-content:space-around}
.jcsb{justify-content:space-between}
.jcse{justify-content:space-evenly}
.zi-1{z-index:1}
.zi-2{z-index:2}
.zi-3{z-index:3}
.zi-4{z-index:4}
.zi-5{z-index:5}
.zi-9999{z-index:9999}
.zi-99999{z-index:99999}
.op0{opacity:0%}
.op10{opacity:10%}
.op20{opacity:20%}
.op30{opacity:30%}
.op40{opacity:40%}
.op50{opacity:50%}
.op60{opacity:60%}
.op70{opacity:70%}
.op80{opacity:80%}
.op90{opacity:90%}
.cp{cursor:pointer}

.gc_2{grid-column:span 2}

.action{width:36px; right:10px; top:60px}

.menu_list,.lang_list{height:100vh; overflow:scroll; z-index:9}
.menu_list div,.lang_list div{padding:3px}

.shadow{box-shadow:rgba(35,135,130,.25) 0px 0 20px}
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
.shadow-md { box-shadow: 0 .5rem 1rem rgba(0,0,0,.1)!important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; }


.fadeInDown{animation: .5s ease 0s 1 normal none running fadeInDown;}
.fadeInUp{animation: .5s ease 0s 1 normal none running fadeInUp;}
.fadeInLeft{animation: .5s ease 0s 1 normal none running fadeInLeft;}
.fadeInRight{animation: .5s ease 0s 1 normal none running fadeInRight;}
.fadeIn{animation: .5s ease 0s 1 normal none running fadeIn;}
.fadeOut{animation: .5s ease 0s 1 normal none running fadeOut;}
.fadeOutDown{animation: .5s ease 0s 1 normal none running fadeOutDown;}
.fadeOutUp{animation: .5s ease 0s 1 normal none running fadeOutUp;}
.fadeOutLeft{animation: .5s ease 0s 1 normal none running fadeOutLeft;}
.fadeOutRight{animation: .5s ease 0s 1 normal none running fadeOutRight;}
@keyframes fadeInDown { 0% {transform: translate(0,-100px);opacity: 0;} 100% {transform: none;opacity: 1;}}
@keyframes fadeInUp { 0% {transform: translate(0,100px);opacity: 0;} 100% {transform: none;opacity: 1;} } 
@keyframes fadeInLeft { 0% {transform: translate(-100px,0);opacity: 0;} 100% {transform: none;opacity: 1;} } 
@keyframes fadeInRight { 0% {transform: translate(100px,0);opacity: 0;} 100% {transform: none;opacity: 1;} } 
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } 
@keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } }
@keyframes fadeOutDown { 0% {transform: none;opacity: 1;} 100% {transform: translate(0,-100px);opacity: 0;}}
@keyframes fadeOutUp { 0% {transform: none;opacity:1;} 100% {transform: translate(0,100px);opacity:0;} } 
@keyframes fadeOutLeft { 0% {transform:none;opacity: 1;} 100% {transform: translate(-100px,0);opacity: 0;} } 
@keyframes fadeOutRight { 0% {transform:none;opacity: 1;} 100% {transform:translate(100px,0);opacity: 0;} }

::-webkit-scrollbar {width: 5px; display:none} 
::-webkit-scrollbar-track { background: none; } /* Handle */ 
::-webkit-scrollbar-thumb { background: #ccc; } /* Handle on hover */ 
::-webkit-scrollbar-thumb:hover { background: #e1e1e1; } 

body::-webkit-scrollbar {width: 5px; display:block}
.dig{display:inline-grid}
.dif{display:inline-flex}
.df{display:flex}
.dn{display:none!important}
.db{display:block}
.tl{text-align:left}
.tr{text-align:right}
.tc{text-align:center}
.tj{text-align:justify}
.tu{text-transform:uppercase}
.aic{align-items:center}
.aie{align-items: end}
.jcc{justify-content:center}
.jce{justify-content:end}
.jcsa{justify-content:space-around}
.jcsb{justify-content:space-between}
.jcse{justify-content:space-evenly}
.an{display:none}
.hien{display:block}
.zi-1{z-index:1}
.zi-2{z-index:2}
.zi-3{z-index:3}
.zi-4{z-index:4}
.zi-5{z-index:5}
.zi-9999{z-index:9999}
.zi-99999{z-index:99999}
.op0{opacity:0%}
.op10{opacity:10%}
.op20{opacity:20%}
.op30{opacity:30%}
.op40{opacity:40%}
.op50{opacity:50%}
.op60{opacity:60%}
.op70{opacity:70%}
.op80{opacity:80%}
.op90{opacity:90%}
.cp{cursor:pointer}
input, textarea, select { outline: none; border: none; font-size: 14px; }
.c_141{color:#FF8141}
#registerT table, #registerTT table{width:100%; border:1px solid #eee}
#registerT table td, #registerTT table td{border:1px solid #eee; padding:5px}
#registerT table input[type="text"], #registerT table select, #registerTT table input[type="text"], #registerTT table select{width:100%; border:1px solid #ccc; border-radius:5px; padding:6px;}
#registerT table label, #registerTT table label{margin-right:10px}
#registerT table radio, #registerTT table radio{margin-right:5px}
.imgtapthe { margin-left: auto; margin-right: auto; display: block; }
.kv { border-radius: 5px; border: 1px solid #ccc; float: left; padding: 30px 10px; width: 100%; float: left; }
.box-tinthue1{padding-bottom:8px; margin-bottom:8px; border-bottom: 1px dashed #ccc}
.box-tinthue1 a{color:#333}
.box-tinthue h3{font-size:16px; margin-bottom:15px}
.menu_main li{list-style:none}
.xoaytron {bottom:0px; width: 3000px; height: 3000px; background-color: blue; animation: xoay 600s linear infinite; } 
@keyframes xoay { from {transform: rotate(360deg);} to {transform: rotate(0deg);} }
tr:nth-child(odd){background:#fff}
.bread-danhmuc{width:100%; background:#fff; opacity:0.7; float:left}
.input-group input{width:auto !important; border-radius:0 !important}
#registerT table input[type="text"], #registerT table select, #registerTT table input[type="text"], #registerTT table select, table input[type="password"], table input[type="date"] { width: 100%; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; border-radius: 5px; padding: 6px; }
#profileT table input[type="text"], #profileT table select, #profileT table input[type="text"], #profileT table select, table input[type="password"], table input[type="date"] { width: 100%; border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204); border-image: initial; border-radius: 5px; padding: 6px; }
table span{color:#ff0000}
table input:disabled, table select:disabled{background:#f1f1f1}
@media (max-width: 767px)
{
  .moc-danhmuc ol{background:inherit; opacity:1}
  .nd-right{padding-left:10px; padding-right:10px}
  .text-tintuc-child h3{margin-top:10px}
  .tinmoi-home{margin-bottom:20px; padding-bottom:10px; border-bottom:1px dashed #ccc}
  .content-cat .col-sm-4:last-child .tinmoi-home{border-bottom:none}
  .bread-danhmuc{width:100%; background:#fff; opacity:0.7; float:left}
  .moc-danhmuc ol li{padding:0 8px}
  .lienket{width:95%; margin-left:10px; margin-right:10px}
  .ds-thongbao{padding-left:10px; padding-right:10px}
  #hn_ht h2, #tinhinhanh h2, #tinthue h2, #tinhoivien h2, .box-doitac h2, #video_left h2, .nd-right h1, #tinthongbao h2{margin-left:10px}
  .dstinmoi{padding-left:10px; padding-right:10px}
  .box-tinthue h3{font-size:18px}
  .tm_hoithao{margin-bottom:10px; padding-bottom:10px}
  .tm_hoithao h3{font-size:18px; font-weight:600; margin-top:20px}
  .box-tinthue1{margin-top:20px; padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #ccc}
  .box-tinthue1 h3{margin-top:20px; font-size:18px;}
  .box-tinthue{margin-top:20px}
  .tinmoi1 h2{margin-top:20px}
  .chitietsp-top, .tomtat-sp{padding: 10px 0}
  .box-ft{margin-bottom:30px}
  .breadcrumb{background-size:cover}
  .dropdown-item{white-space:normal; color:#333}
  .bg-light {  padding: 6px 10px 6px 10px; }
  .dropdown-menu{background:none; border:none}

}
@media (min-width: 600px) and (max-width:1024px)
{
  .gia-ban{font-size:12px}
  .ht-bottom img{height: 60px; width: auto}
  #logo_right img{height: auto; width: 170px}
}
@media (min-width: 675px)
{
  .xemthem-pr a{padding: 8px 12px; font-size:10px}

  h3, .box-pro h3, .gia-sp, .box-ft h3{font-size:10px}
}
@media (min-width: 800px)
{
  .navbar-expand-lg .navbar-nav li:first-child a{padding-left:0}
  .dropdown-menu li:first-child a{padding-left:15px !important}
  .xemthem-pr a{padding: 8px 16px; font-size:14px}

  h3, .box-pro h3, .gia-sp, .box-ft h3{font-size:14px}
  .img-tinthue{width:100%; height:auto; overflow:hidden}
  .div-tinthue .img-tinthue{width:100%; height:140px; overflow:hidden}
}
@media (min-width: 768px) { 
  .modal-dialog { width: 650px; max-width: inherit; margin: 1.75rem auto; } 
}
@media (min-width: 850px)
{
  .navbar-expand-lg .navbar-nav .nav-link{padding: 15px 20px;}
  .navbar-expand-lg .navbar-nav .dropdown-menu{min-width:350px; border: none; box-shadow: 1px 2px 5px 3px #ccc; border-radius: 0;}
  .dropdown:hover .dropdown-menu{display:block}
  h3, .box-pro h3,.box-ft h3, .gia-sp{font-size:11px}
  .lienhetuvan h2{font-size:18px;}

  .tieude h2{font-size:18px}
  .text-danhmuc h3{font-size:13px}

} 
@media (min-width: 1100px)
{
  .xemthem-pr a{padding: 8px 25px}
  h3, .box-pro h3,.box-ft h3, .gia-sp{font-size:14px}
  #danhmuctrangchu .col-20{width:20%}
}
@media (min-width: 1300px)
{
  .lienhetuvan h2{font-size:22px;}

  .tieude h2{font-size:22px}
  .text-danhmuc h3{font-size:15px}

}