#detail_header {
	width:400px;
	height:80px;
	text-align:left;
}

#detail_header .logo {
	display:inline-block;
}

#detail_header .logo img {
	width:200px;
	border:none;
	margin-top:20px;
	margin-left:22px;
}

#detail_header .close {
	display:inline-block;
	float:right;
}

#detail_header .close img {
	width:70px;
	border:none;
	margin-top:26px;
	margin-right:6px;
	cursor:pointer;
}

#detail_footer {
	width:400px;
	height:20px;
	background:url(../../../img/foot_bg.png) no-repeat 0 15px #fff;
	padding-top:30px;
	padding-bottom:20px;
}

#timetable_wrap {
	width:400px;
}

#timetable_body {
	width:360px;
	margin:0 auto;
	border:1px solid #aaaaaa;
}

div.routes {
	width:358px;
	border:1px solid #aaaaaa;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
}

div.routes span {
	padding-left:20px;
	font-weight:bold;
	font-size:105%;
	background:url(../../../img/ps_h_bg.jpg) no-repeat 0 0 #fff;
}

#timetable {
	width:100%;
	border-collapse:collapse;
}

#timetable th, 
#timetable td {
	text-align:center;
	border:1px solid #aaaaaa;
	padding:3px;
	line-height: 120%;
	font-size: 95%;
}

#timetable th {
	background-color: #cdebfa;
}

#timetable .train_type,
#timetable .train_no,
#timetable .operation,
#timetable td.station {
	text-align:left;
}

#timetable th.station,
#timetable th.time,
#timetable th.platform {
	background-color: #a5d9f5;
}

#timetable th.station {
	width:160px;;
}

#timetable th.time {
	width:100px;;
}

#timetable th.platform {
	width:100px;;
}

#timetable th.remarks {
	font-weight:normal;
	text-align:left;
	background-color: #ffffff;
}

#timetable .timesBG {
	background-color: #cdebfa;
}


/* ===========================================================
 newStyle
=========================================================== */
#timetable_header {margin:0 0 20px 0; padding:5px 15px 0 15px;}
#timetable_header:before,
#timetable_header:after {content: " "; display: table;}
#timetable_header:after {clear: both;}
#timetable_header span.logo {margin:0 0 0 5px; float:left; display:inline-block;}
#timetable_header span.close {margin:10px 0 0 0; float:right; display:inline-block;}
#timetable_header span.close img:hover {cursor:pointer;}

#timetable_area {padding:0 20px; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box;}
#timetable_area h1 {margin:0 -20px 20px; padding:0 10px 8px; font-size:26px; border-bottom:4px dashed #00418e; text-align:center; font-weight:normal;}

#timetable_area table {border-collapse:collapse; border-spacing:0; width:100%; font-size:14px; color:#333333; text-align:left; line-height:1.2;}
#timetable_area .headTable {margin:0 0 20px 0; border-collapse:separate; border-spacing:1px; border:none;}
#timetable_area .headTable th {margin:0; padding:8px; background:#d3e4f7; font-weight:normal; width:30%;}
#timetable_area .headTable td {margin:0; padding:8px; background:#f5f5f5; width:70%;}

#timetable_area .mainTable {margin:0 0 20px 0; border-collapse:separate; border-spacing:1px; border:none;}
#timetable_area .mainTable th {margin:0; padding:8px; background:#4775ab; color:#ffffff; font-weight:normal; text-align:center;}
#timetable_area .mainTable th.station {width:46%;}
#timetable_area .mainTable th.time,
#timetable_area .mainTable th.platform {width:27%;}
#timetable_area .mainTable td {margin:0; padding:8px; background:#f5f5f5;}
#timetable_area .mainTable td:nth-child(2),
#timetable_area .mainTable td:nth-child(3) {text-align:center;}
#timetable_area .mainTable tr:nth-child(odd) td {background:#ececec;}