/* CSS Document */


* { word-wrap: break-word;}
body {font: normal 100% Helvetica, Arial, sans-serif; line-height:150%; margin:0; padding: 0;-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;}
div, dl, dt, dd, ul, ol, li, pre, form, fieldset, blockquote, h1, h2, h3, h4, h5, h6, p {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 { font-weight: normal;}
li { list-style-type: none;}
table { margin: 0 auto;}
img {  border: medium none;}
ol, ul {list-style: none outside none;}
h1{ font-size:1.5em;}
h2{ font-size:1em;}
h3{ font-size:0.875em;}

.pave{  background:url(../img/navigationbar-goback-normal.png) left center no-repeat; border:0px; width:66px; height:38px; border-radius:0px;-moz-box-shadow: 0 0 0 rgba(255,255,255,.3);-webkit-box-shadow: 0 0 0 rgba(255,255,255,.3);box-shadow: 0 0 0 rgba(255,255,255,.3);}
.pave span{border-radius:0px; border:0px;}
.pave:hover{background: url(../img/navigationbar-goback-selected.png) left center no-repeat;}

.ui-content{ width:100%; overflow:hidden;}


.form{ width:90%; margin:0 auto; }
.form label{ line-height:40px;}
.form input{ height:30px; line-height:30px;}

.center-message{ text-align:center;}


.markBox{ position: absolute; background:url(../img/driver-label.png) center no-repeat;width: 73px;
height: 32px;overflow: hidden;padding: 5px 42px 13px 5px;top: -48px;left: -41px;}
.markBox h3{ text-align:center; height:20px; overflow:hidden; line-height:20px;}
.miniStar{margin: 0 auto; background:url(../img/ministar.png) 0px -10px no-repeat; width:50px; height:10px; position:relative;}
.miniStar span{ background:url(../img/ministar.png) 0px 0px no-repeat; width:50px; height:10px; position:absolute;}
.markStar{ background:url(../img/star.png) 0px -0px no-repeat; width:70px; height:25px; position:relative;}
.markStar span{ background:url(../img/star.png) 0px -30px no-repeat; width:70px; height:25px; position:absolute;}

.rightNav{ position:absolute; right:10px; width:60px; height:180px; top:50px;}
li.reservation,li.orders,li.price{ height:60px; overflow:hidden; width:60px; text-inden:-9999em; cursor:pointer;}
.reservation{ background:url(../img/button-appointment-normal.png) center no-repeat;}
.reservation:hover{ background:url(../img/button-appointment-selected.png) center no-repeat;}
.orders{ background: url(../img/button-order-normal.png) center no-repeat;}
.orders:hover{ background: url(../img/button-order-selected.png) center no-repeat;}
.price{ background: url(../img/button-price-normal.png) center no-repeat;}
.price:hover{ background: url(../img/button-price-selected.png) center no-repeat;}


/*预约窗口*/
.reservationBox{ width:100%; height:300px; border-top:2px #F90 solid; position: absolute; bottom:0; z-index:1000; background:#000; background:url(../img/back_bg.png) repeat;}
.appointmentIco{ cursor:pointer; position:absolute; width:50px; height:50px; left:20px; background:url(../img/appointment.png) center no-repeat; top:-25px;}
.reservationForm{ width:80%; margin:0 auto;}

.textInput div{ background:#333; border:1px #000 solid;}
.textInput label{ color:#FFF; margin-right: 5px; font-size:0.75em;}
.textInput input{ color:#F60;}

.radioInput legend{ color:#FFF; margin-right: 5px; line-height:29px; font-size:0.75em;}
.radioInput div.ui-radio{ width:25%;}
.radioInput span.ui-btn-text{ font-size:0.75em;}
.submitBox{ margin:0 auto; width:50%;}


/*价格窗口*/
.priceBox{ width:100%; height:300px; border-top:2px #F90 solid; position: absolute; bottom:0; z-index:1000; background:#000; background:url(../img/back_bg.png) repeat;}
.priceIco{ cursor:pointer; position:absolute; width:50px; height:50px; left:20px; background:url(../img/price.png) center no-repeat; top:-25px;}
.priceText{}
.priceText ul{ margin-top:30px;}
.priceText ul li{ height:38px; text-align:center; line-height:38px; color:#FFF;  }
.priceText ul li div.left{ width:40%; float:left;}
.priceText ul li div.right{ width:60%; float:left;}
.rgba3{background-color: rgba(0, 0, 0, 0.3);}
.rgba2{background-color: rgba(0, 0, 0, 0.2);}
.rgba1{background-color: rgba(0, 0, 0, 0.1);}
.rgba{background-color: rgba(0, 0, 0, 0.05);}

.w80{ width:80%; margin:0 auto;}
font.cF90{ color:#F90; font-size:1.2em; font-weight:bold;line-height:35px; }

.Prompt{ padding:0 20px; color:#FFF; font-size:0.75em;}
.Prompt p{ line-height:16px; height:20px; clear:both; display:block;}
.Round{ box-shadow:10px; border-radius:10px; width:16px; height:16px; background:#F90; display:block; text-align:center;}


/*订单*/
.orderBox{ width:100%; height:300px; border-top:2px #F90 solid; position: absolute; bottom:0; z-index:1000; background:#000; background:url(../img/back_bg.png) repeat;}
.orderIco{ cursor:pointer; position:absolute; width:50px; height:50px; left:20px; background:url(../img/order.png) center no-repeat; top:-25px;}
.orderText ul{ margin-top:20px;}
.orderText ul li{ padding:3px 20px; color:#FFF; border-bottom:1px #333 solid; font-size:0.75em;}

.orderText ul li table { width:95%; margin:0 auto;}
.orderText ul li table tr{ height:18px;}


.none{display: none;}

.driverSubmit{ margin:0 auto; width:100%;}
.driverBox{ position:absolute; top:48px; left:0; background:#FFF; height:120px;  width:100%;}
.driverBox .box{ padding:5px 10px;}
.driverLogo{ width:80px; height:100px; border:2px solid #CCC; float:left;}
.driverLogo img{ width:80px; height:100px;}
.driverText{ margin-left:100px; margin-right:60px;}
.driverText h3{ font-size:1.5em; height:30px; line-height:30px; }
.driverText .star{ width:200px; line-height:35px; height:35px;}
.Frequency font{ color:#06C;}
.Status{ background:url(../img/status-free.png) center no-repeat; width:60px; height:30px; float:right;}
.busy{ background:url(../img/status-busy.png) center no-repeat;}


.telBox{ height:40px; margin-top:20px;}
.telBox a{ width:220px; height:40px; display:block; margin:0 auto; background:url(../img/tel.png) 0 0 no-repeat;}
.telBox a:hover{ width:220px; height:40px; display:block; margin:0 auto; background:url(../img/tel.png) 0 -40px no-repeat;}
.driverHistory{ overflow:auto; height:125px;}
.driverHistory ul{ color:#FFF; font-size:0.75em;}

.driverHistory ul li{ overflow:hidden; width:100%; height:30px; line-height:30px; border-bottom:1px solid #333;}
.driverHistory ul li div{ float:left; text-align:center;}
.driverHistory ul li div font{ color:#F60; line-height:30px; font-size:18px; }
.driverHistoryMore{ height:30px; line-height:30px;font-size:0.75em;font-weight:lighter; color:#FFF; width:100%;}
.driverHistoryMore a{ text-align:center; display:block; margin-right:40px; text-decoration:none;}
.driverHistoryMore a:hover{ text-align:center; display:block;text-decoration:none; font-weight:lighter; color:#FFF;}
a.multiplayer{ float:right; display:block; width:30px; height:30px;  background:url(../img/button-morepeople-normal.png) 0px 0px no-repeat;}
a.multiplayer:hover{  background:url(../img/button-morepeople-normal.png) 0px -30px  no-repeat;}


.locBtn{ position:absolute; height:24px; width:24px; background:url(../img/locBtn.png) top center no-repeat; bottom:50px; right:5px; cursor:pointer;}
.locBtn:hover{ position:absolute; height:24px; width:24px; background:url(../img/locBtn.png) bottom center no-repeat; bottom:50px; right:5px; cursor:pointer;}