@charset "utf-8";.jpFtLt{clear:both;background-color:#11254a;width:574px;float:left;margin-bottom:30px;display:none;}
.jp .title{height:40px;}
.jpMap{background-color:#b9deec;position:relative;float:left;width:100%;height:700px;overflow:hidden;margin:0 auto;}
#station_location{position:relative;float:left;cursor:move;width:1180px;height:1780px;display:none;}
.trainTime{padding:10px 0;text-align:center;width:50%;float:left;font-weight:normal;color:#808080;margin-top:15px;}
.forFirst{padding-right:10px !important;}
.forLast{padding-left:10px !important;}
.interchangeAt span{color:#808080 !important;}
.interchangeInfo{padding:10px 0 0 0;float:left;width:100%;text-align:left;color:#808080;}
.interchangeInfo p{color:#7d041c !important;font-weight:bold;}
.trainTime.first{border-right:1px solid #ccc;}
.trainTime span.time{color:#a56a04;font-size:2.667em;font-weight:normal !important;display:block;margin-top:10px;margin-bottom:20px;}
.jpFtLt-box1-2 dl dt{padding-bottom:0 !important;}
#map_viewPort{position:absolute;width:1200px;height:1780px;}
@media screen and (max-width: 1020px) {
	#map_viewPort { display:none; }
	.jpMap{background-color:#fff !important;}
}
.station_select { padding-left: 0px; }
#dragArea{position:absolute;width:1180px;height:1780px;}
.rightContainer, .leftContainer{height:1px;}
#jpcontent{position:relative;min-height:690px;width:100%;padding:20px 0 0 0;background-color:#f3f3f3;float:left;margin-bottom:30px;}
.jpcontentmap{width:100%;position:absolute;top:0;left:0;max-height:690px;z-index:10;}
.jpcontentmap img{width:100%;}
.googlemappoints{position:absolute;top:-100px;z-index: 50;}
.mappointbox{position:absolute;}
.mappointboxmain{position:relative;width:10px;height:auto;}
.mappointboxtext{position:absolute;width:200px;top:-5px;left:-67px;color:#fff;}
.mappointboxtext div {background-color:#005CB7;text-align:left;padding:6px 26px 8px 15px;position:relative;}
.mappointboxtext div a{color:#fff;font-size:1.5em;position:absolute;top:0px;right:6px;}
.mappointboxtext ul{background-color:#005CB7;}
.mappointboxtext ul li{border-top:1px solid #fff;list-style-type:none;}
.mappointboxtext ul li a{color:#fff;display:block;padding:8px 15px;text-align:left;cursor:pointer;}
.mappointboxtext ul li a:hover{color:#ffcc00;}
.placepoint{width:1px;height:1px;background-color:red;position:absolute;}
.placepoint p{width:2px;height:2px;position:relative;}
.placepoint p span{display:block;position:absolute;background-repeat:no-repeat;z-index:10;}
.point_begin p span{width:17px;height:24px;top:-23px;left:-8px;background-image:url(../images/jp/point_begin.png);}
.point_terminal p span{width:17px;height:24px;top:-23px;left:-8px;background-image:url(../images/jp/point_terminal.png);}
.transfer_top p span{width:32px;height:40px;top:0px;left:-13px;background-image:url(../images/jp/transfer_top.png);}
.transfer_bottom p span{width:32px;height:40px;top:-39px;left:-18px;background-image:url(../images/jp/transfer_bottom.png);}
.transfer_left p span{width:38px;height:32px;top:-16px;left:4px;background-image:url(../images/jp/transfer_left.png);}
.transfer_right p span{width:38px;height:32px;top:-20px;left:-37px;background-image:url(../images/jp/transfer_right.png);}
#p1 .transfer_right p span{top:-17px;}
#p6 .transfer_right p span, #p16 .transfer_right p span{top:-22px;}
#p8 .transfer_bottom p span{left:-20px;}
#p21 .transfer_right p span, #p53 .transfer_right p span, #p518 .transfer_right p span,
#p519 .transfer_right p span, #p523 .transfer_right p span, #p582 .transfer_right p span{top:-17px;}
#p67 .transfer_bottom p span{left:-15px;}
#p31 .transfer_bottom p span, #p32 .transfer_bottom p span{left:-19px;}
#p48 .transfer_right p span{top:-17px;}
#p54 .transfer_left p span{left:7px;}
#p569 .transfer_bottom p span{left:-15px;}
#p510 .transfer_bottom p span{top:-32px;}
#p529 .transfer_bottom p span{left:-14px;top:-41px;}
#p564 .transfer_right p span{left:-40px;top:-16px;}
#p536 .transfer_bottom p span{top:-42px;left:-14px;}
#p538 .transfer_left p span{left:8px;}
.placename{position:absolute;color:#fff;width:1px;height:1px;background-color:red;}
.placename p{position:relative;}
.placename_fl p span{display:block;padding:0 20px 0 10px;height:21px;line-height:21px;position:absolute;top:-10px;right:0px;background:url(../images/jp/pointname_fl.png) no-repeat right center;white-space:nowrap;font-size:12px;}
.placename_fr p span{display:block;padding:0 10px 0 20px;height:21px;line-height:21px;position:absolute;top:-10px;left:0px;background:url(../images/jp/pointname_fr.png) no-repeat left center;white-space:nowrap;font-size:12px;}
.jpcontentmain{position:relative;z-index:50;height:1px;}
.jp{position:static;display:block;}
.jp-part2{display:block;}
.jp-part2 #jpmap{display:none;}
.jp-part2 .jp_Minimap{display:none;}
.btn_dl_app{display:none;}
.jptopbotton{width:100%;height:1px;}
.jptopbotton ul{float:left;margin-top:8px;padding-left:0px;margin-bottom:6px;}
.jptopbotton ul li{float:left;list-style-type:none;}
.jp-link li{list-style-type:none;}
.jptopbotton a{display:block;color:#fff;height:40px;}
.opencity{min-width:177px;padding:0 10px 0 55px;line-height:40px;font-size:1.17em;text-align:left;}
.opencity_up{background:#11254a url(../img/btn_opencity_up.gif) no-repeat 35px center;}
.opencity_down{background:#11254a url(../img/btn_opencity_down.gif) no-repeat 35px center;}
.btn-plus{width:40px;background:#666 url(../files/uploads/route/img/btn_plus.png) no-repeat center center;}
.btn-minus{width:40px;background:#666 url(../files/uploads/route/img/btn_minus.png) no-repeat center center;}
.journeyinfo{clear:both;background-color:#20498E;width:35%;float:left;margin-bottom: 10px;}
.desinfo{width:100%;height:30px;line-height:30px;display:block;padding:0 19px;font-size: 14px;font-weight: normal;}
.desinfo span{float:right;color:#bfcde8;}
.btn-showinfo{width:100%;height:55px;line-height:55px;display:block;padding:0 10px;}
.btn-showinfo strong h1{float:left;color:#fff;font-size:1.3em;}
.btn-showinfo strong h2{float:left;color:#fff;font-size:1.3em;}
.btn-showinfo span{float:right;color:#fff;margin-left:10px;}
.journeyinfo-box2 div.journeyfareinfo-box{display:none;}
.journeyinfo-box1{background-color:#20498E;text-align:left;padding:0 10px 10px;color:#fff;}
.journeyinfo-box-status { overflow-y: scroll;height: 150px; }
.jpFtLt-box-1{background-color:#005CB7;text-align:left;padding:0 10px 10px;color:#fff;}
.journeyinfo-box1 .arrowpng{width:auto;height:auto;}
.journeyinfo-box1-1{padding:10px 10px 5px;background-color:#1d2f53;margin-bottom:10px;}
.journeyinfo-box1-1 dl{}
.journeyinfo-box1-1 dl dt, .jpFtLt-box1-1 dl dt{width:100%;float:left;padding-bottom:5px;border-bottom:1px solid #1c3053;}
.journeyinfo-box1-1 dl dt table{}
.journeyinfo-box1-1 dl dt table tr.firstTr td{color:#a0a0a0;padding-bottom:20px;}
.journeyinfo-box1-1 dl dt table tr.secondTr td{color:#fff;font-size:1.17em;}
.journeyinfo-box1-1 dl dt table td.firsttd{width:40%;}
.journeyinfo-box1-1 dl dt table td.secondtd{width:30%;text-align:center;}
.journeyinfo-box1-1 dl dt table td.thirdtd{width:40%;text-align:right;}
.journeyinfo-box1-1 dl dd, .jpFtLt-box1-1 dl dd{width:100%;float:left;border-top:1px solid #334666;padding-top:20px;}
.journeyinfo-box1-1 dl dd p, .jpFtLt-box1-1 dl dd p{float:left;}
.journeyinfo-box1-1 dl dd p:nth-child(1){width:35%;}
.journeyinfo-box1-1 dl dd p:nth-child(2){width:65%;color:#f7bd1f;font-size:1.33em;}
.journeyinfo-box1-1 dl dd p:nth-child(2) strong{font-size:2.1em;}
/*.journeyinfo-box1-2{padding:10px;}*/
.jpFtLt-box1-2{padding:10px;background-color:#fff;}
.journeyinfo-box1-2 dl{}
.journeyinfo-box1-2 dl dt, .jpFtLt-box1-2 dl dt{width:100%;float:left;padding-bottom:5px;}
.journeyinfo-box1-2 dl dt table{}
.journeyinfo-box1-2 dl dt table tr.firstTr td{color:#a0a0a0;padding-bottom:20px;}
.journeyinfo-box1-2 dl dt table tr.secondTr td{color:#fff;font-size:1.17em;}
.journeyinfo-box1-2 dl dt table td.firsttd{width:30%;}
.journeyinfo-box1-2 dl dt table td.secondtd{width:20%;text-align:center;}
.journeyinfo-box1-2 dl dt table td.thirdtd{width:40%;text-align:right;}
.journeyinfo-box1-2 dl dd{width:100%;float:left;padding-top:20px;border-top:1px solid #ccc;}
.journeyinfo-box1-2 dl dd p:nth-child(1){float:left;width:35%;}
.journeyinfo-box1-2 dl dd p:nth-child(2){float:left;width:65%;}
.journeyinfo-box1-2 dl dd p#hktimesFirstP, .journeyinfo-box1-2 dl dd p#sztimesFirstP, .journeyinfo-box1-2 dl dd p#sztimesFirstP{}
.journeyinfo-box1-2 dl dd p.hktimesP, .journeyinfo-box1-2 dl dd p#sztimesFirstP, .journeyinfo-box1-1 dl dd p.timesP{color:#f7bd1f;font-size:1.33em;}
.firstTrain, .lastTrain, .journeyinfo-box1-2 dl dd p.hktimesP, .journeyinfo-box1-2 dl dd p#sztimesFirstP{color:#a56a04;}
.journeyinfo-box1-2 dl dd p.hktimesP strong, .journeyinfo-box1-1 dl dd p.timesP strong{font-size:2.1em;font-weight:normal;}
a.btn-hideshowtrain{display:inline-block;padding:5px 10px;font-weight:bold;text-align:center;color:#fff;background-color:#7d041c;}
.hideshowtrainWrap{display:block;padding:0 10px 10px 0;text-align:right;margin-top:-1px;background-color:#fff;}
.journeyinfo-box1-3{padding:10px;background-color:#fff;margin-bottom:10px;display:none;}
.journeyinfo-box1-3 strong{font-size:1.17em;}
.journeyinfo-box1-3 dl{padding:10px 0;margin-bottom:10px;}
.journeyinfo-box1-3 dl dt{float:left;width:50%;text-align:center;padding:10px;}
.journeyinfo-box1-3 dl dd{float:left;width:50%;border-left:1px solid #ccc;text-align:center;padding:10px;}
.journeyinfo-box1-3 dl strong{font-size:1.67em;display:inline-block;padding:10px 0;}
.journeyinfo-box1 p, .jpFtLt-box p{color:#fff;}
.journeyinfo-box1 strong{}
.journeyinfo-box2{background-color:#7d041c;text-align:left;color:#fff;border-bottom:1px solid #7d041c;}
.journeyinfo-box2 .journeyinfo-box{padding:0;}
.journeyinfo-box2 .journeyfareinfo-box{border-top:1px solid #8a1e33;padding:10px;}
.tablebox{padding:0;margin:0 10px;}
.tablebox .journeyinfotitle{position:relative;line-height:100%;}
.tablebox .journeyinfotitle strong{padding-right:30px;line-height:100%;font-size:1.2em;color:#333333;}
.tablebox .journeyinfotitle strong sup{font-size:1em;}
.tablebox .journeyinfotitle span{display:block;width:4px;height:24px;background-color:#ac2e45;position:absolute;top:10px;left:0;}
.tablebox .mobile-journeyinfotitle .journeyinfotitle{}
.tablebox table{border-collapse:separate;font-size:10px;}
.tablebox table tr{}
.tablebox table tr th:first-child{text-align:left;color:#fff;padding-left:10px;width:50%;vertical-align:top;}
.tablebox table tr th{font-weight:normal;text-align:center;padding:10px 5px;line-height:100%;color:#777777;}
.SZInfoBox table tr th:first-child{width:25%;}
.SZInfoBox table tr th{color:#9f9f9f;font-size:12px;}
.tablebox table tr td{padding:10px 5px;text-align:center;color:#7b7575;border-top:1px dashed #cccccc;font-size:1.2em;}
.tablebox table tr td:nth-child(1){padding-left:8px;text-align:left;padding-right: 0px;}
.tablebox1{background-color:#6a0318;}
.tablebox1 .journeyinfotitle{border-color:#666;}
.tablebox1 table tr:nth-child(2n) td, .infoTableDark{background-color:#550214;}
a.hideshow-statementbox{display:block;padding:8px 10px;margin-top:10px;border-top:1px solid #8a1f33;color:#fff;text-align:right;}
.statementbox{display:none;}
.statementboxtext{padding:10px;margin:0 10px 10px;height:200px;overflow-y:auto;background-color:#fff;color:#333;}
.statementboxtext strong{display:block;color:#000;margin-bottom:10px;}
.statementboxtext ol{margin-left:25px;line-height:160%;}
.statementboxtext ol li{margin-bottom:10px;}
.routeview{position:relative;float:left;width:50%;text-align:left;z-index:1;background-color:#cccccc;margin-bottom:100px;}
.routeviewtop{padding:10px 15px 7px 15px;min-height:40px;min-height:15px\9;}
.routeviewtop .title h3{display:block;font-size:1.3em;color:#11254a;float:left;width:40%;}
a.btnGoLRP{display:block;padding:15px 42px 5px 15px;min-height:45px;min-height:25px\9;line-height:100%;background:url(../images/jp/arrowBlack.gif) no-repeat right center;background-color:#c6d601;font-size:1.15em;font-weight:bold;margin:5px 15%;color:black;text-align:center;}
a.btnGoLRP:hover{background-color:#d3e30c;}
.btn-routeviewtop{float:right;display:block;padding-left:25px;background:url(../images/jp/btn-routeviewtop.gif) no-repeat;height:23px;padding-top:2px;}
.routeviewbottom{margin:0 10px;background-color:#fff;padding:10px;padding-bottom:30px;}
.routeviewbottom .title{font-size:1.5em;display:block;padding:10px 0 10px 77px;color:#666;}
.routeviewbottom .routeviewbox .title{font-size:1.5em;display:block;padding:40px 0 0 10px;color:#666;}
.routeviewbottom .routeviewbox{margin-left:30px;padding-left:14px;padding-bottom:0px;border-left:14px solid red;position:relative;}
.isline .routeviewlefticon{left:-32px !important;}
.isline .routeviewlefticon .topdiv{padding-left:0px;}
.routeviewbottom .isline .topdiv-title{font-size:14px !important;font-weight:700 !important;}
.last .topdiv{padding:0px 17px 0px !important;}
.routeviewlefticon.color-red { background-color: transparent !important;padding-top: 1px; }
.routeviewbox.last .topdiv .topdiv-title{left:-21px !important;top:-2px !important;font-size:14px;font-weight:700;}
.last .routeviewlefticon .topdiv-title{font-size:16px !important;font-weight:700 !important;}
.routeviewbottom .clearLine{border-left:9px solid white;}
.routeviewlefticon{position:absolute;top:-3px;left:-26px;width:40px;height:40px;background:#fff;color:#000;text-align:center;padding-top:4px;z-index:2;font-weight:700;}
.routeviewlefticon img{margin-bottom:2px;margin:0 auto;width: 50px;border-radius: 50px;border: 5px solid #189008;}
.routeviewbox .topdiv{background-color:#fff;padding:0px 10px 0;min-height:60px;min-height:59px\9;position:relative;width:100%;}
.routeviewbox .firsttop, .routeviewbox .lastbottom{ cursor: pointer; }
.routeviewbox .firsttop .topdiv-title:hover { color: #189008;text-decoration:underline;cursor: pointer; }
.routeviewbox .lastbottom .topdiv-title:hover { color: #189008;text-decoration:underline;cursor: pointer; }
.routeviewbox .topdiv .topdiv-title{font-size:14px;color:#666666;font-weight:normal;display:block;padding-right:20px;padding-bottom:5px;width:100%;}
.hideshowicons{width:22px;height:22px;display:block;top:10px;right:10px;position:absolute;}
.topdivicons{display:none;padding:20px 0 10px 10px;clear:both;width:100%;}
.topdivicons li{float:left;background-repeat:no-repeat;background-position:0 2px;padding-left:20px;margin-right:20px;margin-bottom:8px;min-height:19px;width:100%;margin-top:5px;}
.topdivicons li.btn-downloadstationmap{background-image:url(../images/jp/topdivicons1.png);}
.topdivicons li.btn-locationmap{background-image:url(../images/jp/topdivicons2.png);}
.topdivicons li.btn-mtrshops{background-image:url(../images/jp/topdivicons3.png);}
.topdivicons li.btn-stationfacility{background-image:url(../images/jp/topdivicons4.png);}
.topdivicons li.btn-nearbyattraction{background-image:url(../images/jp/topdivicons5.png);}
.topdivicons li.btn-servicehours{background-image:url(../images/jp/topdivicons7.png);}
.landmark .topdiv{position:relative;padding:0 10px 0 88px;min-height:69px;}
.routeviewbox .topdiv .exitimg{position:absolute;top:0px;left:0px;width:69px;height:69px;margin-left:10px;}
.landmark .topdiv .topdiv-title{padding-top:5px;font-size:1.2em;margin-top:0;}
.btn-exit{display:inline-block;margin-bottom:5px;}
.btn-exit span{display:inline-block;padding:3px 10px;color:#fff;font-weight:bold;}
.btn-exit span.exitTitle{background-color:#1aa150;}
.btn-exit span.exitPort{background-color:#11254a;}
.routeviewbox .middlediv{border-bottom:1px solid #fff;display:none;}
.middledivtable{background:#fff;padding:0 10px;}
.middledivtable table th, .middledivtable table td{padding:5px 10px 5px 0;}
.middledivtable table tr th, .middledivtable table tr td{text-align:left;border-bottom:1px solid #F3F3F3;}
.middledivtable table tr:nth-child(1) th{width:110px;}
.middledivtable table tr th{width:110px;}
.routeviewbox .bottomdiv{padding:0;margin:0 5% 0 10px;width:95%;border-bottom:1px solid #d9d9d9;}
.bottomdiv strong{margin:8px 0;display:block;color:#333;}
.bottomdiv strong span{font-weight:normal;color:#808080;}
.routeviewbox .topdiv .linename{background-color:#77b72B;color:#fff;font-weight:normal;padding:4px 8px;margin:0;}
.ktline .topdiv{height:38px !important;min-height:initial;}
.viewjourney{clear:both;padding:8px 0 8px 0;}
a.btn-viewjourney{display:block;padding-left:15px;color:#c50000;font-weight:bold;margin-bottom:20px 20px 0 20px;background:url(../images/jp/btn-viewjourney.png) no-repeat 0 3px;}
.btn-viewjourney.active{background-image:url(../images/jp/btn-viewjourney2.png);}
.viewjourney ul{background-color:#fff;display:none;margin-top:10px;}
.viewjourney ul li{padding:10px 20px;border-bottom:1px solid #f3f3f3;}
.viewjourney ul li:last-child{border-bottom:0px;}
.routeviewbottom .routeviewbox.isline{border-color:#77b72B;z-index: 1;}
.routeviewbottom .routeviewbox.isline .topdiv .linename{background-color:#77b72B;}
.routeviewbottom .routeviewbox.siline{border-color:#afc91a;}
.routeviewbottom .routeviewbox.siline .topdiv .linename{background-color:#afc91a;}
.routeviewbottom .routeviewbox.ktline{border-color:#77b72b;}
.routeviewbottom .routeviewbox.ktline .topdiv .linename{background-color:#00A941;}
.routeviewbottom .routeviewbox.twline{border-color:#e7190f;}
.routeviewbottom .routeviewbox.twline .topdiv .linename{background-color:#e7190f;}
.routeviewbottom .routeviewbox.tkline{border-color:#864ca7;}
.routeviewbottom .routeviewbox.tkline .topdiv .linename{background-color:#864ca7;}
.routeviewbottom .routeviewbox.tcline{border-color:#ff9900;}
.routeviewbottom .routeviewbox.tcline .topdiv .linename{background-color:#D47F00;}
.routeviewbottom .routeviewbox.drline{border-color:#f7529d;}
.routeviewbottom .routeviewbox.drline .topdiv .linename{background-color:#f7529d;}
.routeviewbottom .routeviewbox.erline{border-color:#53beec;}
.routeviewbottom .routeviewbox.erline .topdiv .linename{background-color:#009EE1;}
.routeviewbottom .routeviewbox.moline{border-color:#c23102;}
.routeviewbottom .routeviewbox.moline .topdiv .linename{background-color:#c23102;}
.routeviewbottom .routeviewbox.wrline{border-color:#be0091;}
.routeviewbottom .routeviewbox.wrline .topdiv .linename{background-color:#be0091;}
.routeviewbottom .routeviewbox.aeline{border-color:#037983;}
.routeviewbottom .routeviewbox.aeline .topdiv .linename{background-color:#037983;}
.routeviewbottom .routeviewbox.line1{border-color:#21b159;}
.routeviewbottom .routeviewbox.line1 .topdiv .linename{background-color:#00A941;}
.routeviewbottom .routeviewbox.line2{border-color:#ff9900;}
.routeviewbottom .routeviewbox.line2 .topdiv .linename{background-color:#D47F00;}
.routeviewbottom .routeviewbox.line3{border-color:#53beec;}
.routeviewbottom .routeviewbox.line3 .topdiv .linename{background-color:#009EE1;}
.routeviewbottom .routeviewbox.line4{border-color:#e7190f;}
.routeviewbottom .routeviewbox.line4 .topdiv .linename{background-color:#e7190f;}
.routeviewbottom .routeviewbox.line5{border-color:#cf21af;}
.routeviewbottom .routeviewbox.line5 .topdiv .linename{background-color:#cf21af;}
.routeviewbottom .routeviewbox.walkline{background:url(../images/jp/gray_line.gif) repeat-y;border-left:none;padding-left:37px;}
.routeviewbottom .routeviewbox.walkline .routeviewlefticon{left:-31px;}
.routeviewbottom .routeviewbox.walkline .bottomdiv{position:relative;}
.routeviewbottom .routeviewbox.walkline .bottomdiv .walk-icon{width:26px;height:36px;background:url(../images/jp/icon_walk.gif) no-repeat;display:block;position:absolute;top:0px;left:-55px;}
.routeviewbottom .routeviewbox.last{padding-bottom:0px;border-left:9px solid #fff;}
.routeviewbottom .routeviewbox.last .{}
.routeviewbottom .landmark.last{padding-bottom:0px;padding-left:29px;background:no-repeat;}
.routeviewbottom .landmark.last .routeviewlefticon{left:-40px;}
.routeview a.back, #jpcontent a.back{width:49px;height:49px;display:block;position:absolute;bottom:-69px;right:69px;background:url(../images/btn_back.gif) no-repeat;line-height:0;font-size:0;overflow:hidden;}
.routeview a.top, #jpcontent a.top{width:49px;height:49px;display:block;position:absolute;bottom:-69px;right:10px;background:url(../images/btn_top.gif) no-repeat;line-height:0;font-size:0;overflow:hidden;}
.jpsearchhistory{float:left;padding:20px;background-color:#11254a;color:#fff;margin:20px 0 0;width:100%;line-height:140%;}
.jpsearchhistory .historytitle{padding-bottom:10px;}
.jpsearchhistory .historytitle strong{float:left;display:block;font-size:1.17em;}
.jpsearchhistory .historytitle a{float:right;display:block;color:#8892a5;}
.jpsearchhistory ul{}
.jpsearchhistory ul li{text-align:left;padding:5px 0;}
.jpsearchhistory ul li a{color:#8892a5;padding-left:15px;background:url(../images/jp/jpsearchhistory_ul_li.gif) no-repeat 0 5px;}
.jp-table-th-width{width:31%;}
.hideMapBtn{position:absolute;left:-9999px;}
.showMapBtn{display:none;}
.highPoint{position:absolute;width:15px;height:15px;background-image:url(../images/highPoint.png);z-index:10;}
#loadLayer{//opacity:0.6;//filter:alpha(opacity=50);position:fixed;z-index:500;left:0px;top:0px;width:100%;height:100%;//background-color:#000;}
#loadLayerContent{position:relative;//margin:0 30%;top:45%;//left:35%;' //width:40%;
width: 280px;
height: 40px;
padding-top: 10px;
color: #333;
font-size: 16px;
z-index: 800;
background-color: #FFF;
margin-left: auto;
margin-right: auto;
}
.walk_msg { padding: 20px; background-color: #1d3053; color: #fff !important; margin-bottom: 20px; }
/* Jounery InfoBox Remark */
.jpInfoRemark { display: block; margin-top: 10px; padding: 8px 10px; }
/*background-color:#fff;*/
.jpInfoRemark strong { display: block; color: #fff; font-weight: normal; clear: both; }
.jpInfoRemark a { color: #000; }
/*new infoBox*/
.infoResultArrow { width: 5%; float: left; padding-top: 10px; }
.infoResult1_2, .infoResult2_2, .infoResult1_3, .infoResult2_3, .infoResult3_3 { font-size: 1.2em; float: left; }
.infoResult2_2 { font-size: 1.2em; float: right; }
.cent_icon { position: absolute; z-index: 99; left: -24px; margin-top: 5px; padding: 5px 0px; }
.infoResult1_2, .infoResult2_2{ width: 100%; }
.infoResult1_3, .infoResult2_3, .infoResult3_3 { width: 33.3%; color: #333333; }
.infoResult2_3 { text-align: center; }
.station_icon { border: 4px solid #8cb63c;padding: 5px;border-radius: 45px;margin-top: -22px;position: absolute;right: 0px; }
@media screen and (max-width: 640px) { .popover,.info-alert { display: none !important; } .station_icon  { display: none; } .popover { display: none; } }
.infoResult2_2, .infoResult3_3 { text-align: left; }
.infoRSubtxt { font-size: 0.8em; color: #fff; width: 100%; display: block; }
#journeyinfo1 { font-size: 14px;font-weight:normal; }
.journeyinfo-box1-1, .journeyinfo-box1-2 { position: relative; overflow: hidden; }
.journeyinfo-box1-1 .infoRSubtxt, .journeyinfo-box1-1 p { color: #9fa1a0; }
.journeyinfo-box1-2 .infoResult1_2, .jpFtLt-box1-2 .infoResult1_2, .journeyinfo-box1-2 { color: #fff; }
.journeyinfo-box1-2 .infoResult2_2, .jpFtLt-box1-2 .infoResult1_2, .journeyinfo-box1-2 { color: #fff; }
.forMobileRead { position: absolute; z-index: 10; /*width:100%; height:100%; background-color:red;*/ }
table tr th { border: none; }
/*jp/style.css move to jp.css*/
.point { z-index: 999; cursor: pointer; /*Div for IE7 & IE8-no Image case*/ background: url("../images/transparent_image.png") 0 0 repeat; position: absolute; }
.hide { display: none; z-index: 999; cursor: pointer; }
.journeyinfo { /*display:none;*/ }
.city_sz, .city_hk, #zoomInButton, #zoomOutButton { display: none; }
.lrBtnBox { float: left; width: 100%; margin-bottom: 0px; }
.goLrBtn { position: relative; float: right; font-weight: bold; padding: 10px; padding-right: 40px; background: #c7d700 url("../images/arrowBlue.gif") right center no-repeat; }
a.goLrBtn:hover { color: #11254a; }
.btn-detail { position: absolute; right: 100px; line-height: 40px; }
.btn-detail a { color: #ffffff; font-weight: bold; background: #820219; padding: 5px 10px; }
/* 2015 New JP */
.hkStartStation { color: #333; }
.SZInfoBox .journeyinfotitle strong, .tablebox1 table tr td { color: #FFF; }
.airportInfoBox, .mtrInfoBox, .fcInfoBox { background-color: #fff; margin-top: 10px; }
.jp div.jp-part2 { background-color: #375D94; }
a.btn_Rview { color: #FFF; font-weight: bold; background: #820219; padding: 5px 10px; float: right; margin: 10px 0; }
a.btn_Rview { display: none; }
/*.topbtn{	position:absolute; right:52px;	bottom:87px;	}*/
.topbtn { position: absolute; right: 0; bottom: 87px; width: 100%; z-index: 999; }
.topbtn > .main { position: relative; }
.ui-autocomplete { width: "225px"; }
.tablebox { margin: 10px 10px 0 10px; }
.tablebox1 { margin-top: 0; }
.fcInfoBox, .mtrInfoBox { margin: 0px; padding: 0; }
.statusResult { border-left:5px solid orange; padding: 4px 10px;margin-bottom: 5px; }
#OriginModal .modal-content { border-radius: 2px; }
#OriginModal .modal-body { border: 1px solid #e5e5e5; }
#OriginModal .modal-header { background-color: #20498e;padding: 10px;border-bottom: 1px solid transparent; }
#OriginModal .originmodal_title { padding: 10px;border: 4px solid #fff;border-radius: 50px;color: #fff; }
#OriginModal .originmodal_title-text { font-size: 16px;color: #fff; }
#OriginModal .modalcaption { color: #fff;font-size: 14px;background-color: #8cb63c;text-align: right;padding: 6px; }
.modalreturn { color: #000;padding: 10px 14px;border-bottom: 1px solid #e5e5e5; }
#DestinationModal .modal-content { border-radius: 2px; }
#DestinationModal .modal-body { border: 1px solid #e5e5e5; }
#DestinationModal .modal-header { background-color: #20498e;padding: 10px;border-bottom: 1px solid transparent; }
#DestinationModal .destinationmodal_title { padding: 10px;border: 4px solid #fff;border-radius: 50px;color: #fff; }
#DestinationModal .destinationmodal_title-text { font-size: 16px;color: #fff; }
#DestinationModal .modalcaption { color: #fff;font-size: 14px;background-color: #8cb63c;text-align: right;padding: 6px; }
#DestinationModal .modal-content a:hover { color: #000; }
#OriginModal .modal-content a:hover { color: #000; }
#DestinationModal .modal-body p { font-size: 14px; }
#OriginModal .modal-body p { font-size: 14px; }
.modalreturn i { font-size: 16px;cursor: pointer; }
.businfo_title { font-size: 14px;font-weight: 700;line-height: 20px; }
.businfo_route { font-size: 14px;margin-bottom: 5px; }
.exit_info { display: flex;padding: 5px 10px;font-size: 14px; }
.exit_info img { width: 30px;margin-right: 10px; }
.exitbtn { cursor: pointer; }