﻿
        /* common styling */
        /* set up the overall width of the menu div, the font and the margins */
        .menu {
            font-family: arial, sans-serif;
            /*position: absolute;*/
            /*left: 580px;*/
            /*top: 61px;*/
            margin: 0;
            font-size: 14px;
            font-family: 微软雅黑;
           /* z-index:9999;*/
          float: right;
          padding-top:10x;
        }
            /* remove the bullets and set the margin and padding to zero for the unordered list */
            .menu ul {
                padding: 0;
                margin: 0;
                list-style-type: none;
            }
                /* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
                .menu ul li {
                    float: left;
                    position: relative;
                }
                    /* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
                    .menu ul li a, .menu ul li a:visited {
                        display: block;
                        text-align: center;
                        text-decoration: none;
                        width: 90px;
                        height: 48px;
                        color: #545454;
                        border: 1px solid transparent;
                        border-width: 1px 1px 0 0;
                        line-height: 48px;
                        font-size: 14px;
                        /*padding: 10px 0 0;*/
                    }
                    /* make the dropdown ul invisible */
                    .menu ul li ul {
                        display: none;
                        /*background-color:#fff;*/
                        filter: alpha(Opacity=30);
                        opacity: 0.8;
                        -moz-opacity: 0.8;
                        filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); 
                    }
                    .menu ul li>ul{ padding-top: 8px;}
                    .menu ul li>ul>li>a{ height: 40px !important; line-height: 40px !important;}

                    /* specific to non IE browsers */
                    /* set the background and foreground color of the main menu li on hover */
                    .menu ul li:hover a {
                        color: #fff;
                        background: #1b92d5;
                    }
                    /* make the sub menu ul visible and position it beneath the main menu list item */
                    .menu ul li:hover ul {
                        display: block;
                        position: absolute;
                        top: 41px;
                        left: 0;
                        /*width: 105px;*/
                        z-index: 99999;
                       
                    }

                        /* style the background and foreground color of the submenu links */
                        .menu ul li:hover ul li a {
                            display: block;
                            background: #fff;
                            color: #545454;
                            width: 130px;
                            font-size:14px;
                          
                        }
                            /* style the background and forground colors of the links on hover */
                            .menu ul li:hover ul li a:hover {
                                background: #1b92d5;
                                color: #fff;
                                border: solid 1px #fff;
                            }