You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
197 lines
10 KiB
CSS
197 lines
10 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
body {color:#545454; font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:0; margin:0; background:#b6b6b6;}
|
|
p { line-height:18px; margin-bottom:8px; }
|
|
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; }
|
|
.mainContent { width:990px; margin:auto; padding:0; }
|
|
select{
|
|
border: 1px solid #d1d1d1;
|
|
border-radius: 5px;
|
|
box-shadow: 1px 1px 4px #a4a4a4 inset;
|
|
color: #545454;
|
|
font-size: 14px;
|
|
padding: 10px;
|
|
}
|
|
#header {
|
|
background:#fff; width:100%; height:82px; box-shadow:1px 3px 5px #929292;
|
|
margin-bottom: 15px;
|
|
}
|
|
.backHome { width:195px; height:31px; position:absolute; right:20px; bottom:20px; }
|
|
#logo { width:98px; height:63px; padding-top: 10px; }
|
|
#phone-800{ width:561px; float:right; text-align:right; padding-top:26px;}
|
|
.phoneList {
|
|
background:url(https://data.chinahighlights.com/css/images/hotel/forms/forms-body.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(https://data.chinahighlights.com/css/images/hotel/forms/forms-body.png) no-repeat scroll 0 -58px 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(https://data.chinahighlights.com/css/images/hotel/forms/forms-body.png) no-repeat scroll 0 -393px transparent; height:25px; margin:0 0 10px 0;}
|
|
.process5-4{ background: url(https://data.chinahighlights.com/css/images/hotel/forms/forms-body.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;}
|
|
/*价格的币种*/
|
|
span.hotelPrice{ font-size:12px; font-weight:100; color:#A31022; position:relative; border-bottom:1px dashed #CC6600; cursor:pointer;}
|
|
.hotelPriceNation{
|
|
position:absolute;
|
|
width:101px;
|
|
height:136px;
|
|
padding:10px;
|
|
border:3px solid #d1d1d1;
|
|
background:#FFF;
|
|
top: -162px;
|
|
left: -34px;
|
|
z-index: 99;
|
|
}
|
|
.hotelPriceNation ul li{ list-style:none; border-bottom:dashed 1px #d1d1d1; padding:5px; color:#545454;}
|
|
/* booking forms */
|
|
.oldPrice{ text-decoration:line-through; color:#777777; font-size:13px;}
|
|
.dealPrice{ font-size:15px; color:#545454;}
|
|
.serviceFee{ color:#C00;}
|
|
.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(https://data.chinahighlights.com/css/images/left-arrow.png) no-repeat; width:11px; height:11px; position:absolute; left:-11px; top: 8px; }
|
|
.yourBooking { border: 1px solid #999; width:710px; margin: 5px auto 10px auto; height:100%; overflow: hidden; }
|
|
.yourBooking .subTitle { background:#d1d1d1; padding:5px 0 5px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; color:#333; }
|
|
.yourBooking .bookingDetail {
|
|
margin:0px 0;
|
|
padding:10px;
|
|
overflow: hidden;
|
|
width:690px;
|
|
float:left;
|
|
}
|
|
.yourBooking .bookingDetail .tourInfo {
|
|
float: left;
|
|
width:480px;
|
|
font-size:12px;
|
|
margin-bottom:10px;
|
|
overflow: hidden;
|
|
height:100%;
|
|
border-bottom:1px #d1d1d1 dashed;
|
|
}
|
|
.tourInfo .tourImg { width:100px; float: left; margin: 0 10px 5px 0; }
|
|
.tourInfo table {
|
|
border: none;
|
|
width:480px;
|
|
font-size:11px;
|
|
}
|
|
.tourInfo table th { text-align: left; padding:5px; }
|
|
.tourInfo table th.line { border-top:1px solid #d1d1d1;}
|
|
.tourInfo table th.first { padding:0 0 5px 5px; }
|
|
.groupType {
|
|
float: left;
|
|
width:400px;
|
|
font-size:12px;
|
|
}
|
|
.groupType table { width:100%; }
|
|
.groupType th { font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; padding:3px 0}
|
|
.groupType select { border-color:#d1d1d1; border-style:solid; border-width:1px; width:90px; padding:2px 0; margin:1px 8px 0 0; }
|
|
.priceArea {
|
|
float: right;
|
|
width:230px;
|
|
}
|
|
.priceArea .nohidden { font-size:11px; padding-left:5px; margin-bottom:10px; }
|
|
.priceArea ul { margin:25px 0 0 5px; padding:0; }
|
|
.priceArea ul li { list-style: none; line-height:18px; font-size:14px; font-style:italic; background: url(https://data.chinahighlights.com/css/images/mark-icon.png) no-repeat left; padding-left:25px; margin-bottom:8px; }
|
|
#contactInfo {
|
|
border: 1px solid #dfdfdf;
|
|
margin: 0 0 15px 0;
|
|
height:100%;
|
|
overflow: hidden;
|
|
}
|
|
.passangerdiv{ background:#fff; border-radius:5px;
|
|
height: 100%;
|
|
margin: 0 0 15px 0;
|
|
overflow: hidden;}
|
|
.floatLeft{ margin-bottom:15px; margin-bottom: 15px;
|
|
width: 690px; float:left;
|
|
text-align:left;
|
|
}
|
|
.subTitle { background:#eaeaea; padding:8px 0 10px 15px; font-size:22px; color:#cf3630; }
|
|
.fieldBlock {
|
|
padding: 10px;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
width: 700px;
|
|
}
|
|
.requiredTip { color:#a31022; width:auto; display: block; float:right; font-size:11px; margin:0 10px 0 0;}
|
|
.closeit {position:absolute; display: block; width:13px; height:13px; right: 10px; bottom: 5px; cursor:pointer}
|
|
.privacyProtected { font-size:11px; font-weight: normal; display: block; width:auto; float: right; margin-right:10px;}
|
|
.privacyProtected a { text-decoration: none; color:#545454;}
|
|
.privacyProtected a:hover { text-decoration: underline; color:#a31022}
|
|
.arrowDownTest { border:#999 1px solid; padding:3px 4px; display:block; position:absolute; background-color:#FFF; color:#a31022; z-index:11000; -moz-border-radius:4px; }
|
|
.arrowDown { position:absolute; top:20px; left:4px; }
|
|
/*联系人表格*/
|
|
table.contact{ margin:0;}
|
|
table.contact tr td{ font-size:12px; line-height:25px;}
|
|
table.contact tr td select{ width:90px; }
|
|
table.contact tr td input.fullname{ {border: 1px solid #d1d1d1;
|
|
border-radius: 5px;
|
|
box-shadow: 1px 1px 4px #a4a4a4 inset;
|
|
color: #545454;
|
|
font-size: 15px;
|
|
padding: 10px; }
|
|
table.contact tr td input.email{border: 1px solid #d1d1d1;
|
|
border-radius: 5px;
|
|
box-shadow: 1px 1px 4px #a4a4a4 inset;
|
|
color: #545454;
|
|
font-size: 15px;
|
|
padding: 10px; }
|
|
table.contact tr td textarea{ font-size:13px; color:#333; border:1px solid #d1d1d1; width:300px; height:80px;}
|
|
input.nextClick[type="submit"]{ width:135px!important; height:40px!important; background:url(https://data.chinahighlights.com/css/images/hotel/forms/forms-body.png) no-repeat #f1f1f1 0 -528px!important; border:none!important; cursor:pointer!important; margin:0px 8px 0 80px!important; font-size:20px; color:#fff; padding:2px 20px 0 2px!important; float:right!important; font-family:Arial, Helvetica, sans-serif;}
|
|
input.nextClick:hover{ background:url(https://data.chinahighlights.com/css/images/hotel/forms/forms-body.png) no-repeat #f1f1f1 0 -591px!important}
|
|
input.back{width:98px; height:37px; background:url(https://data.chinahighlights.com/css/images/hotel/forms/forms-body.png) no-repeat #f1f1f1 0 -670px; border:none; cursor:pointer; margin:0px 8px 0 0px; font-size:16px; color:#545454; padding:2px 10px 2px 30px; float:left; font-family:Arial, Helvetica, sans-serif;}
|
|
input.submit{ width:198px; height:41px; background:url(https://data.chinahighlights.com/css/images/hotel/forms/forms-body.png) no-repeat #f1f1f1 0 -725px; border:none; cursor:pointer; margin:0px 8px 0 80px; font-size:20px; color:#fff; padding:2px 38px 8px 2px; float:right; font-family:Arial, Helvetica, sans-serif;}
|
|
input.submit:hover{ background:url(https://data.chinahighlights.com/css/images/hotel/forms/forms-body.png) no-repeat #f1f1f1 0 -779px}
|
|
input.paynow{ width:190px; height:60px; background:url(https://data.chinahighlights.com/css/images/hotel/forms/forms-body.png) no-repeat 0 -830px; border:none; cursor:pointer; margin:0px 8px 0 10px; font-size:20px; color:#fff; padding:2px 38px 40px 2px; float:right; font-family:Arial, Helvetica, sans-serif;}
|
|
input.paynow:hover{ background:url(https://data.chinahighlights.com/css/images/hotel/forms/forms-body.png) no-repeat #f1f1f1 0 -779px}
|
|
|
|
/* footer info */
|
|
.bottom { background:url(https://data.chinahighlights.com/css/images/forms/bg-thankyou-bottom.png) no-repeat; height:14px; }
|
|
#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("https://data.chinahighlights.com/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("https://data.chinahighlights.com/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("https://data.chinahighlights.com/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("https://data.chinahighlights.com/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; }
|
|
.arrowUp { position:absolute; width:16px; height:16px; top:-16px; left:10px; }
|
|
input.firstNBG{background: url(https://data.chinahighlights.com/css/images/forms/flightFormV.png) no-repeat 0px 0px !important}
|
|
input.middlNBG{background: url(https://data.chinahighlights.com/css/images/forms/flightFormV.png) no-repeat 0px -23px !important}
|
|
input.lastNBG{background: url(https://data.chinahighlights.com/css/images/forms/flightFormV.png) no-repeat 0px -46px !important}
|
|
input.passNBG{background: url(https://data.chinahighlights.com/css/images/forms/flightFormV.png) no-repeat 0px -69px !important}
|
|
input.fullnNBG{background: url(https://data.chinahighlights.com/css/images/forms/flightFormV.png) no-repeat 0px -161px !important}
|
|
.none{display:none}
|