a, a:visited, a:hover { text-decoration: none; }

body, html { font-family: Arial; font-size: 14px; color: #222; background: #999; }

img { max-width: 100%; }

ul { margin-bottom: 0px; }

a { color: #474be6; }

header .logosm { display: none; }

.main { background: #fff; }

.main-body { margin: 10px 0; }
.main-body .left { width: 250px; float: left; }
.main-body .right { width: calc(100% - 270px); float: right; }

.banner { position: relative; }
.banner #mainslide { position: absolute; top: 0px; right: 0px; width: 385px; }

.font-zoom { position: fixed; right: 10px; bottom: 60px; z-index: 1000; }

#decfont { background-position: -6px -60px; display: inline-block; height: 32px; width: 40px; background: url(../images/zoom.png) no-repeat -6px -60px; }

#incfont { background-position: -6px -60px; display: inline-block; height: 32px; width: 40px; background: url(../images/zoom.png) no-repeat -6px -13px; }

.w400 { width: 400px; }

.smshow { display: none; }

.menu-toggle { color: #dc3545 !important; font-weight: bold; font-size: 18px; letter-spacing: 3px; }

.split-para { position: relative; margin-bottom: 10px; }

.split-para span { display: block; position: absolute; width: 100%; text-align: right; right: 0px; }

.mytab2 .nav-link { background: #f2f2f2 !important; color: #444 !important; margin-right: 3px; }
.mytab2 .active { background: #ddbb7b !important; color: #fff !important; }

.mytab-content .tab-pane { padding-top: 15px; }

.ml-btn { margin-top: 10px; display: block; cursor: pointer; }

.modal-mucluc { max-width: 900px !important; z-index: 9999; }

.modal { z-index: 9991; }

.ExpiredDescription span { font-size: 13px !important; font-family: Arial !important; }

.box { border: 1px solid #ddd; background: #fff; color: #3b3b3b; margin-bottom: 10px; }
.box a { color: #3b3b3b; }
.box .header { background: #f2f2f2; line-height: 30px; color: #0e447b; font-size: 1.1rem; font-weight: bold; padding: 0 10px; }
.box .body { padding: 10px; }
.box .body .listcb { margin: 10px 0; padding: 0px; list-style: none; }
.box .body .listcb li { background: url(../images/idex-icon.png) no-repeat left center; cursor: pointer; display: block; padding: 5px 10px; }
.box .body .listcb li span { font-size: 0.9rem; }
.box .body .listcb li span.mucluc { font-style: italic; color: #5563fb; padding-left: 5px; }
.box .body .listcb li span:hover { color: #af0e00; }
.box .body .listcb li span.mucluc:hover { color: #26af68; }
.box .body .listcb2 { margin: 0px; }
.box .body .listcb2 .active span { color: #af0e00; font-weight: bold; }
.box .body .listcb2 span { color: #444; }
.box .tktc p { border-bottom: 1px dashed #ddd; padding: 0 10px; margin: 0px; line-height: 35px; font-size: 13px; }
.box .tktc p:last-child { border: none; }

.form-control { font-size: 12px; }

.box13 .body { font-size: 13px; }

.box-grey { background: #f8f8f8 url(../images/greybox-bg.png) no-repeat; background-size: contain; }
.box-grey .body { text-align: justify; }

.banner-item { margin-bottom: 5px; text-align: center; }

.cbname { color: #af0e00; font-size: 21px; font-weight: bold; margin-bottom: 10px; }

.cbname2 { font-size: 16px; font-weight: bold; }
.cbname2 span { color: #444; }

.countb td:first-child a { background: url(../images/red-dot2.png) left center no-repeat; padding-left: 10px; }

.tt-item h4 { margin: 20px 0 10px; font-weight: bold; font-size: 1.2rem; }

.listdmTB a { color: #444 !important; }
.listdmTB .small { font-size: 12px; }
.listdmTB .small p { margin-bottom: 0px; }

.nlist { border-bottom: 1px solid #ddd; padding-bottom: 7px; margin-bottom: 20px; }
.nlist a { color: #033e7a; font-weight: bold; }

.article-item { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #ddd; text-align: justify; overflow: auto; }

.article-item .img { display: block; float: left; margin: 0 10px 10px 0; width: 25%; }

.article-item .img img { width: 100%; }

.article-item h4 { margin-top: 0; font-weight: 700; font-size: 14px; }

.article-item h4 a { color: #444; }

.article-item h4 a:hover { color: #0857a2; }

.sitemap-body ul { list-style-type: none; padding: 0px; }

.sitemap-body ul li a { line-height: 27px; font-size: 1.1rem; color: #000; }

.article-body h1 { font-size: 18px; font-weight: 700; line-height: 150%; color: #182045; margin-top: 0; }

.article-content div { margin-bottom: 10px; line-height: 20px; }

.article-content iframe, .article-content table { max-width: 100% !important; width: 100% !important; }

.other-list h2 { border-bottom: 2px solid #ccc; font-size: 18px; margin-bottom: 15px; margin-top: 20px; font-weight: 700; padding-bottom: 5px; }

.other-list ul { padding: 0; margin-left: 20px; }

.other-list ul li { margin-bottom: 10px; }

.other-list ul li a { font-size: 1.1rem; color: #333; }

.searchbox { border: 1px solid #ddd; background: #f2f2f2; border: 1px solid #ddd; padding: 5px; }
.searchbox .left { float: left; width: calc(100% - 130px); }
.searchbox .right { float: right; width: 125px; text-align: right; }
.searchbox .right span { cursor: pointer; font-size: 12px; line-height: 30px; }

.searchform { background: #fff; border-radius: 4px; border: 1px solid #ddd; height: 30px; }
.searchform .search-txt { width: calc(100% - 35px); float: left; border: none; outline: none; line-height: 28px; padding: 0 5px; }
.searchform .search-btn { width: 30px; float: right; line-height: 27px; text-align: center; cursor: pointer; border: none; outline: none; background: none; }

.searchform ::placeholder { color: #666; font-style: italic; }

.searchform :-ms-input-placeholder { color: #666; font-style: italic; }

.searchform ::-ms-input-placeholder { color: #666; font-style: italic; }

.btn-warning { color: #fff !important; }

.searchbox_dt { border: 1px solid #ddd; padding: 10px; margin-bottom: 15px; background: #f9f9f9; border-radius: 5px; }

@keyframes dot-keyframes { 0% { opacity: .4; transform: scale(1, 1); }
  50% { opacity: 1; transform: scale(1.2, 1.2); }
  100% { opacity: .4; transform: scale(1, 1); } }
.loading-dots { text-align: center; width: 100%; margin-top: 15px; font-size: 14px; }
.loading-dots--dot { animation: dot-keyframes 1.5s infinite ease-in-out; background-color: #af0e00; border-radius: 10px; display: inline-block; height: 7px; width: 7px; margin: 0 3px; }
.loading-dots--dot:nth-child(2) { animation-delay: .5s; }
.loading-dots--dot:nth-child(3) { animation-delay: 1s; }

.loading-box { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); position: absolute; left: 0; top: 0; z-index: 99; }

.myForm .table { margin-top: 15px; }
.myForm .table thead tr th { background: #f2f2f2; font-size: 13px; }
.myForm .table a { color: #333; }

.table thead tr th { font-size: 13px; }

.mytab .tabct { padding: 10px; }
.mytab .tab-content { border: 1px solid #ddd; border-top: none; background: #fffaf1; position: relative; }
.mytab .nav-link { padding: 0.7rem 1.5rem; color: #333; }
.mytab .nav-tabs { background: #dddddd; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.mytab .nav-tabs .nav-link.active, .mytab .nav-tabs .nav-item.show .nav-link { background: #fffaf1; border-bottom-color: #fffaf1; font-weight: bold; }
.mytab .page-link { color: #888 !important; }
.mytab .pagination .active .page-link { color: #fff !important; }

.btn-warning { color: #fff !important; }

.congbao .ml { font-size: 28px; color: #af0e00; font-weight: bold; margin: 20px 0 10px 0; }
.congbao .hrml { width: 100px; border-bottom: 1px solid #777; margin: auto; }
.congbao .loaivb { text-transform: uppercase; font-weight: bold; font-size: 1.4rem; margin: 15px 0; color: #333; }
.congbao .cqbh { text-transform: uppercase; font-weight: bold; font-size: 1.2rem; margin-bottom: 15px; color: #333; }
.congbao .item { list-style: none; padding: 0px; margin-bottom: 15px; }
.congbao .item li { display: inline-block; vertical-align: top; }
.congbao .item .date { width: 90px; }
.congbao .item .date span { background: url(../images/red-dot2.png) left center no-repeat; padding-left: 10px; color: #666; }
.congbao .item .namedm { width: calc(100% - 160px); text-align: justify; }
.congbao .item .namedm a { color: #333; display: block; }
.congbao .item .namedm a:hover { color: #af0e00 !important; }
.congbao .item .page { width: 60px; text-align: center; font-weight: bold; }

.documentDetail .name { color: #af0e00; border-bottom: 1px dashed #ddd; font-size: 1.15rem; margin-bottom: 10px; font-weight: bold; padding-bottom: 10px; }
.documentDetail p { margin-bottom: 13px; text-align: justify; }
.documentDetail a { color: #007bff; }
.documentDetail .listFile { list-style: none; padding: 0px; margin-bottom: 10px; }
.documentDetail .listFile li { background: url(../images/red-dot2.png) no-repeat left center; padding-left: 10px; }

.notification { background: #f2f2f2; border-bottom: 1px solid #ddd; }
.notification .left { background: url(../images/notification-icon.png) no-repeat left center; height: 35px; overflow: hidden; width: 35px; float: left; }
.notification .right { width: calc(100% - 35px); float: right; overflow: hidden; }
.notification .right ul li { background: url(../images/red-dot.png) no-repeat left; padding-left: 10px; }
.notification .right ul li a { color: #af0e00; line-height: 35px; padding-right: 40px; }

#topbar { height: 30px; line-height: 30px; color: #777; font-size: 0.9rem; border-bottom: 1px solid #ddd; }
#topbar a { color: #777; }
#topbar a:hover { color: #ddbb7b; }
#topbar .curentDate { font-style: italic; color: #ddbb7b; }

.footerMenu { background: #c39236; }
.footerMenu ul { text-align: center; width: 100%; }
.footerMenu a { color: #fff; text-align: center; padding: 0 10px; text-transform: uppercase; line-height: 40px; font-weight: bold; font-size: 12px; }

#footer { background: #fff0d0 url(../images/trongdong.png) no-repeat center top 50%; padding: 10px 0 15px 0; color: #333; border-top: 6px #ff952f solid; }
#footer a { color: #333; }
#footer h2 { font-size: 1.3rem; font-weight: 600; text-transform: uppercase; margin: 10px 0 7px; }
#footer p { margin-bottom: 3px; font-size: 0.9rem; }

@media only screen and (max-width: 1200px) { /* Styles */
  #mainslide { display: none; } }
@media only screen and (max-width: 991px) { /* Styles */
  .stellarnav > ul > li { border: none; }
  .stellarnav > ul > li > a { padding: 0px 45px; line-height: 40px; text-transform: uppercase; font-weight: bold; font-size: 1rem; color: #222; }
  .w400 { width: auto; } }
@media only screen and (max-width: 767px) { #footer h2 { font-size: 1.1rem; }
  /* Styles */
  header .logo { display: none; }
  header .logosm { display: block; }
  .main-body .left, .main-body .right { float: none; width: auto; }
  .smhide { display: none; }
  .smshow { display: block; } }

/*# sourceMappingURL=site.css.map */
