/*!

 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)

 * Copyright 2013-2016 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)

 */



 body {

    overflow-x: hidden;

 }



/* Toggle Styles */



#wrapper {

    padding-left: 0;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

}



#wrapper.toggled {

    padding-left: 250px;

}



#sidebar-wrapper {

	/*background-image:url(../images/bk.jpg);*/

	background-color:#000;

	  letter-spacing: 6px;　

	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);

-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);

box-shadow: 0 1px 5px rgba(0,0,0,0.75);

    z-index: 1000;

    position: fixed;

    left: 250px;

    width: 0;

    height: 100%;

    margin-left: -250px;

    overflow-y: auto;

	overflow-x: hidden;

   /* background: #000;*/

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all 0.5s ease;

	white-space:nowrap;

}

#sidebar-wrapper a{ color:#FFF; font-size:18px;}

#wrapper.toggled #sidebar-wrapper {

    width: 250px;

}



#page-content-wrapper {

    width: 100%;

    position: absolute;

    padding:0px;

	padding-bottom:30px;

	padding-top:30px;





}



#wrapper.toggled #page-content-wrapper {

    position: absolute;

    margin-right: -250px;

}



/* Sidebar Styles */



.sidebar-nav {

 

    top: 0;

    /* width: 250px; */

    margin: 0;

    padding: 0;

    list-style: none;

}



.sidebar-nav li {

    text-indent: 20px;

    line-height: 40px;

	padding-left:15px;



}



.sidebar-nav li a {

    display: block;

    text-decoration: none;

	font-weight:700

   

}



.sidebar-nav li:hover {

    text-decoration: none;

        background-color: #666;

    color: #FFF;

}

.sidebar-nav li:hover .enmenu {

	color: #999

}

.sidebar-nav li a:active,

.sidebar-nav li a:focus {

    text-decoration: none;

}



.sidebar-nav > .sidebar-brand {



}



.sidebar-nav > .sidebar-brand a {

    color: #999999;

}



.sidebar-nav > .sidebar-brand a:hover {

    color: #fff;

    background: none;

}



@media(min-width:768px) {

    #wrapper {

        padding-left: 250px;

    }



    #wrapper.toggled {

        padding-left: 0;

    }



    #sidebar-wrapper {

        width: 250px;

    }



    #wrapper.toggled #sidebar-wrapper {

        width: 0;

    }



    #page-content-wrapper {

        padding: 20px;

        position: relative;

    }



    #wrapper.toggled #page-content-wrapper {

        position: relative;

        margin-right: 0;

    }

}