@charset "utf-8";
@import url("theme.css");
body
{
	margin: auto;
	font-family: 'Arial', sans-serif;
	font-size: 13px;
}
#wrapper
{
	margin: 0 auto; 
	position: relative;
	width: 100%;
	min-height: 100%;
}
.footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: var(--theme-hover, #29BB8A);
	font:13px/1.5 Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	color: #FFF;
}
.banner
{
	height: 70px;
 	width: 100%;
	background-color: var(--theme-header-bar-bg, #FFFFFF);
    box-shadow: inset 0 -1px 0 rgba(80, 80, 80, 0.12);
   	background-size:contain;
  	background-repeat:no-repeat;
}
.info
{
	color: var(--theme-dark, #019947);
	margin: auto;
	float: right;
	margin-right: 0px;
	margin-top: 16px;
}
.info div
{
	float: left;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
    text-align: right;
}
.info div h1
{
    font: 14px/1 'Open Sans', sans-serif;
}
.info div .btna
{
	float: left;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 3px;
    font: bold 14px/1 'Open Sans', sans-serif;
    text-transform: uppercase;
    background-color:var(--theme-btn-bg, #35498A);
    margin-right: 10px;
    margin-top: 2px;
	color: #fff;
}
.info div .btne
{
	float: left;
    text-decoration: none;
    border-radius: 3px;
    font: bold 14px/1 'Open Sans', sans-serif;
	color: #D2D4D3;
	text-align: right;
}
.info div .btne:hover
{
	color: #fff;
}
.info div .btna
{
	float: left;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 3px;
    font: bold 14px/1 'Open Sans', sans-serif;
    text-transform: uppercase;
    background-color:var(--theme-btn-bg, #35498A);
    margin-right: 10px;
	color: #fff;
}
.info div .btna:hover
{
	color: #D2D4D3;
}
.div_center{
	width: 100%;
	max-width: 451px;
	padding: 0px;
	margin: auto;
}
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu ul{
	border-left: 1px solid rgba(80, 80, 80, 0.12);
}

#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  font-family: 'Open Sans', Helvetica, sans-serif;
}

#cssmenu.align-right > ul > li {
  float: right;
}
/* Menu ngang dung flex + nowrap: truoc day li float nen khi tong rong
   (menus.size()*150) vuot ngan sach "max-width" o menu.jsp thi item cuoi
   bi xuong dong 2. Flex giu luon mot hang. */
#cssmenu > ul {
  display: flex;
  flex-wrap: nowrap;
}
#cssmenu > ul > li {
  float: none;
  display: block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 15px 0px 15px 0px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  border-bottom: 3px solid transparent;
  text-decoration: none;
  color: var(--theme-menu-bar-text, #1F2937);
  text-transform: uppercase;
  letter-spacing: 1px;
  min-width: 150px;
  text-align: center;
  font: bold 15px/1.2 'Open Sans', sans-serif;
  text-transform: uppercase;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: var(--theme-menu-bar-hover, #16225C);
  background: transparent;
  border-bottom-color: var(--theme-gold, #F5B93C);
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: var(--theme-menu-bar-text, #1F2937);
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: var(--theme-menu-bar-hover, #16225C);
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  padding-top: 0px;
  font-size: 14px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul {
  z-index: 1000;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 230px;
  color: var(--theme-menu-text-2, #D3ECE1);
  background: var(--theme-menu-sub, #2289C0);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #FFFFFF;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}


@media all and (max-width: 500px) {
	#cssmenu > ul {
	  display: none;
	}
	#cssmenu > ul.open {
	  display: block;
	  border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	#cssmenu.align-right > ul {
	  float: none;
	}
	#cssmenu.align-center > ul {
	  text-align: left;
	}
	#cssmenu > ul > li,
	#cssmenu.align-right > ul > li {
	  float: none;
	  display: block;
	}
	
	#cssmenu > ul > li:hover > a,
	#cssmenu > ul > li.active > a {
	  background: rgba(0, 0, 0, 0.1);
	}
	#cssmenu #menu-button {
	  display: block;
	  text-decoration: none;
	  font-size: 14px;
	  font-weight: 700;
	  color: var(--theme-menu-text, #D3ECED);
	  padding: 18px 25px 18px 25px;
	  text-transform: uppercase;
	  letter-spacing: 1px;
	  background: url('bg.png');
	  cursor: pointer;
	}
	
	#cssmenu ul ul li {
	  width: 100%;
	}
	#cssmenu ul ul li a {
	  width: 100%;
	  box-shadow: none;
	  padding-left: 35px;
	}
	#cssmenu ul ul ul li a {
	  padding-left: 45px;
	}
	#cssmenu ul ul li:first-child > a,
	#cssmenu ul ul li:last-child > a {
	  border-radius: 0;
	}
	#cssmenu #menu-button::after {
	  display: block;
	  content: '';
	  position: absolute;
	  height: 3px;
	  width: 22px;
	  border-top: 2px solid var(--theme-menu-text, #D3ECED);
	  border-bottom: 2px solid var(--theme-menu-text, #D3ECED);
	  right: 25px;
	  top: 18px;
	}
	#cssmenu #menu-button::before {
	  display: block;
	  content: '';
	  position: absolute;
	  height: 3px;
	  width: 22px;
	  border-top: 2px solid var(--theme-menu-text, #D3ECED);
	  right: 25px;
	  top: 28px;
	}
	#cssmenu > ul > li.has-sub > a::after,
	#cssmenu ul ul li.has-sub > a::after {
	  display: none;
	}
}