/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}

/*
 * Off Canvas
 * --------------------------------------------------
 */

.navbar-collapse {
  max-height: 100%;
}
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -85%;
	/*當左邊太短時，右邊就用捲動的*/
	overflow: auto;
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -85%;
	
  }

  .row-offcanvas-right.active {
    right: 85%;
  }

  .row-offcanvas-left.active {
    left: 85%;
  }

  .sidebar-offcanvas {
	position: absolute;
	width: 85%;
    height:100%;
    margin:0 0 0 -12px;
	background-color:#e4dfcf;
	-moz-box-shadow:-2px -2px 6px 7px rgba(0,0,0,0.25) inset;
	-webkit-box-shadow:-2px -2px 6px 7px rgba(0,0,0,0.25) inset;
	box-shadow:-2px -2px 6px 7px rgba(0,0,0,0.25) inset;
	z-index:9999;
  }
 
   .row-offcanvas-left
  .sidebar-offcanvas .offCanvasTrick{
    display:none;
  }
 
  .row-offcanvas-left.active  .offCanvasTrick{
    display:block;
    height: 100%;
    width: 85%;
    position: inherit;
    top:0;
    left:100%;
  }
/*    
  .row-offcanvas-left #sidebar{

  }
 
  #sidebar a.list-group-item{

	  z-index:9999
  }
 
  #sidebar div.nav-container{
  	  z-index:9999;
  }
 
  #sidebar a.list-group-item.active, #sidebar a.list-group-item:hover, #sidebar a.list-group-item:focus{

  }
 
  #sidebar a.list-group-item.active{

  }*/
}