body {
        padding-top: 40px;
        font-family : 微軟正黑體;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      html{
            overflow :auto;
            overflow-x:hidden;
      }

        .helpful
        {
            position :absolute ;
            z-index:999999;
        }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -100px;
      }

        .loginAccount
        {
            padding:0px !important;
            margin-bottom :0px !important;
        }

        .nvar-mobile-menu
        {
            display :none;
            line-height :40px;
            padding-top:10px;
        }

        .nvar-mobile-menu .btn-color ,.nvar-mobile-menu .btn-color:hover
        {
            color:black !important;
            margin-right:3px;
        }
        span.icons
        {
            text-decoration :none !important;
        }

        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
            .nvar-mobile-menu
            {
                display:block;
            }
            .navbar-inverse
            {
                margin:0px;
            }
            .layout-solgin, span.icons
            {
              display:none !important;
            }
            .layout-solgin,span.sidr-class-icons,.layout-left-panel,.layout-right-panel,.layout-menu-content
            {
                display:none !important;
            }
            .TreeColumnMenuOnLeft,.TwoColumnMenuOnLeft,.TwoColumn,.TreeColumn
            {
                max-width:980px !important;
                width:100% !important;
            }
        }

      .push {
        max-width :1000px;
        margin:auto;
        height:100px;
      }

    .footer-block
    {
        max-width:1000px ;margin:auto;
    }
    .layout-footer{text-align:center;color:white;background-color:#009FCC; padding:30px;}
            /* Lastly, apply responsive CSS fixes as necessary */
            @media (max-width: 767px) {
            .layout-footer {
                margin-left: -20px;
                margin-right: -20px;
                padding-left: 20px;
                padding-right: 20px;
            }
            .classItem
            {
                width:90% !important;
            }
        }


    .navbar-inner {
      background-color: #009FCC !important; /* background color will be black for all browsers */
      background-image: none !important;
      background-repeat: no-repeat;
      border:none !important;
      filter: none !important;
    }

    .navbar-inner a ,.navbar-inner p
    {
        color:#EEE !important;
    }

    .navbar-inner a:hover
    {
        text-decoration :underline !important;
         color:#FFF !important;
    }

    .loginLink
    {
        color:white ;
    }
    
    .loginLink:hover
    {
        color:white ;
    }

    .layout-wrap
    {
        max-width:1000px;margin:auto;_width:1000px;
    }

    /*custom layout*/
    .layout-content-data
    {
        font-family: 微軟正黑體 ,"Segoe UI", Verdana, Helvetica, Sans-Serif !important; 
    }
    .layout-content-data h2,.layout-content-data h3,.layout-content-data h1,.layout-content-data h4
    {
        text-shadow :1px 1px 1px #666;
    }
    .layout-content-padding
    {
        padding:8px;
    }
    .layout-left-panel, .layout-right-panel
    {
        width:20%;
        min-width:200px;
        min-height:100px;
    }
    .layout-left-panel,.layout-content-data,.layout-right-panel
    {
        float:left;
    }
    .layout-content-data
    {
        min-height :650px;
    }
    .OneColumn
    {
        max-width:1000px;
        width:100%;
    }
    .TwoColumn ,.TwoColumnMenuOnLeft
    {
        max-width :800px;
        width:80%;
    }
    .TreeColumn ,.TreeColumnMenuOnLeft
    {
        max-width  :600px;
        width:60%;
    }



    .layout-bottom-panel a, .layout-bottom-panel h4
    {
        color:#EEE;
    }

    /*module*/
    .modules
    {
        margin-top:10px;           
    }

    /*Link module*/
    .LinkModule h4
    {
        text-shadow: 1px 1px 1px #000;
    }

    .LinkModule ul
    {
        list-style-type :none;
        margin:0px;padding:0px;
    }
    .LinkModule ul li
    {
        padding:3px;
    }

    .LinkItem
    {
        float:left;
        width:170px;
        padding:10px;
    }
    
    .layout-solgin
    {
        background-image:url(images/sloginbg.png);
        position :absolute ;
        margin:30px 0px 0px 30px;
        padding:20px;
        z-index :999;
    }
    .layout-solgin-master
    {
        font-size:48px;
        text-shadow :1px 1px 1px #999;
        font-weight:bolder ;
        line-height :48px;
    }
    .layout-solgin-sub
    {
        padding-top:10px;
        font-size:20px;
        text-shadow :1px 1px 1px #999;
        font-weight:bolder ;
        color:#888;
    }

    .nvar-mobile-menu a:hover
    {
        text-decoration:none !important;
    }


.mm-panel
{
    background:#333333 !important;
}
.mm-panel a
{
    background-image :none;
    color:#CCC !important;
}


/* file module css**/
.filetype
{
    padding-left:16px;
}

.FileModule
{
    width:100%;
}
@media (max-width: 980px)
{
    .FileModule
    {
        width:100%;
    }
}


.ViewMenuSectionBlock
{
    padding-top:30px;
}

.affix
{
    top:45px;
}

.top-side-nav ul
{
    list-style-type :none;
    margin:0px;
}
.top-side-nav ul li
{
    float:left;
    margin-right:2px;
}

.top-side-nav .active a
{
    color:red;
}