/* 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 #fdda70;background:#000;padding-bottom:1px;}
#slide_left .left-title {background:#ffc274;text-align:center;font-size:14px;padding:4px;color:#000;text-decoration:none;}
#slide_left .left-logo {text-align:center;background:#0a2c3c;padding:1px;}
#slide_left .left-item:hover .left-logo {background:#e0b840;}

/* 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 #ffc709;font-size:14px;background:#0e92be;background: -moz-linear-gradient(top, #292929  0%, #000000 100%);background: -webkit-linear-gradient(top, #0e92be 0%,#023054 100%); background: linear-gradient(to bottom, #292929  0%,#000000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292929 ', endColorstr='#00000',GradientType=0 );}
#slide_right .right-top {margin-bottom:10px;}
#slide_right .right-item {width:144px;margin:0 auto;border-top:1px solid #3f4040;padding:10px 0;}
#slide_right .right-logo {float:left;margin-left:5px;width:38px;}
#slide_right .right-device {float:left;padding-top:7px;}
#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:0px;
    height:100%;
}

.prl_menu{
    margin-top:450px;
    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:41px;
    height:180px;
	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;
}