#pageslide {
    /* These styles MUST be included. Do not change. */
    display: block;
    position: absolute;
    position: fixed;
    top: 45px;
    height: calc(100% - 42px);
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 220px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #8fcbdc;
    color: #FFF;
	overflow-x: hidden;
	overflow-y: auto;

}

.total-menu {
	margin: 0;
	padding: 0;
}

.total-menu ul {
	margin: 0;
	padding: 0;
}

.total-menu ul li {
	display: block;
	text-align: left;
	background: #8fcbdc; 
}

.total-menu ul li a {
	display: block;
	height: 44px;
	line-height: 44px;
	padding-left: 28px;
	color: #fff;
	font-size: 16px;
	border-bottom: 1px solid #80b6c6;
	background:url(../make_img/common/icon_arrow_down02.png) no-repeat 192px center;
	background-size: 14px 8px;
}

.total-menu ul li a.on {
	background:url(../make_img/common/icon_arrow_up02.png) no-repeat 192px center;
	background-size: 14px 8px;
}

.total-menu ul li .sub-menu {
	display: none;
}

.total-menu ul li .sub-menu li {
	background: #e2546c;
}

.total-menu ul li .sub-menu li a {
	display: block;
	height: 44px;
	line-height: 44px;
	padding-left: 28px;
	color: #fff;
	font-size: 16px;
	border-bottom: 1px solid #cb4b61;
	background: #e2546c;
}

.btn-total-menu-close {
	position: fixed;
	top: 45px;
	right: 220px;

}

.btn-total-menu-close a {
	display: block;
	width: 45px;
	height: 45px;
	background: url(../make_img/common/btn_close.gif) no-repeat 0 0;
	background-size: 47px 46px;
	z-index: 10000000;
	text-indent: -5000em;

}