@charset "utf-8"; /* CSS Document */ p { line-height:18px; margin-bottom:8px; font-size:12px; } a { color:#a31022; } a:hover { color:#a31022; text-decoration: none; } img { border:none; } h1 { font-size:28px; font-weight: normal; margin: 0 0 10px 15px; } .clear { clear:both; } .backHome { width:195px; height:31px; position:absolute; right:20px; bottom:20px; } select{ border: 1px solid #d1d1d1; border-radius: 5px; box-shadow: 1px 1px 4px #a4a4a4 inset; color: #545454; font-size: 14px; padding: 10px; } textarea { border: 1px solid #d1d1d1; border-radius: 5px; box-shadow: 1px 1px 4px #a4a4a4 inset; color: #545454; font-size: 15px; padding: 10px; } .phoneList { background:url(/css/images/hotel/forms/forms-body2.png) no-repeat scroll 0 -205px transparent; height: 120px; display:none; padding-left: 10px; padding-top: 10px; position: absolute; right: 1px; top: 110px; width: 256px; z-index: 9000; } .closeButton { background: url(/css/images/hotel/forms/forms-body2.png) no-repeat scroll 0 -57px transparent; bottom: 5px; cursor: pointer; height: 13px; position: absolute; right: 21px; width: 13px; } #content { } input:focus, select:focus, textarea:focus { background-color: #F1F9FF; border: 1px solid #67A1E2; box-shadow: 0 0 3px #99CCFF inset; } /*进度条*/ .process5-3{ background: url(/css/images/hotel/forms/forms-body2.png) no-repeat scroll 0 -393px transparent; height:25px; margin:0 0 10px 0;} .process5-4{ background: url(/css/images/hotel/forms/forms-body2.png) no-repeat scroll 0 -474px transparent; height:25px; margin:0 0 10px 0;} .size1of5{ width:165px; padding:2px 0 0 30px; float:left; font-size:15px; color:#b2b2b2;} .size3of5{ width:165px; padding:2px 0 0 30px; float:left; font-size:15px; color:#333333;} /* booking forms */ .oldPrice{ text-decoration:line-through; color:#777777; font-size:13px;} .dealPrice{ font-size:15px; color:#545454;} .serviceFee{ color:#C00;} .procedure { width:810px; margin: 0 auto 10px auto; position:relative; font-weight: bold; padding: 0 0 50px 0; font-size:13px; } .procedure .step-red { background:url(/pic/step/step-red.png) no-repeat; width:20px; height:20px; display: block; float: left; } .procedure .step-gray { background:url(/pic/step/step-gray.png) no-repeat; width:20px; height:20px; display: block; float: left; } .procedure .processing-gray { background:url(/pic/step/step-processing-gray.png) no-repeat; width:168px; height:11px; display: block; float: left; margin:5px; } .procedure .processing-white { background:url(/pic/step/step-processing-white.png) no-repeat; width:168px; height:11px; display: block; float: left; margin:5px; } .procedure .firststep { position:absolute; width:180px; left: 25px; top: 25px; font-family:Arial, Helvetica, sans-serif; } .procedure .secondstep { position:absolute; width:150px; left: 225px; top: 25px; font-family:Arial, Helvetica, sans-serif; } .procedure .thirdstep { position:absolute; width:150px; left: 424px; top: 24px; font-family:Arial, Helvetica, sans-serif; } .procedure .current { font-family:Arial, Helvetica, sans-serif; color:#a31022; } .emailTipsBox { position:absolute; border:1px solid #d1d1d1; width:150px; left: 474px; top: 95px; padding:5px; font-size:11px; z-index:1000; background:#fff; } .emailTipsBox .arrowLeft { background:url(/css/images/left-arrow.png) no-repeat; width:11px; height:11px; position:absolute; left:-11px; top: 8px; } .yourBooking { border: 1px solid #b7b7b7; width:990px; margin: 5px auto 20px auto; height:100%; overflow: hidden; } .yourBooking .subTitle { background:#E2E2E2; padding:5px 0 5px 10px; font-size:20px; color:#cf3630; } .yourBooking a.cartLink{ display:block; float:right; padding:0 15px 0 0; font-size:16px;} .yourBooking .bookingDetail { margin:0px 0; padding:10px; overflow: hidden; height:100%; } .yourBooking .bookingDetail table tr td{ font-size:12px;} .yourBooking .bookingDetail table tr.tcketChoose td{ font-size:12px; text-align:left; border-bottom:1px dashed #d1d1d1; padding:0 0 10px 0;} .yourBooking .bookingDetail .tourInfo { font-size:12px; margin-bottom:10px; height:100%; } .tourInfo .tourImg { width:100px; float: left; margin: 0 10px 5px 0; } .tourInfo table { border: none; float: right; font-size:12px; } .tourInfo table th { text-align: left; padding:8px 0; } .tourInfo table th.first { padding:0 0 5px 5px; } .tourInfo table td span.cityDepart{ font-size:14px; font-style:italic; color:#da4847;} /* Reservation Forms Css Style*/ #contentflightLeft { width:205px; float: right; } #contentflightLeft h4 { font-size: 14px; font-weight: bold; margin: 0; } #contact h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; } #contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; } /*机票预订表单样式*/ /*旅程信息*/ .flightDetailDIV{ background:#f1f1f1; float: right; padding: 10px; width: 270px; border-radius:5px;} .flightDetailDIV span.redFont{ font-size: 18px; color: #de504e; } /*航班情况*/ .flightSelected { width:100%; color:#6b6b6b; margin:0; } .flightSelected .departCity{ background:#fff; padding:3px 0 3px 5px; text-align:center; } .flightSelected .withBG{background:#fff url(/css/images/hotel/forms/flightlist.png) no-repeat 107px top; padding:3px 0 3px 5px; text-align:center; } .flightSelected tr td { color:#6a6a6a; font-size:14px; padding:4px 0px 4px 0px; line-height:24px; } .flightSelected tr td span.airline{ font-size:12px; text-align:right; color:#666;} .flightSelected tr td span.time{ font-size:11px; color:#666;} table.totalPrice{ margin:0 0 10px 0; border-top:1px solid #999999;} table.totalPrice tr td{ font-size:12px; padding:5px 0 5px 0;} table.totalPrice tr td.price{ text-align:right;} table.totalPrice tr td.total{ color: #999999; font-size: 22px; line-height: 24px; border-top:2px solid #999;} table.totalPrice tr td.totalPrice{ color: #de3836; font-size: 22px; line-height: 24px; border-top: 2px solid #999; text-align: right; } h5.fpassager { font-size:12px; color:#6a6a6a; margin:10px 0 10px 0px; padding-bottom:5px; border-bottom:1px solid #d1d1d1; background:url(/css/images/drop-5.GIF) no-repeat 3px 2px; padding-left:18px; } h5.fpassagerInfo { font-size:12px; color:#6a6a6a; margin:10px; padding-bottom:5px; border-bottom:1px solid #d1d1d1; background:url(/css/images/drop-5.GIF) no-repeat 3px 2px; padding-left:18px; } table.guestNo{ width: 100%; margin: 0 0 10px 0; font-size: 12px; } table.fpassagerInfo { font-size:12px; } table.fpassagerInfo tr th { color:#6a6a6a; border-bottom:1px dashed #d1d1d1; padding:8px 0 8px 0; text-align:left; } table.fpassagerInfo tr td { padding:10px 0 10px 0; background:#fff; border-bottom:1px solid #d1d1d1; font-size:12px;} table.fpassagerInfo tr td.traveller { padding:0 0 0 5px; background:#f5f5f5;} table.fpassagerInfo input[type="text"] {border: 1px solid #d1d1d1; border-radius: 5px; box-shadow: 1px 1px 4px #a4a4a4 inset; color: #545454; font-size: 15px; padding: 10px; } table.fpassagerInfo select { width: 90px; } table.fpassagerInfo input.important { } table.fpassagerInfo input.fullname, table.fpassagerInfo input.lastname { width:107px; margin-left:10px; } table.fpassagerInfo input.passport { width:200px} .flightFormLeft{ width:710px; float:left;} .personalInfo { float: left; width: 320px; margin-bottom: 10px; position: relative; } .personalInfo label { color: #333333; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif } .passangerdiv input[type="text"] { border: 1px solid #d1d1d1; border-radius: 5px; box-shadow: 1px 1px 4px #a4a4a4 inset; color: #545454; font-size: 15px; padding: 10px; } input[type="text"].fullname { width:197px;} .personalInfo select { width:60px!important; border: 1px solid #d1d1d1; border-radius: 5px; box-shadow: 1px 1px 4px #a4a4a4 inset; color: #545454; font-size: 14px; padding: 10px; } /* footer info */ #footer { width:855px; margin: 15px auto; } #footer .CHinfo { float: left; width:450px; text-align:center; } .members { float: right; width:350px; margin-top:10px; } .iata { background-image: url("/css/images/member-sprite.png"); background-position: -10px -105px; display: block; float: left; width: 45px; height:30px; margin: 10px 20px 0 0; } .ustoa { background-image: url("/css/images/member-sprite.png"); background-position: -10px -155px; display: block; float: left; width:103px; height:21px; margin: 10px 10px 0 0; } .pata { background-image: url("/css/images/member-sprite.png"); background-position: -10px -196px; display: block; float: left; width:70px; height:30px; margin: 10px 10px 0 0; } .asta { background-image: url("/css/images/member-sprite.png"); background-position: -10px -246px; display: block; float: left; width:48px; height:30px; margin: 10px 10px 0 0; } .tips { color:#666; line-height:18px; width:830px; margin:5px auto; font-size:10px; } /* Mcafee Security */ .securityArea { width:260px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333; float: left; overflow: hidden; height:100%; margin:10px 0 0 20px; } .mcafeeIcon { width:100px; height:60px; font-size:11px; float: left; margin-right:10px; } .mcafeeIcon img, .TrusteIcon img { height:35px;} .TrusteIcon { width:120px; height:60px; float: left; } .paynow { width:200px; float: left; font-size:11px; margin:10px 0; font-style:italic} .arrowUp { position:absolute; width:16px; height:16px; top:-16px; left:10px; } .or { float: left; font-size:80px; color:#EEE; font-weight: bold; margin: -20px 50px 0 50px; } .instant{ margin:20px 0 0 0;} .bookingTips { width:auto; margin:2px 0 0 10px; text-align:center } input.firstNBG{background: url(/css/images/forms/flightFormV.png) no-repeat 0px -73px #fff;margin-bottom:10px;} input.middlNBG{background: url(/css/images/forms/flightFormV.png) no-repeat 0px -23px #fff;margin-bottom:10px;} input.lastNBG{background: url(/css/images/forms/flightFormV.png) no-repeat 0px 7px #fff; margin-left:5px; margin-bottom:10px;} input.passNBG{background: url(/css/images/forms/flightFormV.png)no-repeat 0px -115px #fff; margin-left:5px;margin-bottom:10px;} input.fullnNBG{background: url(/css/images/forms/flightFormV.png)no-repeat 0px -161px #fff;margin-bottom:10px;} .none{display:none} /*自适应*/ .passNu{ margin-right:5px; margin-bottom:10px; } .passagerInfo{ background:#f1f1f1; margin:10px 0; padding:10px;} .passage{ margin-bottom:10px;} /* 小屏幕(平板,大于等于 768px) */ @media (min-width: 768px) { .passage{ margin-right:10px;} }