/*! Bootstrap-off-canvas-push - v1.0.2
 * Copyright (c) 2015 Steffen Ermel; Licensed MIT *
 */
 /*html,body{
	 height:100%;
	 min-height:100%;
}*/
 /**2017-10-31編輯**/
/*body.active{
	overflow-x:hidden;
	overflow-y:hidden;
}*/
.overlay{
	background-color:transparent;
	position:fixed;
	top:0px;
	bottom:0px;
	right:0px; /**2017-10-31編輯**/
	width:25px;
	z-index:100;
}
.overlay.active{
	background-color:rgba(0,0,0,0.5);
	-webkit-transition:background-color 0.35s;
	transition:background-color 0.35s;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	width:100%;
}
 
 /**2017-10-31編輯**/
 @media (min-width: 1025px){
	 .navbar .container{padding:0 15px}
	 .navbar .container .navbar-header{margin:0px;padding:0px}
	 .navbar .container ul{width:auto;background-color:transparent;padding-left:none;margin:initial}
	 .navbar .container>.navbar-collapse{position:initial;z-index:initial;bottom:initial;top:initial;background-color:initial;margin:initial;width:initial}
	 .navbar-nav{margin:initial}
	 .overlay{display:none}
	 .navbar{display:none}
}
 
 
 
 
 
 @media screen and (max-width:1024px){.row-offcanvas{position:relative;-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.row-offcanvas-left{left:0}.row-offcanvas-left .sidebar-offcanvas{left:-50%}.row-offcanvas-left.active{left:50%}.sidebar-offcanvas{position:absolute;top:0;width:50%}.sidebar-nav .navbar .navbar-collapse{padding:0;max-height:none}.sidebar-nav .navbar ul{float:none}.sidebar-nav .navbar ul:not{display:block}.sidebar-nav .navbar li{float:none;display:block}.sidebar-nav .navbar li a{padding-top:12px;padding-bottom:12px}}.navbar-collapse-wrap{position:absolute}.navbar{border:none}.navbar .navbar-nav>.current-menu-item a{color:#fff;background-color:#080808}.navbar .navbar-toggle:focus,.navbar .navbar-toggle:hover{background-color:transparent}.navbar .container{padding:0px}
 .navbar .container .navbar-header{
	 margin:0;
	 position:relative;
	 z-index:100;
	 /*background-color:#222;*/ /**2017-10-31編輯**/
}
 
 .navbar .container>.navbar-collapse{
	 position:fixed;
	 z-index:50;
	 bottom:0px;  /**2017-10-31編輯**/
	 top:0px;
	 right:-50%; /**2017-10-31編輯**/
	 margin:0;
	 padding:0px;
	 width:48%;
	 white-space:nowrap;
	 box-shadow:none;
	 border-top:0px solid white;
	 display:block;
	 overflow-y:auto;
	 background-color: rgba(56,125,57,0.8); /**2018-04-17編輯**/
	 overflow-x:hidden;
}

.navbar .container>.navbar-collapse.active{
	right:0px; /**2017-10-31編輯**/
}

.navbar .container ul{
	width: 100%; /**2017-11-16編輯**/
	margin:60px 0 20px 0; /**2017-11-01編輯**/
	padding:0px;
}

.navbar .container ul li ul {
    width: 100%;
    margin: 0;
    padding: 0px;
}


.transition{-webkit-transition:all 0.25s ease-out;transition:all 0.25s ease-out}

.navbar-toggle{
	border:none;
	margin-left:0; /**2017-10-31編輯**/
}

.navbar-toggle .icon-bar{-webkit-transform-origin:21px;-ms-transform-origin:21px;transform-origin:21px;-webkit-transition:-webkit-transform .2s, opacity .1s;transition:transform .2s, opacity .1s;height:3px !important; /**2017-12-27編輯**/width:22px}.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2){
	background-color: #ffffff !important; /**2017-10-31編輯**/
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4){
	background-color: #ffffff !important; /**2017-10-31編輯**/
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3){
	opacity:0;
}
.navbar-nav{margin:0px}
}


