@media (min-width:0px) {
	.menu-closed {
		position : absolute;
		left : -100%;
		top : 2.1875rem;
		width : 100%;
		background-color : #111;
		height : calc(100% - 2.1875rem);
		transition: all 0.3s ease;
		opacity : 0;
		z-index : 1;
	}
	
	.menu-opened {
		position : absolute;
		left : 0rem;
		top : 2.1875rem;
		width : 100%;
		height : calc(100% - 2.1875rem);
		transition: all 0.3s ease;
		opacity : 1;
		/* -webkit-box-shadow: 0px 0px 8px 5px rgba(128, 128, 128, 0.31); */
		/* -moz-box-shadow: 0px 0px 8px 5px rgba(128, 128, 128, 0.31); */
		/* box-shadow: 0px 0px 8px 5px rgba(128, 128, 128, 0.15); */
		z-index : 1;
		background-color : #0B0B0BEE;
	}
	
	.rcub-menuopened {
		left : 100%;
		disabled : true;
	}
}

@media (min-width:600px) {
	.menu-closed {
		position : absolute;
		left : -25rem;
		top : 2.1875rem;
		width : 25rem;
		background-color : #111;
		height : calc(100% - 2.1875rem);
		transition: all 0.3s ease;
		opacity : 0;
		z-index : 2;
	}
	
	.menu-opened {
		position : absolute;
		left : 0rem;
		top : 2.1875rem;
		width : 25rem;
		height : calc(100% - 2.1875rem);
		transition: all 0.3s ease;
		opacity : 1;
		/* -webkit-box-shadow: 0px 0px 8px 5px rgba(128, 128, 128, 0.31); */
		/* -moz-box-shadow: 0px 0px 8px 5px rgba(128, 128, 128, 0.31); */
		/* box-shadow: 0px 0px 8px 5px rgba(128, 128, 128, 0.15); */
		z-index : 2;
		background-color : #0B0B0BEE;
	}
	
	
	
	.rcub-menuopened {
		left : 25rem;
		disabled : true;
	}
}

.transition {
	transition: all 0.3s ease;
}

html {
	overflow: hidden;
}

body {
	font-family : Arial;
	color : #FFF;
	background-color : #000;
	font-width : calc(5 / 16)rem;
	font-size : 1em;
	background-image : url("/img/bg.jpg");
	overflow : hidden;
	position : absolute;
	width : 100%;
	height : 100%;
}

.click-detect {
	position : absolute;
	opacity : 0;
	left : 0px;
	top : 2.1875rempx;
	width : 100%;
	height : calc(100% - 2.1875rem);
	z-index : 1;
	display : none;"
}

.up-menu {
	background-color : #0B0B0BEE;
	/* -webkit-box-shadow: 0px 0px 8px 5px rgba(255, 255, 255, 0.31); */
	/* -moz-box-shadow: 0px 0px 8px 5px rgba(255, 255, 255, 0.31); */
	/* box-shadow: 0px 0px 8px 5px rgba(255, 255, 255, 0.15); */
	top : 0rem;
	left : 0rem;
	position : absolute;
	width : 100%;
	height : 2.1875rem;
	z-index : 3;
}

.openmenu-button {
	float : left;
	width : 3.125rem;
	height : 100%;
	line-height : 2.1875rem;
	text-align : center;
	border-style-right : solid;
	border-color : #EEE;
	border-radius : 3.125rem;
	cursor : pointer;
}

.openmenu-button:hover {
	background-color : #444;
}



.menu-button {
	width : calc(100% - 15px);
	height : 1.875rem;
	transition: all 0.3s ease;
	cursor : pointer;
	padding-left : 0.625rem;
	border-radius : 1.875rem;
	line-height : 1.875rem;
	margin : 0px;
}

.menu-button:hover {
	background-color : #BBB7;
}

.menu-button-listen {
	width : calc(100% - 15px);
	height : 1.875rem;
	transition: all 0.3s ease;
	cursor : pointer;
	padding-left : 0.625rem;
	border-radius : 1.875rem;
	line-height : 1.875rem;
	margin : 0px;
}

.menu-button-listen:hover {
	background-color : #fe07;
}

.rcub {
	position : absolute;
	top : 2.1875rem;
	left : 0px;
	width : 100%;
	height : calc(100% - 35px);
	margin : 0px;
	padding : 0px;
	border-style : none;
	z-index : 0;
	transition: all 0.3s ease;
}

.rcuplayer {
	position : absolute;
	top : calc(100% - 120px);
	left : calc(100% - 260px);
	width : 250px;
	height : 110px;
	float: bottom;
	background-color : #000;
	opacity : 0.45;
	transition: all 0.3s ease;
	display : none;
	border-radius : 10px;
}

.rcuplayer:hover {
	opacity : 1;
}

#menuIcon {
	width : 100%;
	height : 50px;
	background-image : url('/img/logo444.png');
	display : block;
	background-position : center;
	background-repeat : no-repeat;
	background-size : contain;
}