#navi { background: seashell; padding: 4px; font-size: 15px; margin-bottom: 10px }

  .l_R { background: red }
  .l_R1 { background: pink }
  .l_G { background: green }
  .l_BL { background: blue }
  .l_BR { background: chocolate }
  .l_O { background: orange }
  .l_O1 { background: orange }
  .l_O2 { background: orange }
  .l_O3 { background: orange }
  .l_Y { background: gold }
  .l_G1 { background: green }
  .l_G2 { background: green }
  .l_X { background: #999999 }

  .list { border-collapse: collapse; width: 100% }
  .list tr { border-bottom: 1px solid #999 }
  .list th { text-align: center; font: bold 19px/1 'Microsoft Jhenghei'; width: 6.6em; text-shadow: #fff 2px 2px 5px; cursor: pointer }
  .list .x { width: 10px }
  .list .price { width: 60px; color: red; font: bold 26px/1 Arial }

  
  .route { font-size: 13px; margin: 6px 0; position: relative; padding-left: 60px }
  .route .dis { display: block; position: absolute; top: 3px; left: 5px; width: 50px; text-align: right; font-family: Arial; color: #A84 }
  .route .s { font-weight: bold; padding: 3px 8px; background: #eee; border: 1px solid #777; border-radius: 2px; cursor: pointer }
  .route .l { display: inline-block; width: 6.8em; text-align: center; font-size: 11px; padding: 2px 5px; color: #fff; text-shadow: #222 2px 1px 3px }

  .hidden { display: none; }