@charset "UTF-8"; 
/**********************************************************************
author : jinovice
email : jinovice@gmail.com
website : http://www.jinovice.com
**********************************************************************/

/* common */
  html,body{height:100%;}
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button{margin:0;padding:0;}
  body{font-family:dotum,Arial,Helvetica,sans-serif,hmcL;line-height:1.4em;}
  select{font-family:dotum,Arial,dotum,Helvetica,sans-serif,hmcL;}
  ul,ol{list-style:none;}
  form{display:inline;}
  fieldset,img,button{border:none;}
  address{font-style:normal;margin:0;}
  input,img,button{vertical-align:middle;}

  a{color:black;text-decoration: none;}

  input, textarea, select{border:none;/*box-shadow:0 0 1px rgba(0,0,0,0.4);*/vertical-align:middle;}
  input[type=checkbox], input[type=radio]{box-shadow:none;}

  /* direction setting */
  .tad{text-align:left;}
  .tar{text-align:right;}
  .fd{float:left;}
  .fr{float:right;}
  .tac{text-align:center;}


/* set */
  body{font-size:12px;}
  #SA{padding:15px;}

/* main */
  .main{text-align:center;overflow:hidden;}

  .main h1{padding-top:20px;}
  .main h1 img{width:60%;max-width:320px;}

  .main .visual{padding-top:10px;background:url("/resources/images/main/visual_bg.png") repeat-x left bottom;background-size:auto 200px;}
  .main .visual img{width:60%;max-width:320px;}

  .main #nav{position:absolute;left:0;bottom:25px;width:100%;padding-bottom:10px;font-size:0;background-color:rgba(255,255,255,0.8);}
  .main #nav ul{width:95%;margin:0 auto;}
  .main #nav ul li{width:24%;display:inline-block;}
  .main #nav ul li a{height:20px;padding-top:40px;font-size:12px;background:url("/resources/images/icon/nav.png") no-repeat 50% 0;background-size:100px auto;display:block;white-space:nowrap;}
  .main #nav ul li:nth-of-type(1) a{background-position:50% 57.8%;}
  .main #nav ul li:nth-of-type(2) a{background-position:50% 71.4%;}
  .main #nav ul li:nth-of-type(3) a{background-position:50% 85.0%;}
  .main #nav ul li:nth-of-type(4) a{background-position:50% 98.6%;}
  .main #nav ul li.n1 a{background-position:50% 57.8%;}
  .main #nav ul li.n2 a{background-position:50% 71.4%;}
  .main #nav ul li.n3 a{background-position:50% 85.0%;}
  .main #nav ul li.n4 a{background-position:50% 98.6%;}
  .main #footer{position:absolute;left:0;bottom:0;width:100%;height:25px;color:#777;font-size:8px;text-align:center;background-color:rgba(255,255,255,0.8);}

/* sub */
  #header{z-index:20;position:absolute;left:0;top:0;width:100%;height:45px;text-align:center;background-color:#5c6898;}
  #header h1{line-height:45px;font-size:16px;font-weight:bold;color:white;vertical-align:middle;}
  #header img{height:23px;}
  #header a{color:white;letter-spacing:-1px;display:inline-block;vertical-align:middle;}
  #header .back{position:absolute;left:0;top:0;width:45px;height:45px;text-indent:-1000em;background:url("/resources/images/icon/back.png") no-repeat 50% 50% rgba(0,0,0,0.2);background-size:auto 20px;overflow:hidden;cursor:pointer;}

  .sub #nav{z-index:20;position:absolute;left:0;top:45px;width:100%;height:46px;border-bottom:solid 5px #eaeaea;background-color:white;overflow:hidden;}
  .sub #nav:after{content:"";display:block;clear:both;}
/*   .sub #nav ul{height:35px;padding:0 3px;margin:10px auto 0 auto;border-bottom:solid 1px #bbb;} */
/*   .sub #nav ul li{position:relative;width:24.4%;margin:0 0.3%;text-align:center;float:left;} */
  .sub #nav ul{height:35px;padding:0 1px;margin:10px auto 0 auto;border-bottom:solid 1px #bbb;}
  .sub #nav ul li{position:relative;width:24%;margin:0 1px;text-align:center;float:left;}
  .sub #nav ul li a{line-height:35px;font-size:13px;color:#aaa;letter-spacing:-1px;border:solid 1px #ddd;border-bottom:none;border-radius:8px 8px 0 0;display:block;}
  .sub #nav ul li.on a{color:#666;border-color:#bbb;background-color:#eaeaea;}

  .sub #nav.noFav ul li{width:32.73%;}

  /*.sub #nav ul li a{position:relative;left:0;top:1px;width:100%;height:20px;padding:40px 0 10px 0;color:#999;background:url("/resources/images/icon/nav.png") no-repeat 50% 0;background-size:100px auto;display:block;white-space:nowrap;}
  .sub #nav ul li.on a{padding-bottom:5px;color:#333;border-bottom:solid 5px #ff6f6f;}
  .sub #nav ul li:nth-of-type(1) a{background-position:50% 3.8%;}
  .sub #nav ul li:nth-of-type(2) a{background-position:50% 17.4%;}
  .sub #nav ul li:nth-of-type(3) a{background-position:50% 31.0%;}
  .sub #nav ul li:nth-of-type(4) a{background-position:50% 44.5%;}
  .sub #nav ul li.on:nth-of-type(1) a{background-position:50% 57.8%;}
  .sub #nav ul li.on:nth-of-type(2) a{background-position:50% 71.6%;}
  .sub #nav ul li.on:nth-of-type(3) a{background-position:50% 85.2%;}
  .sub #nav ul li.on:nth-of-type(4) a{background-position:50% 98.6%;}*/

  .sub #section{z-index:10;position:relative;width:100%;height:100%;overflow:auto;}
  .sub #section #content{padding:96px 0 60px 0;}
  .sub #section #content.noNav{padding-top:80px;}
  .sub #section #content.map{padding:80px 0 0 0;}

  .sub #footer{z-index:20;position:absolute;left:0;bottom:0;width:100%;height:50px;font-size:12px;text-align:center;background-color:#e5e5e5;}
  .sub #footer span{cursor:pointer;}
  .sub #footer .toggle{position:absolute;right:10px;top:-17px;}
  .sub #footer .noticeArea{margin:7px;}
  .sub #footer .record{max-width:50%;height:20px;line-height:20px;color:#333;/*font-size:11px;*/display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .sub #footer .more{padding:0 5px;color:white;line-height:1.2em;font-size:10px;letter-spacing:-1px;border-radius:7px;background-color:#646464;display:inline-block;}
  .sub #footer .toggle img{height:17px;}
  .sub #footer .notice{margin-right:5px;}
  /*.sub #footer .info{margin-left:15px;font-size:1.2em;}*/
  .sub #footer .info{position:absolute;right:0;top:7px;font-size:1.8em;}
  .sub #footer .copyright{position:absolute;left:0;bottom:0;width:100%;height:20px;color:#999;font-size:8px;text-align:center;}

  .sub #footer.off{height:10px;}
  .sub #footer.off .noticeArea, .sub #footer.off .copyright{display:none;}

/* busList */
  .busList{}
  .busList li{border-bottom:solid 1px #e8e8e8;}
  .busList li a{position:relative;padding:15px 15px 10px 70px;display:block;overflow:hidden;}
  .busList li a .biconArea{position:absolute;left:10px;top:5px;}
  .busList li a .title{font-size:12px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  /*.busList li a .sub{margin-top:1px;color:#666;display:block;}*/
  .busList li.more{border-bottom:none;}
  .busList li.more a{padding-left:15px;font-size:14px;line-height:30px;text-align:center;}
  .busList li.more a strong{display:inline-block;vertical-align:middle;}
  .none{height:auto !important;padding:40px 0;font-size:14px;font-weight:bold;text-align:center;}
  .none img{width:90px;margin-bottom:20px;}
  .none strong{letter-spacing:-1px;line-height:1.4em;display:block;}
  .searchStation{}
  .searchStation a{line-height:50px;font-size:14px;text-align:center;background-color:#e5e5e5;display:block;}

/* busView */
  .busView{}
  .busView{}
  .busView .busViewHeader{position:relative;height:30px;padding:20px 15px 20px 70px;}
  .busView .busViewHeader .biconArea{position:absolute;left:10px;top:15px;}
  .busView .busViewHeader .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .busView .busViewHeader .sub{margin-top:1px;color:#666;display:block;}
  .busView .busViewHeader .function{position:absolute;right:15px;top:15px;width:90px;overflow:hidden;}  
  .busView .busViewHeader .function li{float:left;}
  .busView .busViewHeader .function li .inlineIcon{width:1.5em;margin:0 1px;font-size:18px;}

/* stationView */
  .stationView{}
  .stationView{}
  .stationView .stationViewHeader{position:relative;height:30px;line-height:30px;padding:15px 15px 15px 70px;}
  .stationView .stationViewHeader .biconArea{position:absolute;left:10px;top:5px;}
  .stationView .stationViewHeader .title{font-size:14px;line-height:1.2em;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .stationView .stationViewHeader .sub{margin-top:1px;color:#666;display:block;}
  .stationView .stationViewHeader .function{position:absolute;right:15px;top:15px;width:90px;overflow:hidden;}  
  .stationView .stationViewHeader .function li{float:left;}
  .stationView .stationViewHeader .function li .inlineIcon{width:1.5em;margin:0 1px;font-size:18px;}

  .stationView .stationViewContent{}
  .stationView .stationViewContent h2{height:25px;margin:10px 15px 0 15px;line-height:25px;font-size:12px;text-align:center;color:white;background-color:#444;}
  .stationView .stationViewContent .date{position:absolute;left:68px;top:25px;width:11em;padding-left:1.5em;text-align:;line-height:20px;background:url("/resources/images/icon/icon.png") no-repeat 0 36.5%;background-size:17px auto;}

  .stationView .stationViewContent .busInfo{position:relative;padding:20px 0 20px 55px;margin:0 15px;border-top:solid 3px #424242;background:url("/resources/images/icon/sub_title.png") no-repeat 14px 0;background-size:14px auto;}
  .stationView .stationViewContent .busInfo{}
  .stationView .stationViewContent .busInfo{}
  .stationView .stationViewContent .busInfo .biconArea{position:absolute;left:-5px;top:10px;}
  .stationView .stationViewContent .busInfo .title{font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .stationView .stationViewContent .busInfo .sub{margin-top:1px;color:#666;display:block;}

  .stationView .stationViewContent .busSch{margin:0 15px;font-size:11px;letter-spacing:-1px;}
  .stationView .stationViewContent .busSch li{position:relative;height:40px;line-height:40px;border-top:solid 1px #c1c1c1;background:url("/resources/images/icon/sub.png") no-repeat 15px 0 #f2f2f2;background-size:9px auto;}
  .stationView .stationViewContent .busSch li .pos{padding-left:40px;background:url("/resources/images/icon/icon.png") no-repeat 5px 36.7%;background-size:30px auto;}
  .stationView .stationViewContent .busSch li .time{position:absolute;right:0;top:0;width:140px;}
  .stationView .stationViewContent .busSch .c2{width:120px;padding-right:5px;text-align:right;display:inline-block;}
  .stationView .stationViewContent .busSch .last{width:40px;text-align:center;display:inline-block;}

/* stationViewList */
  .stationViewList{}
  .stationViewList li{border-top:solid 1px #e8e8e8;}
  .stationViewList li a{position:relative;height:30px;padding:3px 15px 17px 70px;display:block;overflow:hidden;}
  .stationViewList li a .biconArea{position:absolute;left:10px;top:0;}
  .stationViewList li a .title{line-height:30px;font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .stationViewList li a .sub{margin-top:1px;color:#666;display:block;}
  .stationViewList li.more{border-bottom:none;}
  .stationViewList li.more a{padding-left:15px;font-size:14px;line-height:30px;text-align:center;}
  .stationViewList li.more a strong{display:inline-block;vertical-align:middle;}
  .stationViewList li.none{padding:50px 0;font-size:14px;text-align:center;}
  .stationViewList li.none img{width:90px;margin-bottom:20px;}
  .stationViewList li.none strong{letter-spacing:-1px;display:block;}

/* favList */
  .favList{}
  .favList li{border-bottom:solid 1px #e8e8e8;}
  .favList li a{position:relative;height:30px;padding:15px 15px 15px 70px;display:block;overflow:hidden;}
  .favList li a .biconArea{position:absolute;left:10px;top:5px;}
  .favList li a .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .favList li a .sub{margin-top:1px;color:#666;display:block;}
  .favList li.more{border-bottom:none;}
  .favList li.more a{padding-left:15px;font-size:14px;line-height:30px;text-align:center;}
  .favList li.more a strong{display:inline-block;vertical-align:middle;}
  .favList li.none{padding:50px 0;font-size:14px;text-align:center;}
  .favList li.none img{width:90px;margin-bottom:20px;}
  .favList li.none strong{letter-spacing:-1px;display:block;}

/* favListModifyHeader */
  .favListModifyHeader{z-index:20;position:absolute;left:0;top:45px;width:100%;height:35px;line-height:35px;color:white;background-color:#616161;}
  .favListModifyHeader .check{position:absolute;left:10px;top:0;color:white;font-size:11px;display:block;}
  .favListModifyHeader strong{padding-left:100px;font-weight:normal;font-size:14px;letter-spacing:-1px;}
  .favListModifyHeader .close{position:absolute;right:0;top:0;width:35px;height:35px;text-indent:-1000em;background:url("/resources/images/icon/icon.png") no-repeat 50% -20px black;background-size:25px auto;}

/* favListModify */
  .favListModify{}
  .favListModify li{border-bottom:solid 1px #e8e8e8;}
  .favListModify li{position:relative;height:30px;padding:15px 45px 15px 85px;display:block;overflow:hidden;}
  .favListModify li .check{z-index:10;position:absolute;left:10px;top:17px;}
  .favListModify li .biconArea{z-index:5;position:absolute;left:35px;top:5px;}
  .favListModify li .title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .favListModify li .sub{margin-top:1px;color:#666;display:block;}
  .favListModify li .up, .favListModify li .down{position:absolute;right:0;width:34px;text-indent:-1000em;border-left:solid 1px #ddd;display:block;overflow:hidden;cursor:pointer;}
  .favListModify li .up{top:0;height:30px;background:url("/resources/images/icon/icon.png") no-repeat 50% -72px white;background-size:25px auto;}
  .favListModify li .down{bottom:0;height:29px;border-top:solid 1px #e8e8e8;background:url("/resources/images/icon/icon.png") no-repeat 50% -48px #f4f4f4;background-size:25px auto;}
  .favListModify li.apply{padding-left:45px;text-align:center;border-bottom:none;}
  .favListModify li.apply a{width:80%;padding:5px 0;color:white;background-color:#424242;display:inline-block;}

/* routeMapHeader */
  .routeMapHeader{}
  .routeMapHeader{z-index:20;position:absolute;left:0;top:45px;width:100%;height:35px;line-height:35px;color:white;background-color:#616161;}
  .routeMapHeader span{position:absolute;left:10px;top:0;color:white;font-size:11px;display:block;}
  .routeMapHeader strong{padding-left:110px;font-weight:normal;font-size:14px;letter-spacing:-1px;}
  .routeMapHeader .close{position:absolute;right:0;top:0;width:35px;height:35px;text-indent:-1000em;background:url("/resources/images/icon/icon.png") no-repeat 50% -20px black;background-size:25px auto;}

  .routeMapInfo{z-index:15;position:absolute;left:0;bottom:0;width:100%;height:70px;background-color:white;overflow:hidden;}
  .routeMapInfo .biconArea{position:absolute;left:10px;top:5px;}
  .routeMapInfo .title{padding:15px 15px 0 70px;font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .routeMapInfo a.detail{padding:0 5px;margin-top:3px;color:white;font-size:11px;letter-spacing:-1px;border-radius:5px;background-color:#ff6f6f;display:inline-block;}
  .routeMapInfo a.list{position:absolute;right:15px;top:13px;font-size:14px;}
  .routeMapInfo.on{display:block;}

/* stationMapHeader */
  .stationMapHeader{}
  .stationMapHeader{z-index:20;position:absolute;left:0;top:45px;width:100%;height:35px;line-height:35px;color:white;background-color:#616161;}
  .stationMapHeader span.label{position:absolute;left:10px;top:0;color:white;font-size:11px;display:block;}
  .stationMapHeader span.title{position:relative;padding-left:110px;line-height:35px;font-weight:normal;color:white;font-size:14px;letter-spacing:-1px;display:block;}
  .stationMapHeader span.title .name{display:block;}
  .stationMapHeader span.title .inlineIcon{position:absolute;left:auto;right:40px;top:7px;}
  .stationMapHeader .close{position:absolute;right:0;top:0;width:35px;height:35px;text-indent:-1000em;background:url("/resources/images/icon/icon.png") no-repeat 50% -20px black;background-size:25px auto;}

  .stationMapInfo{z-index:15;position:absolute;left:0;bottom:50px;width:100%;height:70px;background-color:white;overflow:hidden;display:none;}
  .stationMapInfo .biconArea{position:absolute;left:10px;top:5px;}
  .stationMapInfo .title{padding:15px 15px 0 70px;font-size:14px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .stationMapInfo a.detail{padding:0 5px;margin-top:3px;color:white;font-size:11px;letter-spacing:-1px;border-radius:5px;background-color:#ff6f6f;display:inline-block;}
  .stationMapInfo a.list{position:absolute;right:15px;top:13px;font-size:14px;}
  .stationMapInfo.on{display:block;}

/* routeList */
  .routeList{margin:5px 15px;}
  .routeList li{position:relative;height:60px;background:url("/resources/images/icon/route.png") no-repeat right -60px;background-size:30px auto;display:block;}
  .routeList li .biconArea{position:absolute;left:10px;top:5px;}
  .routeList li .biconArea .bicon{width:45px;margin-left:-5px;}
  .routeList li .title{height:59px;line-height:59px;margin-right:45px;padding-left:150px;font-weight:bold;font-size:12px;border-bottom:solid 1px #ddd;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .routeList li.first{background-position:right 0;}
  .routeList li.last{background-position:right bottom;}
  .routeList li.end{background-position:right -120px;}
  .routeList li.uturn_n{background-position:right -180px;}
  .routeList li.uturn{background:url("/resources/images/icon/uturn.png") no-repeat right 50%;background-size:30px auto;}
  .routeList .current{z-index:50;position:absolute;right:3px;top:15px;width:30px;height:30px;text-indent:-1000em;background:url("/resources/images/icon/current.png") no-repeat right center;background-size:30px auto;}
  .routeList .current.started{top:45px;}
  .routeList .current strong{position:absolute;right:-5px;bottom:0;width:15px;height:15px;line-height:15px;font-size:10px;text-indent:0;letter-spacing:-1px;color:black;text-align:center;border-radius:10px;box-shadow:0 0 3px black;background-color:white;}
  .routeList{}

/* stationList */
  .stationList{margin:5px 15px;}
  .stationList li{position:relative;height:60px;display:block;overflow:hidden;}
  .stationList li .biconArea{position:absolute;left:10px;top:5px;}
  .stationList li .biconArea .bicon{width:45px;margin-left:-5px;}
  .stationList li .title{height:59px;line-height:59px;padding-left:150px;font-weight:bold;font-size:12px;border-bottom:solid 1px #ddd;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  .stationList{}
  .stationList li.viewMap{border-bottom:none;}
  .stationList li.viewMap a{padding-left:15px;font-size:14px;line-height:60px;text-align:center;background-color:#e5e5e5;display:block;}
  .stationList li.viewMap a strong{display:inline-block;vertical-align:middle;}

/* popup */
  .popupArea{z-index:80;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
  .popupArea .dimmed{width:100%;height:100%;background-color:rgba(0,0,0,0.7);}
  .popupArea .popup{position:absolute;left:50%;top:50%;width:250px;height:250px;margin:-125px 0 0 -125px;letter-spacing:-1px;font-size:11px;}
  .popupArea .popup.main{background:url("/resources/images/popup/main.png") no-repeat 50% 0;background-size:250px auto;}
  .popupArea .popup.main .sub{font-size:10px;color:#8a87b1;}
  .popupArea .popupHeader{height:75px;padding-right:15px;margin-top:20px;color:white;}
  .popupArea .popupHeader p{padding:5px 0;font-size:12px;}
  .popupArea .popupContent{height:130px;padding-right:15px;color:#666;}
  .popupArea .popupContent p{padding:15px 0 10px 0;}
  .popupArea .popupContent .check{}
  .popupArea .popupContent .check strong{line-height:1.2em;font-size:10px;color:#777;display:block;}
  .popupArea .close{position:absolute;right:45px;bottom:24px;width:30px;height:30px;text-indent:-1000em;border-radius:30px;/*background-color:red;*/overflow:hidden;cursor:pointer;}
  
  .popupArea .popup.fav{background:url("/resources/images/popup/fav.png") no-repeat 50% 0;background-size:250px auto;}
  .popupArea .fav .popupHeader{height:70px;margin-top:45px;text-align:center;line-height:1.4em;font-size:15px;}
  .popupArea .fav .popupHeader .b{font-size:21px;display:block;}
  .popupArea .fav .popupContent{text-align:center;}

  .popupArea .popup.app{width:265px;height:350px;padding-right:15px;margin:-175px 0 0 -130px;font-size:13px;background:url("/resources/images/popup/app.png") no-repeat 50% 0;background-size:280px auto;}
  .popupArea .popup.app .scrollArea{height:100%;background-color:white;overflow:auto;}
  .popupArea .popup.app .scrollArea.hasH{width:250px; height:255px;padding: 5px;}
  .popupArea .popup.app strong{font-size:13px;display:block}
  .popupArea .popup.app ul{margin-top:10px;color:#777;}
  .popupArea .popup.app img{max-width:100%;}
  .popupArea .popup.app .btnArea{padding:0;margin:0;}
  .popupArea .popup.app .btnArea span{width:40px;height:40px;margin:0 2px;line-height:40px;text-align:center;color:white;border-radius:20px;background-color:#363636;display:inline-block;cursor:pointer;}
  
  .popupArea .app .title{line-height:30px;text-align:center;color:white;font-size:14px;display:block;}
  .popupArea .app .info{position:relative;height:90px;padding:20px 20px 20px 100px;}
  .popupArea .app .info .pic{position:absolute;left:20px;top:20px;width:57px;}
  .popupArea .app .info strong{font-size:14px;display:block;}
  .popupArea .app .info ul{margin-top:10px;color:#777;}
  .popupArea .app .detail{height:65px;padding:15px 20px 15px 20px;line-height:1.4em;color:#777;}
  .popupArea .app .address{padding:20px;}
  .popupArea .app .address strong{}
  .popupArea .app .address p{}
  .popupArea .app .close{right:10px;bottom:10px;width:25px;height:25px;border-radius:10px;}
  
  .popupArea .popup.favCom{background:url("/resources/images/popup/result.png") no-repeat 50% 0;background-size:250px auto;}
  .popupArea .favCom p{padding:90px 15px 90px 0;text-align:center;font-size:14px;}
  .popupArea .favCom p img{width:20px;}
  .popupArea .favCom p strong{padding-top:10px;display:block;}

  .popupArea .popup.gps{background:url("/resources/images/popup/gps.png") no-repeat 50% 0;background-size:250px auto;}
  .popupArea .gps .popupHeader{height:35px;margin-top:80px;text-align:center;line-height:1.4em;}
  .popupArea .gps .popupHeader p{font-size:16px;}
  .popupArea .gps .popupContent{text-align:center;}
  
  .popupArea .popup.notes{background:url("/resources/images/popup/notes.png") no-repeat 50% 0;background-size:250px auto;}
  .popupArea .popup.notes .popupHeader{height:80px;margin-top:35px;color:black;text-align:center;}
  .popupArea .popup.notes .popupHeader .title{font-size:21px;font-weight:bold;}
  .popupArea .popup.notes .popupHeader .bicon{height:60px;font-weight:normal;color:#777;text-indent:0;line-height:100px;}

  .popupArea .popup.station{width:80%;height:auto;margin:-250px 0 0 -40%;}
  .popupArea .popup.station .popupHeader{height:42px;padding:0;line-height:25px;text-align:center;background:url("/resources/images/popup/title.png") no-repeat 50% 0;background-size:auto 42px;}
  .popupArea .popup.station .popupContent{height:320px;padding:0;}
  .popupArea .popup.station .scrollArea{height:100%;background-color:white;overflow:auto;}
  .popupArea .popup.station .stationList{margin:0;}
  .popupArea .popup.station .stationList li{height:auto;}
  .popupArea .popup.station .stationList li .btn{height:39px;padding:0 20px;line-height:39px;color:black;font-size:14px;border-bottom:solid 1px #ddd;display:block;cursor:pointer;}
  .popupArea .popup.station .close{right:0;bottom:-40px;width:100%;height:40px;line-height:40px;font-size:14px;color:white;text-align:center;text-indent:0;border-radius:0;background-color:#888;}

  .popupArea .popup.notice{width:80%;height:auto;margin:-250px 0 0 -40%;}
  .popupArea .popup.notice .popupHeader{height:42px;padding:0;line-height:25px;text-align:center;background:url("/resources/images/popup/title.png") no-repeat 50% 0;background-size:auto 42px;}
  .popupArea .popup.notice .popupContent{height:280px;padding:0;}
  .popupArea .popup.notice .scrollArea{height:100%;background-color:white;overflow:auto;}
  .popupArea .popup.notice .scrollArea.hasH{height:240px;}
  .popupArea .popup.notice .noticeList{margin:0;}
  .popupArea .popup.notice .noticeList li{position:relative;height:auto;}
  .popupArea .popup.notice .noticeList li .btn{height:39px;padding:0 10px;line-height:39px;color:black;font-size:14px;border-bottom:solid 1px #ddd;display:block;cursor:pointer;}
  .popupArea .popup.notice .noticeList li .btn .num{width:30px;text-align:right;color:#dd3300;display:inline-block;}
  .popupArea .popup.notice .noticeList li .btn .date{position:absolute;right:10px;top:0;font-size:11px;color:#999;}
  .popupArea .popup.notice .more{position:absolute;right:0;bottom:-40px;width:100%;height:40px;line-height:40px;font-size:14px;color:#333;text-align:center;text-indent:0;border-radius:0;background-color:#eaeaea;display:block;cursor:pointer;}
  .popupArea .popup.notice .openApp{position:absolute;right:0;bottom:-120px;width:100%;height:40px;line-height:40px;font-size:14px;color:white;text-align:center;text-indent:0;border-radius:0;background-color:#777;display:block;cursor:pointer;}
  .popupArea .popup.notice .close{right:0;bottom:-80px;width:100%;height:40px;line-height:40px;font-size:14px;color:white;text-align:center;text-indent:0;border-radius:0;background-color:#888;}

  .popupArea .popup.notice h2.noticeH2{position:relative;padding:0 15px;margin:0;line-height:40px;color:white;background-color:#1a1a1a;}
  .popupArea .popup.notice h2.noticeH2 span{position:absolute;right:10px;top:0;font-weight:normal;letter-spacing:0;font-size:12px;color:#999;}

  .popupArea .popup.notice .noticeContent{padding:20px;}
  .popupArea .popup.notice .noticeContent p{padding:0;margin:10px 0;}
  .popupArea .popup.notice .noticeContent p:first-child{margin-top:0;}
  .popupArea .popup.notice .noticeContent{}
  
  .popupArea .popup.notice #subNoticeContent{font-size: 14px; text-align: center;}
  
  /* btnArea */
  .popupArea .popup .btnArea{padding:0;margin:0;}
  .popupArea .popup .btnArea span{width:40px;height:40px;margin:0 2px;line-height:40px;text-align:center;color:white;border-radius:20px;background-color:#363636;display:inline-block;cursor:pointer;}
  .popupArea .popup .btnArea span.point{background-color:#e55a57;}
/* checkbox */
  .formIcon{}
  .formIcon{width:2em;height:2em;text-indent:-1000em;background:url("/resources/images/icon/form.png") no-repeat 0 0;background-size:200% auto;display:inline-block;overflow:hidden;vertical-align:middle;cursor:pointer;}
  .formIcon a{width:2em;height:2em;display:block;}
  .checkbox{background-position:0 0;}
  .checkbox.on{background-position:100% 0;}
  .checkboxR{background-position:0 11%;}
  .checkboxR.on{background-position:100% 11%;}

/* object */
  .defArea{margin:0 15px;}

  /**/
    .btnArea{margin:15px 15px 0 15px;}
    .btnArea a, .btnArea span{line-height:2.5em;color:white;text-align:center;background-color:#424242;display:block;cursor:pointer;}

  /* search */
    .search{position:relative;margin-top:15px;text-align:center;}
    .search label{margin-right:5px;display:inline-block;}
    .search select.def{width:50%;height:25px;border:solid 1px #ccc;}
    .search input.def{width:60%;height:25px;border:solid 1px #ccc;}
    .search .submit{width:50px;height:25px;line-height:25px;color:white;background-color:#424242;}
    .search .inlineIcon{font-size:20px;}

  /* tab */  
    .tab{margin:0 15px;}
    .tab:after{content:"";clear:both;display:block;}
    .tab li{float:left;}
    .tab li a{color:#777;line-height:2.5em;font-weight:bold;text-align:center;background-color:#e3e3e3;display:block;}
    .tab li.on a{color:white;background-color:#ff6f6f;}
    .tab2 li{width:50%;}
  
  /* table */
    table.def{width:100%;margin-top:15px;color:#555;border:solid 1px #cdcdcd;border-collapse:collapse;}
    table.def th, table.def td{text-align:center;border-bottom:solid 1px #cdcdcd;}
    table.def thead th{padding:6px 0;background-color:#eaeaea;}
    table.def tbody th, table.def tbody td{padding:10px 0;}
    table.def tbody th{}
    table.def tbody td{font-size:15px;letter-spacing:-1px;}
    table.def tbody td.time{color:#444;font-weight:bold;}

  /* icon */
    .inlineIcon{width:1.8em;height:1.8em;margin:0 5px;text-indent:-1000em;background:url("/resources/images/icon/icon.png") no-repeat 50% 0;background-size:100% auto;display:inline-block;overflow:hidden;vertical-align:middle;}
    .inlineIcon.list{background-position:0 0;}
    .inlineIcon.notice{background-position:0 58.4%;}
    .inlineIcon.info{background-position:0 63.3%;}
    .inlineIcon.fav{background-position:0 52.9%;}
    .inlineIcon.pos{background-position:0 47.6%;}
    .inlineIcon.refresh{background-position:0 42.3%;}
    .inlineIcon.arrowDown{background-position:0 21.3%;}
    .inlineIcon.zoom{background-position:0 26.7%;}
    .inlineIcon.fav.on{background-position:0 68.8%;}

  /* bicon */
  	.bicon.op0{background-position-x: -150px}
  	.bicon.op1{background-position-x: 0}
    .bicon{width:50px;height:50px;text-indent:-1000em;background:url("/resources/images/icon/bicon.png") no-repeat 0 0;background-size:350px auto;display:inline-block;overflow:hidden;vertical-align:middle;}
    .bicon.s{background-position:0 0;}
    .bicon.ss{background-position-y:-200px;}
    .bicon.si{background-position-y:-250px;}
    .bicon.sl{background-position-y:-300px;}
    .bicon.sn{background-position-y:-350px;}
    .bicon.c{background-position:-50px 0;}
    .bicon.cg{background-position:-50px -200px;}
    .bicon.cb{background-position:-50px -250px;}
    .bicon.cr{background-position:-50px -300px;}
    .bicon.cy{background-position:-50px -350px;}
    .bicon.p{background-position:-100px 0;}
    .bicon.pg{background-position:-100px -200px;}
    .bicon.pb{background-position:-100px -250px;}
    .bicon.pr{background-position:-100px -300px;}
    .bicon.py{background-position:-100px -350px;}
    .bicon.v{background-position:-200px 0;}
    .bicon.a{background-position:-250px 0;}
    .bicon.bus{background-position:-300px -50px;}
    .bicon.n{background-position-y:0;}
    .bicon.b{background-position-y:-50px;}

/* character */
  .point{color:#e74809;}
  .red{color:#dd3300;}
  .start{color:#0099ff;}
  .arrive{color:#dd3300;}

/* paragraph */
  .guide{padding:20px 15px 0 15px;text-align:center;}
  .guide.hasBtn{position:relative;min-height:40px;padding-right:110px;font-size:11px;text-align:left;}
  .guide .function{position:absolute;right:15px;top:15px;width:90px;overflow:hidden;}  
  .guide .function li{float:left;}
  .guide.hasBtn .function{width:80px;}
  .guide .function li .inlineIcon{width:1.5em;margin:0 1px;font-size:25px;}

/* notice remarks */
  .popupArea .remarks{text-align:center;}
  .popupArea .remarks .title{font-size:21px;font-weight:bold;}
  .popupArea .remarks .bicon{height:60px;font-weight:normal;color:#777;text-indent:0;line-height:100px;}
  .popupArea .popup.notice .noticeContent .remarks .rMap{margin:0;text-align:center;}
  .popupArea .remarks .rMap img{max-width:100%;}
  
  .popupArea .app .infoN{position:relative;height:40px;padding:20px 20px 20px 80px;}
  .popupArea .app .infoN .pic{position:absolute;left:15px;top:20px;width:50px;}
  .popupArea .app .infoN strong{font-size:14px;display:block;}
  .popupArea .app .infoN strong .sub{margin-top:5px;color:#666;font-size:12px;font-weight:normal;display:block;}
  .popupArea .app .detailN{position:relative;width:160px;height:65px;padding:10px 20px 10px 80px;line-height:1.4em;color:#777;background-color:#f5f5f5;}
  .popupArea .app .detailNF{padding-bottom:0;}
  .popupArea .app .detailN .qr{position:absolute;left:15px;top:10px;height:60px;}
  .popupArea .app .addressN{padding:10px 20px;}
  
/* route status */
  .routeStatus {width: 23px; height: 23px; padding-bottom: 3px;}