@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: helvetica, Arial, sans-serif;
  font-size: 14px ;
}
div {
  display: block;
}
body {
  width: 100%;
  height: 100%;
  font: normal 12px 'Arial';
  margin: 0;
  padding: 0;
  min-width: 1000px;
  color: #333;
  background: #fff;
}
.header{
  background-color: aqua;
  width: 100%;
  height: 153px;
}
#AdvBanner{height:153px;width:100%;margin:0 auto;}
#AdvBanner img{height:153px;width:100%;}
.menu{
  width: 100%;
  height: 40px;
}
.date{
  background-color: rgb(74, 69, 78);
  width: 100%;
  height: 25px;
}

#left{
  width: 100%;
}
#right{
  width: 100%;
}
.footer{
  color: white;
  padding: 20px 0 50px 0;
  border-top: 1px solid #8ca6c6;
  background: #2b78d0;
  width: 100%;
  height: 130px;
}
/*menu*/
#CommonMenuMain {
  z-index: 10000;
  position: relative;
  width: 100%;
  height: 40px;
  background: #2b78d0;
  overflow: hidden;
}

#CommonMenuMain .inner {
  height: 35px;
  margin-left: 50px;
  background: #2b78d0;
  float: left;
}

#CommonMenuMain a.current,#CommonMenuMain .litop:hover a.top,#CommonMenuMain a.top:hover {
  color: #fff;
}

#CommonMenuMain .ddsmoothmenu-v ul {
  list-style-type: none;
  margin: 1px;
  padding: 0;
  width: 100%;
}

#CommonMenuMain .ddsmoothmenu-v ul li.litop {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  height: 38px;
  display: table-cell;
}
#CommonMenuMain .ddsmoothmenu-v ul li.litop:hover {
  background: #2f068d;
  color: #fff;
}
#CommonMenuMain a.home {
  background: none repeat scroll 0 0 #2b78d0;
  height: 40px;
  width: 41px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding: 3px 0px;
}

#CommonMenuMain a.home:hover {
  background: none repeat scroll 0 0 #2f068d;
}

#CommonMenuMain a.home span {
  background: url(../images/bghome.png) no-repeat center;
  height: 35px;
  width: 36px;
  
  display: block;
  margin-left: 3px;
}

#CommonMenuMain .ddsmoothmenu-v ul li a {
  text-align: center;
  display: block;
  padding: 3px 10px;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  font: bold 11.5px/35px 'Arial';
  text-transform: uppercase;
}

#CommonMenuMain .ddsmoothmenu-v ul li.litop:hover a.top {
  background: #d41020;
  color: #fff;
}

#CommonMenuMain .ddsmoothmenu-v ul li.selected a {
  background: #0b5ab4;
  color: #fff;
}

#CommonMenuMain .ddsmoothmenu-v ul li a.current1 {
  background: #cdcfd1;
  color: #fff;
}

#CommonMenuMain a.current {
  background: #0b5ab4;
  color: #fff;
}

#CommonMenuMain .ddsmoothmenu-v ul li ul {
  position: absolute;
  top: 38px;
  visibility: hidden;
  width: 200px;
}

#CommonMenuMain .ddsmoothmenu-v ul li ul li.subli:first-of-type {
  border-radius: 4px 4px 0 0;
}

#CommonMenuMain .ddsmoothmenu-v ul li ul li.subli:last-of-type {
  border-radius: 0 0 4px 4px;
}

#CommonMenuMain .ddsmoothmenu-v ul li ul li {
  background: url(/cms/display/CommonControls/CommonMenuMain/bgsub.png);
  border-bottom: 1px solid #e87f25;
  border-top: 1px solid #e87f25;
  display: block;
  padding: 0 5px;
  text-align: left;
}

#CommonMenuMain .ddsmoothmenu-v ul li ul .first {
  height: 5px;
  width: 10px;
  background: url(/cms/display/CommonControls/CommonMenuMain/bg_trongul.png) no-repeat;
  display: block;
  margin-left: 40px;
}

#CommonMenuMain .ddsmoothmenu-v ul li ul li:hover {
  background: #a74e00;
  border-bottom: 1px solid #d56a10;
  border-top: 1px solid #d56a10;
}

#CommonMenuMain .ddsmoothmenu-v ul li ul li a {
  color: #fff;
  display: block;
  font: normal 12px/19px Arial;
  text-transform: capitalize;
}

#CommonMenuMain .ddsmoothmenu-v ul li ul li:hover a {
  background: none;
}

/* Holly Hack for IE \*/
#CommonMenuMain .ddsmoothmenu-v ul li ul {
  height: 0\9;
}
/***time****/
.date .time {
  width: 100%;
  background: #efefef url(../images/bgtime.png) no-repeat left 0 top 4px;
  height: 30px;
  margin-bottom: 15px;
  white-space: nowrap;
}
.date .timenow {
  font: normal 11px/30px Arial;
  color: #fff;
  padding-left: 20px;
  float: left;
}
div {
  display: block;
}
.cb {
  clear: both;
}
/****menudoc*/
#menu {
  width: 100%;
}
#menu ul {
  background: rgb(153, 200, 255);
  width: 100%;
  list-style-type: none;
  text-align: left;
}
#menu li {
  width: auto;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e8e8e8;
  padding: 0 1em;
}
#menu li a {
  text-decoration: none;
  color: #333;
  display: block;
}
#menu li:hover {
  background: #CDE2CD;
}
.title{
  width: 100%;
  height: 36px;
  background-color: #0b5ab4;
  color: #fff;
  padding: 8px 4px;
  text-align: center;
  font-size: 16px;
}

.title-right{
  background: #efefef url(../images/bghome.png) no-repeat left 0 top 7px;
  width: 100%;
  height: 36px;
  background-color: #e4e5e7;
  color: rgb(95, 95, 95);
  padding: 10px 32px;
  text-align: left;
  font-size: 14px;
}
.top{
  margin-top:5px;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.sizeicon{
  width:30px;
  height:30px;
  text-align: center;
  margin-left: 10px;
}
.sizeicon1{
  width:25px;
  height:25px;
  text-align: center;
  margin-left: 5px;
}
.sizefont{
  font-size: 12px;
}
.sizefont1{
  font-size: 14px;
}
.tablea {
  height:40px;
  overflow:hidden;
}
.active{
    color: #F0F8FF;
    background: none repeat scroll 0 0 #e5e4e9;
}
.active a{
    color: #F0F8FF;
}