.panel {
	float:left;
	z-index:55;
	position: absolute;
	bottom:50px;
	left: 0;
	height: auto;
	width: 430px;
	max-height:300px;
	overflow:hidden;
}

.panel_route{
	height: auto;
	max-height:270px;
	overflow:auto;
	background: url(/Content/images/zh-TW/travel/panel_route.png);
}

a.trigger{
z-index:9999;
position: absolute;
width:37px;
height:37px;
text-indent:-9999px;
top: 125px; right: 10px;
background:url(/Content/images/zh-TW/close_page.png) left top no-repeat;
display: block;
}

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

a.active.trigger {
	position:absolute;
	display:block;
	background: url(/Content/images/zh-TW/benner_travel.png) no-repeat;
	background-position:left top;
	width:120px;
	height:36px;
	right:10px;
	top:125px;
	outline:none;
}

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

.adp, .adp table{ width:100%; font-weight:600 !important;}

.border{ border:1px solid #666;}

/*開關按鈕*/
.panel a.close{ width:30px; height:30px; display:block; background: url(/Content/images/zh-TW/all/close.png) no-repeat #8f6632 center; float:right; text-indent:-9999px; transition: all 0.4s; cursor:pointer; position:absolute; z-index: 1; right:0;}
.panel a.close:hover{ background: url(/Content/images/zh-TW/all/close.png) no-repeat center #db3f2f; transition: all 0.4s;}
.panel a.open{ width:30px; height:30px; display:block; background: url(/Content/images/zh-TW/all/open.png) no-repeat #8f6632 center; float:right;  text-indent:-9999px; transition: all 0.4s; cursor:pointer; position:absolute; z-index: 1; display:none;}
.panel a.open:hover{ background: url(/Content/images/zh-TW/all/open.png) no-repeat center #db3f2f; transition: all 0.4s;}

@media screen and (max-width: 1024px){
	.panel{
	width: 100% !important;
	position: relative;
	float:none;
	bottom:0;
	max-height:200px;
	margin-bottom: 20px;
	/*border:1px solid #999;*/}
	.panel_route{ max-height:170px;}
	.test{}

}