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

/* BODY */



/* OVERALL MENUS */

.srl_menu {
  margin-top: 140px;
  height: 100%;
  z-index: 1049;
}

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

.list_menu{
    list-style:none;
    padding:0;
    margin:0;
    width:170px;
	/*border:2px solid #0b3c5f;*/
	background: linear-gradient(to bottom, #7c7c7c 0% ,#f3f3f3 100%);
}
.list_menu2{
    list-style:none;
    padding:0;
	margin:0px;
    width:170px;
	border:2px solid #0b3c5f;
	background: linear-gradient(to bottom, #7c7c7c 0% ,#f3f3f3 100%);
}

/* BUTTONS */

.button{
    border:none;
    outline:none;
    width:57px;
    height:232px;
    padding:0;
    cursor:pointer;
}

/*.button img{
    margin-right:2px;
    margin-top:4px;
}*/

.sbutton{
   /*background-color:#e74c3c;
    border-bottom:solid 1px #c0392b;*/
	background:none
}

.pbutton{
    background-color:#3498db;
    border-bottom:solid 1px #2980b9;
}

/* 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;
}




/* SLIDE LEFT MENU */

.slide_left_close{
    position:fixed;
    left:-170px;
}

.slide_left_open{
    left:0px;
}

#slide_left > ul{
    float:left;
}

#slide_left ul li{
	border:1px solid #33686a;
}

.slide_left-Wrap {padding-top:10px;width:150px;margin:0 auto;min-height:202px;}
.slide_left-item {margin-bottom:10px;}

/* SLIDE RIGHT MENU */

.slide_right_close{
    position:fixed;
    right:-170px;
}

.slide_right_open{
    right:0px;
}

#slide_right > ul{
    float:right;
}

.slide-Right-top {text-align:center;height:40px;font-size:20px;color:#FFFFFF;padding-top:6px;}
.slide-Right-Wrap {width:150px;margin:0 auto;}
.slide-Right-Wrap a:hover, .slide-Right-Wrap a:focus {text-decoration:none;}
.slide-Right-qq {margin:0 auto 5px auto;background:url(../images/common/slide-right-qq.png);width:150px;height:40px;padding-left:35px;font-size:12px;color:#FFFFFF;text-align:center;padding-top:11px;background-size: cover;}
.slide-Right-wechat {margin:0 auto 5px auto;background:url(../images/common/slide-right-wechat.png);width:150px;height:40px;padding-left:35px;font-size:12px;color:#FFFFFF;text-align:center;padding-top:11px;background-size: cover;}
.slide-Right-phone {margin:0 auto 5px auto;background:url(../images/common/slide-right-phone.png);width:150px;height:40px;padding-left:35px;font-size:12px;color:#FFFFFF;text-align:center;padding-top:11px;background-size: cover;}
.slide-Right-email {margin:0 auto 5px auto;background:url(../images/common/slide-right-email.png);width:150px;height:40px;padding-left:35px;font-size:11px;color:#FFFFFF;text-align:center;padding-top:11px;background-size: cover;}
.slide-Right-wechat-qr {width:120px;margin:0 auto 5px auto;}
.slide-Right-register {display:block;width:150px;height:39px;background:url(../images/common/slide-right-register.jpg) repeat-x;text-align:center;font-size:15px;color:#000000;margin-top: 10px;margin-bottom:10px;border-radius:5px;font-weight:bold;padding-top:8px;}
.slide-Right-register:hover, .slide-Right-register:focus {background:url(../images/common/slide-right-register-over.jpg) repeat-x;color:#000000;}


/*------------*/
#slide_left > ul > li > a {
  cursor: pointer;
}