﻿.center {
    margin-top: 0px;
    width: 100%;
    margin-bottom: 0px;
}

.menuphai 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 .menuphai:hover > ul {
        display: block;
        /*khoa menu khi đưa chuột ngang*/
    }

    #cssmenu .menuphai ul {
        display: none;
        position: absolute;
        width: 200px;
        top: 100%;
        right: 0;
        /* menu con ẩn khi load lên */
    }

        #cssmenu .menuphai 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 .menuphai ul li:hover a {
            background: #22aaff;
            color: yellow;
            /* nền khi ngang chuột */
        }

        /*Menu con cấp 2*/
        #cssmenu .menuphai 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 .menuphai 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 .menuphai ul li ul :hover a {
            background: #aad06d;
            color: red;
            /* nền khi ngang chuột */
        }


    #cssmenu .menuphai > ul > li > ul {
        position: absolute;
        top: -0px;
        right: 200px; /*Hướng thể hiện menu con sang phải*/
    }


    #cssmenu .menuphai ul li ul li ul :hover a {
        background: #00FFFF;
        color: red;
        /* nền khi ngang chuột */
    }


    #cssmenu .menuphai > ul > li > ul > li > ul {
        position: absolute;
        top: -0px;
        right: 200px;/*Hướng thể hiện menu cháu sang phải*/
    }
