.panel {
	float:right;
	margin-top:50px;
	right: 0;
	width: 430px;
	height: auto;
	padding-top:10px;
	padding-bottom:20px;}

.panel_route {
	float:left;
	z-index:2100;
	position: absolute;
	top:150px;
	left: 0;
	height: auto;
	padding:0 0 0 5px;
	}

a.trigger{
width: 35px;
height: 35px;
text-indent:-9999px;
top:00px;
right: 10px;
float:right;
background:url(../images/close.png) left top no-repeat;
display: block;
margin-top:-10px;
}

a.trigger:hover{
background-position:left bottom;}

a.active.trigger {
	position:absolute;
	display:block;
	background: url(../images/benner_index.png) no-repeat;
	background-position:left top;
	width:36px;
	height:36px;
	right:10px;
	top:0px;
	outline:none;
	margin-top:-10px;
}

a.active.trigger:hover {
	background-position:left bottom;}

@media screen and (max-width: 1024px) {
a.trigger{margin-top:-35px;}
a.active.trigger {margin-top:-35px;}
	}