/*******************手機選單圖示變叉叉******************/
	  
.navbar-toggle .icon-bar {
	position: relative;
	transition: all 500ms ease-in-out;
}
/*第一條旋轉45度*/
.navbar-toggle.active .icon-bar:nth-of-type(1) {
	top: 6px;
	transform: rotate(45deg);
}
/*第二條向左飛出*/
.navbar-toggle.active .icon-bar:nth-of-type(2) {
	opacity: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
}
/*第三條反轉45度*/
.navbar-toggle.active .icon-bar:nth-of-type(3) {
	top: -6px;
	transform: rotate(-45deg);
} 
	  
/***********************************************************/