﻿.center 
{
    margin-top:0px;
    width:100%;
    margin-bottom:0px;
}
.canhgiua li
{
    text-align:center;
}
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#table {
    border-collapse: collapse;
        }
table th, td {
                margin-bottom: 0px;
}
#cssmenu {
  height: 54px;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  background: #141414;
  background: -moz-linear-gradient(top, #22aaff 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #22aaff), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #22aaff 0%, #141414 100%);
  background: -o-linear-gradient(top, #22aaff 0%, #141414 100%);
  /*background: -ms-linear-gradient(top, #22aaff 0%, #141414 100%);*/
  background: linear-gradient(to bottom, #22aaff 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#22aaff', EndColorStr='#141414', GradientType=0);
  border-bottom: 2px solid #71b00c;
}
    #cssmenu:after,
    #cssmenu ul:after {
        content: '';
        display: contents;
        clear: both;
    }
#cssmenu a {
  background: #141414;
  background: -moz-linear-gradient(top, #22aaff 0%, #141414 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #22aaff), color-stop(100%, #141414));
  background: -webkit-linear-gradient(top, #22aaff 0%, #141414 100%);
  background: -o-linear-gradient(top, #22aaff 0%, #141414 100%);
  background: linear-gradient(to bottom, #22aaff 0%, #141414 100%);
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#22aaff', EndColorStr='#141414', GradientType=0);
  color: #ffffff;
  display: block;
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  line-height: 49px;
  padding: 0 31px;
  text-decoration: none;
  
}
#cssmenu ul {
  list-style: none;
}
#cssmenu > ul {
  float: left;
}
#cssmenu > ul > li {
  float: left;
}
    #cssmenu > ul > li:hover:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 50%;
        bottom: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #71b00c;
        margin-left: -10px;
        
        /*nút nhọn chỉ vào menu cha*/
    }
#cssmenu > ul > li:first-child a {
  border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  /*Gốc trái khuyết menu con*/
}
#cssmenu > ul > li:last-child a {
  border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  /*Hiệu ứng khuyết gốc phải menu con*/
}
#cssmenu .has-sub:hover > ul {
  display: block;
  /*khoa menu khi đưa chuột ngang*/
}
#cssmenu .has-sub ul {
  display: none;
  position: absolute;
  width: 200px;
  top: 100%;
  left: 0;
  /* menu con ẩn khi load lên */
}

    #cssmenu .has-sub ul li a {
        background: #007acc;
        border-bottom: 0,5px dotted #aad06d;
        filter: none;
        font-size: 11px;
        display: block;
        line-height: 120%;
        padding: 10px;
        border: 1px double #f7f3f3;
        /* màu nền mune con*/
    }
#cssmenu .has-sub ul li:hover a {
  background: #22aaff;
  color: yellow;
  /* nền khi ngang chuột */
}

    /*Menu con cấp 2*/
    #cssmenu .has-sub ul li ul a {
        background: #aad06d;
        border-bottom: 0,1px dotted #aad06d;
        filter: none;
        font-size: 11px;
        display: block;
        line-height: 120%;
        padding: 10px;
    }

    /*Menu con cấp 3*/
    #cssmenu .has-sub ul li ul li a {
        background: black;
        border-bottom: 0,1px dotted #aad06d;
        filter: none;
        font-size: 11px;
        display: block;
        line-height: 120%;
        padding: 10px;
    }

    #cssmenu .has-sub ul li ul :hover a {
        background: #aad06d;
        color: red;
        /* nền khi ngang chuột */
    }


    #cssmenu .has-sub > ul > li > ul {
        position: absolute;
        top: -0px;
        left: 200px;
    }


    #cssmenu .has-sub ul li ul li ul :hover a {
        background: #00FFFF;
        color: red;
        /* nền khi ngang chuột */
    }


    #cssmenu .has-sub > ul > li > ul > li > ul {
        position: absolute;
        top: -0px;
        left: 200px;
    }



   