@charset "utf-8";
@import "main.css";

.trainInfo {background:url("../images/new/icon021.gif") no-repeat; font-size:16px; margin:10px; padding:5px 0 5px 70px;}
.trainInfo .color {color:#5B9703;}
.trainInfo dt {font-weight:bold;}
.trainInfo dd {float:left; height:16px;}
.trainInfo .result {float:right; text-align:right; position:relative;}
.trainInfo .note {background:url("../images/new/ico-note1.gif") no-repeat; color:#000;font-size:12px;margin-left:20px;padding-left:18px;}
.trainInfo .trainBtn{ float:right;}
.trainInfo .trainBg{ height:42px; line-height:42px;}

.sort2 {width:100%; margin:0 auto 5px; border-collapse:collapse; border:1px solid #D8D8D8; font-size:12px;}
.sort2 th, .sort2 td{padding:5px 10px; border-color:#fff;}
.sort2 th{ width:200px; background:#F2F2F2; font-weight:normal; text-align:right; vertical-align:top;}
.sort2 label{ margin-right:25px;}

.sortable {position:relative; z-index:2; width:100%; border-collapse:collapse; border:1px solid #fff; text-align:center;}
.sortable th, .sortable td{ border-color:#E5E5E5; padding:5px 0; font-size:12px;}
.sortable th{ line-height:1.1em; background:#62A45C url("../images/new/bg_green_06.jpg") repeat-x; color:#fff; font-size:13px; font-weight:normal;}
.sortable th a{ color:#fff; text-decoration:none;}
.sortable th a .sortarrow{ text-decoration:none;}
.sortable td{ padding:10px 3px;}
.sortable .tdBg{ background:#F1F1F1;}
.sortable .select{ float:right; width:60px; height:18px; line-height:18px; margin-left:10px; background:url("../images/new/p009.png") no-repeat 0 -29px; color:#FFF; text-decoration:none;}
.sortable .noTicket{ color:#B5B5B5;}
.sortable .noTicket .select{ background-position:0 -47px;}

.sortable .red{ color:#F60;}
.sortable .downArr{ padding-left:20px; background:url("../images/new/hp014-down.png") no-repeat; cursor:pointer; text-decoration:underline; color:#36C;}
.sortable .nobooking{ color:#999;}
.sortable .selectArr:hover{ text-decoration:none; color:#F60;}
.sortable .help{ position:absolute; right:2px; top:-10px; width:20px; height:17px; background:url("../images/new/p008.png") no-repeat;}


.showPrice{ display:none; position:absolute; right:15px; top:20px; width:400px; border:3px solid #6AAA64;  border-radius:5px; line-height:normal;}
.showPrice table{ width:100%; border-collapse:collapse;}
.showPrice th{ background:none; font-weight:normal; color:#000;}
.showPrice th, .showPrice td, .showPrice .tdBg{ border:1px solid #E5E5E5; padding:5px 10px; background:#FFF;}
.close{ position:absolute; right:-9px; top:-9px; width:18px; height:18px; background:url("../images/new/p011.png") no-repeat 0 -71px; cursor:pointer;}


.selTr .pr {position:relative; z-index:2;}
.selTr .showPrice{ display:block;}
.showPrice th{background:#efefef;}
.showPrice .inputTxt,.transitLi .tac .inputTxt{ width:100px; border:1px solid #C4C4C4; padding: 3px 5px;}
.transitLi .tac .book{display:inline-block;}


#fixBar { position: fixed !important; position:absolute; width: 933px; z-index: 10;}


.sortable .transitLi {padding:0; border:none;}
.sortable .transitLi td {border:none; padding:10px 3px;}
.sortable .transitLi .hideCon {display:none;}
.sortable .transitLi .bd3 {width:100%; border:1px solid #CDCDCD; margin:4px 0;}
.sortable .transitLi .tal{ text-align:left; padding-left:5px;}
.sortable .transitLi .large{ font-size:1.1em;}
.sortable .transitLi .downArrTransit {padding-left:20px; background:url("../images/new/hp014-down.png") no-repeat; cursor:pointer; text-decoration:underline; color:#36C;}

.sortable .transitLi .ico1, .sortable .transitLi .ico2{ background:url("../images/new/p010.png");}
.sortable .transitLi .transitBg td{ background-color:#F0F0F0; padding:0; color:#C60; font-weight:bold;}
.sortable .transitLi .transitBg a{ font-weight:normal;}
.sortable .transitLi .transitBg .ico1{ width:85px; border-left:30px solid #FFF; background-repeat:no-repeat; background-position:right -220px; background-color:#EF8E01; font-weight:normal; color:#FFF; text-align:center;}
.sortable .transitLi .transitBg .ico2{ background-repeat:no-repeat; background-position:right -179px;}

.sortable .transitLi .bd4{ position:relative; border:3px solid #6BAD63; margin:0 10px; padding:8px; zoom:1;}
.sortable .transitLi .bd4 table{ width:100%;}
.sortable .transitLi .bd4 td {border:none;}
.sortable .transitLi .bd4 .rightArr{ height:40px; line-height:40px; padding-left:40px; background:#E9F6E7 url("../images/new/p007.png") no-repeat 10px center; text-align:left; font-size:1.3em;}

.sortable .transitLi .bd4 .showPriceTransit {border-collapse:collapse; width:100%;}
.sortable .transitLi .bd4 .showPriceTransit th{ border:none; background:#FFF; color:#000;}

.sortable .transitLi .bd4 .tac{ width:100%; clear:both; float:none; padding:10px 0 0;}
.book {background:url("../images/new/g001.gif") no-repeat;border:medium none;color:#000000;cursor:pointer;display:block;font-size:16px;height:29px;line-height:28px;margin:0 auto;text-align:left;text-decoration:none;text-indent:32px;width:128px;}
.book:hover {background-position: 0 -29px;}

.sortable .transitLi .bd4 .showPriceTransit th, .sortable .transitLi .bd4 .showPriceTransit td{ border:1px solid #E5E5E5; padding:5px;}
.sortable .transitLi .bd4 .close{ position:absolute; right:-9px; top:-9px; width:18px; height:18px; background-position:0 -71px; cursor:pointer; zoom:1;}

.sortable .transitLi .chk{ float:right; margin-right:15px; padding-left:22px; height:21px; color:#36C; cursor:pointer; background:url("../images/new/p011.png") no-repeat 0 3px;}
.sortable .transitLi .chk:hover{ color:#C60;}
.sortable .transitLi .chked{ background-position:0 -33px; color:#C60;}


/* train info page */
.infonote {background: url("../images/new/ico-note1.gif") no-repeat; padding-left: 20px; margin-bottom:10px;}

.trainprice {float:left; width:32%; margin:0 1% 20px 0; background:#E9E9E9; text-align:center;font-size:14px;}
.trainprice th{color:#fff; height:29px;}
.trainprice .bg1{ background:#647CAA;}
.trainprice .bg2{ background:#639BB8;}
.trainprice .bg3{ background:#819C78;}
.trainprice td{ background:#fff; padding:5px 0;}

.trainDetail {text-align:center; border:#E5E5E5 solid 1px; border-bottom:none; width:100%; line-height:140%;}
.trainDetail th, .trainDetail td{ border-bottom:#E5E5E5 solid 1px; font-size:14px; padding:5px 0; text-align:center;}
.trainDetail th{ background:#62A45C url("../images/new/bg_green_06.jpg") repeat-x; color:#fff; height:24px;}
.trainDetail td{ background:#fff;}
.trainDetail .trBg td{ background:#eee;}
.traindetailtitle {font-size:16px; font-weight:bold; margin-bottom:5px;}