/* SLIDE LEFT MENU */

.slide_left_close{
    position:fixed;
    left:-158px;
	z-index:99;
}

.slide_left_open{
    left:0px;
	z-index:99;
}

#slide_left > ul{
    float:left;
}

#slide_left .left-item {width:158px;border:1px solid #f7c96e;background:#000;padding-bottom:1px;}
#slide_left .left-title {background:#f7c96e;text-align:center;font-size:14px;padding:4px;color:#000; font-weight:900;text-decoration:none;}
#slide_left .left-logo {text-align:center;background:#0a2c3c;padding:1px;}
#slide_left .left-item:hover .left-logo {background:#f7c96e;}

/* SLIDE RIGHT MENU */

.slide_right_close{
    position:fixed;
    right:-158px;
	z-index:99;
}

.slide_right_open{
    right:0px;
	z-index:99;
}

#slide_right > ul{
    float:right;
}

#slide_right .right-wrapper {width:158px;border:1px solid #ffe5ab;font-size:14px;background:#1d1d1d ;background: -moz-linear-gradient(top, #2b2b2b  0%, #000  100%);background: -webkit-linear-gradient(top, #2b2b2b 0%,#000  100%); background: linear-gradient(to bottom, #2b2b2b  0%,#000  100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b ', endColorstr='#00000',GradientType=0 );}
#slide_right .right-top {margin-bottom:10px;}
#slide_right .right-item {width:144px;margin:0 auto;border-top:1px solid #424242;padding:10px 0;}
#slide_right .right-logo {float:left;margin-left:5px;width:38px;}
#slide_right .right-device {/*float:left;*/padding-top:2px; font-size:12px;}
#slide_right .right-info {text-align:center;margin-top:3px;}
#slide_right .right-wechat-qr {margin:3px auto 0;width:126px;}
#slide_right .right-info a {color:#FFFFFF;}
#slide_right .right-info a:hover {color:#86c842;text-decoration:none;}

#slide_right .right-info2 {text-align:center;margin-top:3px;}
#slide_right .right-info2 a {color:#F06F5C;}
#slide_right .right-info2 a:hover {color:#FFFFFF;text-decoration:none;}


/****************************************************/
/* OVERALL MENUS STYLES */
/*****************************************************************************/

/* BODY */

.body_close{
    overflow:hidden;
    position:relative;
    left:0;
}

.body_open_left{
    left:158px;
}

.body_open_right{
    left:-158px;
}

/* OVERALL MENUS */

.srl_menu{
    /*margin-top:-111px;*/
    height:100%;
}

.prl_menu{
    margin-top:150px;
    height:100%;
}

.list_menu{
    list-style:none;
    padding:0;
    margin:0;
    width:158px;
}

.list_menu-right{
    list-style:none;
    padding:0;
    margin:0;
    width:158px;
}

/* BUTTONS */

.button{
    outline:none;
    width:100%;
    height:100%;
	margin-top:-5px;
    padding:0;
    cursor:pointer;
	background:none;
	overflow:hidden;
	border:none;
}

/* TRANSITIONS */

.slide_left_open,.slide_left_close,.slide_right_open,.slide_right_close,.slide_top_open,.slide_top_close,.push_left_open,.push_left_close,.body_close,.body_open_left,.body_open_right,.push_right_open,.push_right_close{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}