body {margin:0;font-size:14px;font-family:AppleGothic,Arial,Tahoma,돋움,굴림}
* {margin:0;padding:0}
img {border:0}

.toolbar {position:absolute;width:100%;height:44px;text-align:center;font-size:20px;line-height:48px;background-color:#000;color:#FFF;text-shadow:-1px -1px 1px #333}
.toolbar .leftbutton {position:absolute;left:4px;top:4px;text-align:left;}
.toolbar .rightbutton {position:absolute;right:4px;top:4px;text-align:right;font-size:14px;}
.content {position:absolute;top:44px;width:100%;}
.toolbar.default {background:url(images/toolbar.gif) repeat-x}

#loading {position:absolute;width:50px;height:50px;text-align:center;left:50%;top:50%;margin:-40px 0 0 -25px;background-color:#FFF;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-moz-opacity:0.8;opacity:0.8;filter:Alpha(opacity=80);border:1px solid #DDD}
#loading img {margin:13px 0 0 0}

.busb {background:url(images/busbback.gif) repeat-x;color:#FFF;text-shadow:-1px -1px 1px #333}
.busg {background:url(images/busgback.gif) repeat-x;color:#FFF;text-shadow:-1px -1px 1px #333}
.busr {background:url(images/busrback.gif) repeat-x;color:#FFF;text-shadow:-1px -1px 1px #333}
.busy {background:url(images/busyback.gif) repeat-x;color:#FFF;text-shadow:-1px -1px 1px #333}

.noresult {padding:8px 10px;color:#999}

ul.tabs {margin:4px;padding:6px 0}
ul.tabs li {display:inline;padding:4px 10px;font-size:16px;color:#999}
ul.tabs li.on {color:#000;-webkit-border-radius:4px;-moz-border-radius:4px;border:1px solid #CCC;background-color:#EEE;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(255, 255, 255)), to(rgb(220, 220, 220)));}

#nearest {}
#nearest ul.list {margin:0;padding:0}
#nearest ul.list li {list-style:none;padding:6px 10px 6px 10px;font-size:14px;border-bottom:1px solid #E0E0E0}
#nearest ul.list li.header {background:url(images/sectionheader.gif) repeat-x;height:24px;padding:0 10px;color:#FFF;line-height:26px;text-shadow:1px 1px 1px #333}
#nearest ul.list li.sel {color:#FFF;background-color:#194fdb;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(66, 134, 245)), to(rgb(25, 79, 219)));}
#nearest ul.list li .info {padding:0 10px 0 0;background:url(images/chevron.png) no-repeat right center;}
#nearest ul.list li .subwaystop {overflow:hidden}
#nearest ul.list li .endtime {color:#FF6633}
#nearest ul.list li .title {float:left;font-size:16px}
#nearest ul.list li .linenum {display:inline;width:20px;height:20px;padding:4px;color:#FFF;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-size:14px}
#nearest ul.list li .distance {float:right;color:#999;margin:0 20px 0 0}
#nearest ul.list li .time {color:#666;margin:5px 0 0 20px;}
#nearest ul.list li .busstop {overflow:hidden}
#nearest ul.list li .busstop .title {float:left;font-size:16px}
#nearest ul.list li .busstop .title img{vertical-align:middle}
#nearest ul.list li .busstop .beginend{font-size:12px;color:#666}
#nearest ul.list li .busstop .time{float:right;color:#666;margin:0 20px 0 0}

#subwayline ul.list {margin:0;padding:0}
#subwayline ul.list li {list-style:none;padding:6px 10px 6px 10px;font-size:14px;border-bottom:1px solid #E0E0E0}
#subwayline ul.list li.header {background:url(images/sectionheader.gif) repeat-x;height:24px;padding:0 10px;color:#FFF;line-height:26px;text-shadow:1px 1px 1px #333}
#subwayline ul.list li.sel {color:#FFF;background-color:#194fdb;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(66, 134, 245)), to(rgb(25, 79, 219)));}
#subwayline ul.list li .info {padding:0 10px 0 0;background:url(images/chevron.png) no-repeat right center;}

#bus ul.list {margin:0;padding:0}
#bus ul.list li {list-style:none;padding:6px 10px 6px 10px;font-size:14px;border-bottom:1px solid #E0E0E0}
#bus ul.list li.header {background:url(images/sectionheader.gif) repeat-x;height:24px;padding:0 10px;color:#FFF;line-height:26px;text-shadow:1px 1px 1px #333}
#bus ul.list li.sel {color:#FFF;background-color:#194fdb;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(66, 134, 245)), to(rgb(25, 79, 219)));}
#bus ul.list li .info {padding:0 10px 0 0;background:url(images/chevron.png) no-repeat right center;}
#bus ul.list li .busstop {overflow:hidden}
#bus ul.list li .busstop .title {float:left;font-size:16px}
#bus ul.list li .busstop .title img{vertical-align:middle}
#bus ul.list li .busstop .beginend{font-size:12px;color:#666}
#bus ul.list li .busstop .time{float:right;color:#666;margin:0 20px 0 0}
#bus .searchbox {padding:6px 10px;border-bottom:1px solid #CCC;border-top:1px solid #CCC;background-color:#EFEFEF;}
#bus .searchbox input[type='number'] {font-size:14px;padding:5px;border:1px solid #CCC}
#bus .searchbox input[type='button'] {font-size:14px;padding:5px}

#info {}

.line1 {background-color:#003398}
.line2,.line702,.line402,.line501,.line301 {background-color:#36B32C}
.line3,.line701,.line401 {background-color:#FA5E2B}
.line4 {background-color:#3070D3}
.line5 {background-color:#883AB5}
.line6,.line703 {background-color:#994D0F}
.line7 {background-color:#5F6C00}
.line8 {background-color:#E71D6D}
.line9 {background-color:#BFA029}
.line100 {background-color:#EDB217}
.line103 {background-color:#6CB7B7}
.line104 {background-color:#60C6A9}
.line200 {background-color:#6691C8}
.line101 {background-color:#CCC}

ul.bus {}
ul.bus li {padding:6px 10px;border-bottom:1px solid #EFEFEF;font-size:16px;}
ul.bus li .info {background:url(images/chevron.png) no-repeat right center}
ul.bus li.nearest {background-color:#CCC;color:#000}
ul.bus li .distance {color:#999;font-size:14px}
ul.bus li.sel {color:#FFF;background-color:#194fdb;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(66, 134, 245)), to(rgb(25, 79, 219)));}

ul.subway {}
ul.subway li {padding:6px 10px;border-bottom:1px solid #EFEFEF;font-size:16px;}
ul.subway li .info {background:url(images/chevron.png) no-repeat right center}
ul.subway li.nearest {background-color:#CCC;color:#000}
ul.subway li .distance {color:#999;font-size:14px}
ul.subway li.sel {color:#FFF;background-color:#194fdb;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(66, 134, 245)), to(rgb(25, 79, 219)));}

.businfo {padding:6px 10px;background-color:#EFEFEF;border-bottom:1px solid #CCC;line-height:160%}
.businfo .value {color:#FF6633}
#neareststop {padding:5px 10px;color:#999;border-bottom:1px solid #EFEFEF}

#option {position:absolute;width:100%;background-color:#FFF;z-index:900;min-height:438px}
.sectiontitle {font-size:15px;margin:4px 12px}
ul.group {-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;border:1px solid #CCC;padding:4px 0;margin:4px 10px;background-color:#FFF}
ul.group li {padding:2px 10px;border-bottom:1px solid #E0E0E0;list-style:none}
ul.group li:last-child {border-bottom:0px solid #FFF}
ul.group li .info {padding:5px 0}
ul.group li.checked .info {padding:5px 0;background:url(images/checked.png) no-repeat right center}
ul.group li.sel {color:#FFF;background-color:#194fdb;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(66, 134, 245)), to(rgb(25, 79, 219)));}
#option .close {position:absolute;right:4px;top:4px;padding:6px}
h1.pagetitle {font-size:16px;text-align:center;font-weight:bold;margin:10px 0}

.subwaystation {}
.subwaystation .info{margin:6px 10px;border:1px solid #CCC;-webkit-border-radius:8px;-moz-border-radius:8px;padding:4px 0}
.subwaystation .info .cap{width:65px;text-align:right;color:#AAA}
.subwaystation .info td {border-bottom:1px solid #E0E0E0;padding:5px 2px}
.subwaystation .info tr:last-child td {border-bottom:0px solid #FFF}
.sat {color:#194fdb;}
.holiday {color:#FF0000;}
.weekdays {color:#333}
.subwaystation ul.page {border-bottom:1px solid #CCC;padding:2px 10px;margin:10px 0 0 0}
.subwaystation ul.page li {display:inline;margin:0 2px 10px 0;padding:5px 10px 2px 10px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;
	border-top:1px solid #CCC;border-left:1px solid #CCC;border-right:1px solid #CCC;font-size:15px;color:#666;
	background-color:#FFF;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(255, 255, 255)), to(rgb(220, 220, 220)));}
.subwaystation ul.page li.on {color:#000;background-color:#EEE;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(220, 220, 220)), to(rgb(190, 190, 190)));}
.subwaystation .left {float:left;width:50%}
.subwaystation .right {float:right;width:50%}
.subwaystation .daymenu {overflow:hidden;padding:8px 10px;border-bottom:1px solid #E0E0E0;background-color:#F0F0F0}
.subwaystation .today {float:left;width:100px}
.subwaystation ul.daytype {float:right;width:150px;text-align:right}
.subwaystation ul.daytype li {display:inline;padding:3px 6px;opacity:0.5;-moz-opacity:0.5;}
.subwaystation ul.daytype li.on {text-decoration:underline;opacity:1;-moz-opacity:1}

.subwaystation .timetable {clear:both}
.subwaystation .direction {text-align:center;font-size:15px;padding:6px 0}
.subwaystation .list {padding:10px;color:#333}
.subwaystation .list .past {color:#AAA}
.subwaystation .tip {clear:both;padding:10px 10px;color:#AAA;font-size:12px}


.copyright {text-align:center;color:#999;padding:20px 0}