/* jQuery Box Lid  */
.box-lid {
	-webkit-perspective-origin:50% 50%;
	-moz-perspective-origin:50% 50%;
	-ms-perspective-origin:50% 50%;
	-o-perspective-origin:50% 50%;
	perspective-origin:50% 50%;
	}
.box-lid .box-lid-content {
	-webkit-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);
	-moz-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);
	-o-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);
	transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);
	/*
	background-color:#f7f7f5;
	*/
}
.box-lid-content {
	width:100%;
	box-sizing:border-box;
	}

.box-lid-icon {
	position:absolute;
	top:50%;
	left:15px;
	width:26px;
	height:162px;
	margin-top:-81px;
	font-size:0;
	background:url('/img/box_lid_label.png') no-repeat 0 0;
	opacity:1.0;
	-webkit-transition:0.25s;
	-moz-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
	}
.box-lid-menu:hover .box-lid-icon {
	opacity:0;
	-webkit-transition:0.25s;
	-moz-transition:0.25s;
	-o-transition:0.25s;
	transition:0.25s;
	}

.box-lid-menu {
	-webkit-transition:all 250ms cubic-bezier(0.75, 0, 0.175, 1);
	-moz-transition:all 250ms cubic-bezier(0.75, 0, 0.175, 1);
	-o-transition:all 250ms cubic-bezier(0.75, 0, 0.175, 1);
	transition:all 250ms cubic-bezier(0.75, 0, 0.175, 1);
	width:60px;
	background:url('/img/bg_blue.png');
	position:fixed;
	height:100%;
	top:0;
	left:0;
	z-index:999;
	overflow:hidden;
	border-right:1px solid #d0dee8;
	}
	.box-lid-menu nav {
		-webkit-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);
		-moz-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);
		-o-transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);
		transition:all 500ms cubic-bezier(0.75, 0, 0.175, 1);
		display:block;
		height:100%;
		position:absolute;
		top:0;
		left:-400px;
		/*
		overflow-x:hidden;
		overflow:hidden;
		outline:none;
		*/
		}
	.box-lid-menu nav,
	.box-lid-menu nav a{
		color:#fff;
		}
		.box-lid-menu ul{
			padding:38px 0 100px 20px;
			}
		/*
		.box-lid-menu nav ul {
			position:absolute;
			overflow-x:hidden; width:100%; min-width:; height:100%; margin:0; box-sizing:border-box; }

		*/
			.box-lid-menu li {
				clear: left;
				padding:40px 0;
				list-style:none;
				}
				.box-lid-menu figure{
					float:left;
					margin:0 15px 0 0;
					width:70px;
					height: 70px;
					}
				.box-lid-menu figure img{
					width:70px;
					height: 70px;
				}
				.box-lid-menu span {
					float:left;
					display:block;
					font-size:0.9em;
					width:230px;
					}
					.box-lid-menu strong {
						display:block;
						padding-top:5px;
						font-size:1.3em;
						font-weight:normal;
						}


/*
.box-lid-menu nav ul::-webkit-scrollbar { width:0; background:transparent; }
.box-lid-menu nav ul::-webkit-scrollbar:horizontal { height:0; }
.box-lid-menu nav ul::-webkit-scrollbar-button { width:0; height:0; background:transparent; }
.box-lid-menu nav ul::-webkit-scrollbar-piece { background:transparent; }
.box-lid-menu nav ul::-webkit-scrollbar-piece:start { background:transparent; }
.box-lid-menu nav ul::-webkit-scrollbar-thumb { background:transparent; }
.box-lid-menu nav ul::-webkit-scrollbar-corner { background:transparent; }
.box-lid-menu nav ul{ scrollbar-face-color: transparent; }
*/

/*
.box-lid-open{ padding-right: 15px;}
*/
.box-lid-open .box-lid-content { -webkit-filter: blur(5px); filter: blur(5px); }
.box-lid-open .box-lid-icon { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity:0; }
.box-lid-open .box-lid-menu nav { left:0; width:355px; }
.box-lid-open .box-lid-menu { width:370px; }