|
|
@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;}
|
|
|
} |