.waypoint {
	top:7px;
    position:absolute;
	z-index:9999;
	width:93.5%;
	min-width:320px!important;
	max-width:700px;
	padding:12px 12px 12px 12px;
	border-radius:4px;
	background-color:#f5f5f5;
    top:64px;
	box-shadow:0px 3px 10px #0000007d;}
.alse .waypoint,.con_are .waypoint {
    top:42px;
	padding:12px 12px 8px 12px;
	box-shadow:0px 3px 6px #00000047;}
.waypoint:before {
    content:'';
    border-width:0 13px 13px;
    border-style:solid;
    border-color:transparent transparent #f5f5f5;
    position:absolute;
	left:20%;
    top:-13px;}
.trip_mshow .waypoint {
	width:140%;}	
.waypoint #tab-demo>p {
    color:#FF5722;
    font-weight:700;
    margin:0 auto;
	margin-bottom:6px;
    width:100%;
    line-height:26px;}
#researchbox .waypoint {
	min-width:420px!important;}	
#tab-demo {
	width:100%;
	font-weight:600;
	font-family:'微軟正黑體';}
#tab-demo ul {
	overflow-x:auto;
	display:table;
	list-style:none;
	width:100%;
    padding:0;
    margin:auto;
	margin-top:4px;}
#researchbox #tab-demo ul {
	display: block;}
#researchbox #tab-demo .tab-topbox>ul>li {
	padding: 6px 6px 8px 6px;}	
.tab-topbox {
	/*position:relative;*/
	overflow-x:hidden;}	
.tab-title {
	position:relative;
	list-style:none;}
.tab-toptitle {
    text-align:center;
    color:#000!important;
    font-size:18px!important;}	
#tab-demo .tab-topbox>ul>li {
	display:table-cell;
	text-align:center;
    white-space:nowrap;
    cursor:context-menu;
    border-bottom:0px dashed #cccccc!important;
    height:38px;
    line-height:22px;
    padding: 6px 4px 8px 4px;
    list-style:none;
    box-sizing:border-box;
	border-top:3px solid #f5f5f5;
	-moz-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	-webkit-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out;
	min-width:auto;
	width: auto;}	
#tab-demo .tab-topbox>ul>li>a {
	color:#000000;
	text-decoration:none;
    padding:0px 0px;}	
#tab-demo .tab-topbox>ul>li:hover {
	-moz-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	-webkit-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out;
	border-top:3px solid #ffd5c8;}
#tab-demo ul>li.active {
	background-color:#fff;
	border-top:3px solid #FF5722;}
#tab-demo>.tab-inner {
	clear:both;
	width:100%;
	display:inline-block;
    color:#000000;
    background-color:#ffffff;}
#tab-demo>.tab-inner {
	padding:8px 0px;}
#tab-demo>.tab-inner>span {
	cursor:pointer;
    display:inline-block;
    width:25%;
    float:left;
    text-align:center;
    line-height:20px;
    padding:6px 2px 7px 2px;
    font-weight:500;
	-moz-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	-webkit-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out;}
#tab-demo>.tab-inner>span:hover {
	cursor:pointer;
    color:#ffffff;
    background-color:#FF5722;
	-moz-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	-webkit-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out;}	
.waypoint #tab-demo>p, #tab-demo .tab-topbox>ul>li, #tab-demo>.tab-inner>span {
	font-size:1.5rem;}
.trip_mshow .deptriangle,.trip_mshow .arrtriangle {
	top:49px;}
	
@media screen and (max-width:1000px) and (min-width:300px) {
.tab-topbox {
	overflow-x:scroll;
	overflow-y:hidden;}	
}

@media screen and (max-width:800px) and (min-width:768px) {
.trip_mshow .waypoint {
	width:115%;}
}

@media screen and (max-width:768px) and (min-width:300px) {
.waypoint {
    top:65px;
    left:1%;
    right:1%;
	width:auto;
	min-width:none!important;
	max-width:none!important;}
.waypoint:before {
    left:80%;}
.waypoint #tab-demo>p, #tab-demo .tab-topbox>ul>li, #tab-demo>.tab-inner>span {
	font-size:1.6rem;}
#tab-demo .tab-topbox>ul>li:hover,#tab-demo ul>li.active {
	border-top:3px solid #FF5722;}
.tab-title {
	width:600px;}
#tab-demo>.tab-inner>span {
	width:33.3%;}

.deptriangle {
	left:5%;
	right:-85%;}
.deptriangle:before {
	left:25%;}	
.trip_mshow .deptriangle {
    top:52px;
	left:0%;
    right:-85%;}
.trip_mshow .arrtriangle {
    top:52px;
	left:-85%;
    right:0%;}
.arrtriangle {
	left:-85%;
    right:5%;}
.arrtriangle:before {
	right:25%;}
}