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.
816 lines
26 KiB
CSS
816 lines
26 KiB
CSS
6 years ago
|
/* FORMS 表单样式*/
|
||
|
|
form {margin: 0 0 1em}
|
||
|
|
input, select, textarea {
|
||
|
|
color: #444;
|
||
|
|
margin-top: 1px;
|
||
|
|
margin-right: 0px;
|
||
|
|
margin-bottom: 1px;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
input.inputNoborder{
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
fieldset {border: none}
|
||
|
|
label {display:block;padding: 3px 0}
|
||
|
|
label br {:left}
|
||
|
|
|
||
|
|
/* FORMS - general classes */
|
||
|
|
input.formSubmit {
|
||
|
|
padding: 1px 3px;
|
||
|
|
background:#666;
|
||
|
|
color:#fff;
|
||
|
|
font-weight:bold;
|
||
|
|
font-size:96%;
|
||
|
|
font-family: Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* FORMS - formWrap - simple form, headings on left, form elements on right */
|
||
|
|
form.formWrap {
|
||
|
|
position:relative;
|
||
|
|
width:90%;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
form.formWrap fieldset {margin: 0 1em}
|
||
|
|
form.formWrap h3 {margin:8px 0 .6em;font: bold 155% arial;color:#A31022}
|
||
|
|
form.formWrap label {:left;float:left;width:100%;border-top: 1px solid #fff}
|
||
|
|
|
||
|
|
/* hide from IE mac \*/
|
||
|
|
form.formWrap label {float:none}
|
||
|
|
/* end hiding from IE5 mac */
|
||
|
|
|
||
|
|
|
||
|
|
form.formWrap label input.wideForm, form.formWrap label textarea.wideForm, form.formWrap label select.wideForm {width:25em;float:left;margin-left:8px}
|
||
|
|
form.formWrap label input.short, form.formWrap label textarea.short, form.formWrap label select.short {
|
||
|
|
width:6em;
|
||
|
|
position:relative;
|
||
|
|
margin-right:2em;
|
||
|
|
overflow: inherit;
|
||
|
|
visibility:inherit;
|
||
|
|
}
|
||
|
|
form.formWrap label input.formMiddle, form.formWrap label textarea.formMiddle, form.formWrap label select.formMiddle {width:10em;float:left;margin-right:2em;}
|
||
|
|
form.formWrap label b {
|
||
|
|
float:left;
|
||
|
|
width:9em;
|
||
|
|
line-height: 1.7;
|
||
|
|
display:block;
|
||
|
|
font-size:90%;
|
||
|
|
color: #444;
|
||
|
|
}
|
||
|
|
form.formWrap label m {float:left;width:3em;line-height: 1.7;display:block;position:relative; font-size:85%;margin-right:-1em;}
|
||
|
|
form.formWrap label xm {float:left;width:2em;line-height: 1.7;display:block;position:relative; margin-left:-4em;}
|
||
|
|
form.formWrap label b .req {color:#A31022;font-size:150%;font-weight:normal;position:relative;top:-.1em;line-height:1;left:-.6em;width:.3em;height:.3em}
|
||
|
|
form.formWrap div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
|
||
|
|
form.formWrap div.req b {color:#A31022;font-size:140%}
|
||
|
|
form.formWrap label select {width: 15.5em}
|
||
|
|
form.formWrap label textarea.f-comments {width: 15em}
|
||
|
|
form.formWrap div.f-submit-wrap {padding: 5px 0 5px 8em}
|
||
|
|
form.formWrap input.f-submit {margin: 0 0 0 10px}
|
||
|
|
|
||
|
|
form.formWrap fieldset.f-checkbox-wrap, form.formWrap fieldset.f-radio-wrap {:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em; font-size:90%;}
|
||
|
|
form.formWrap fieldset.f-checkbox-wrap b, form.formWrap fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em; font-size:90%;}
|
||
|
|
form.formWrap fieldset.f-checkbox-wrap fieldset, form.formWrap fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px; }
|
||
|
|
form.formWrap fieldset.f-checkbox-wrap label, form.formWrap fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
|
||
|
|
form.formWrap fieldset.f-checkbox-wrap label.f-checkbox-wide, form.formWrap fieldset.f-radio-wrap label.f-checkbox-wide {width:30em;}
|
||
|
|
form.formWrap label input.f-checkbox, form.formWrap label input.f-radio {width:auto;float:none;margin:0;padding:0; border:none; background:none;}
|
||
|
|
|
||
|
|
form.formWrap label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(https://data.chinahighlights.com/css/images/errormsg_bg.gif) no-repeat 0 0}
|
||
|
|
form.formWrap label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}
|
||
|
|
form.formWrap div.addtionalInro {position:absolute; right:1em; padding: .5em .5em 0 .5em; bording: 1px #f1f1f1 solid; width:40%;background-color:#FAFAFA; font-size:92%
|
||
|
|
}
|
||
|
|
form.formWrap div.addtionalinfo {position:absolute; right:1em; padding: .5em .5em 0 .5em; bording: 1px #f1f1f1 solid; width:28%;background-color: #DBDBDB; font-size:90%; text-align:center;}
|
||
|
|
form.formWrap div.addtionalinfo p{text-align:left;}
|
||
|
|
|
||
|
|
form.formhotelPromo2 fieldset {
|
||
|
|
width: 98%;
|
||
|
|
padding:2px 5px 2px 5px;
|
||
|
|
margin-top:5px;
|
||
|
|
border:1px solid #a1a1a1;
|
||
|
|
background:#fff;
|
||
|
|
font-size: 85%;
|
||
|
|
color:#666666;
|
||
|
|
|
||
|
|
}
|
||
|
|
form.formhotelPromo2 fieldset legend {
|
||
|
|
color:#868686;
|
||
|
|
font-weight:bold;
|
||
|
|
padding:0 9px 0 9px;
|
||
|
|
border:1px solid #a1a1a1;
|
||
|
|
background:#fff;
|
||
|
|
font-size: 80%;
|
||
|
|
}
|
||
|
|
form.formhotelPromo2 fieldset label {
|
||
|
|
float:left;
|
||
|
|
width:23%;
|
||
|
|
text-align:left;
|
||
|
|
margin-left:10px;
|
||
|
|
line-height:12px;
|
||
|
|
}
|
||
|
|
form.formhotelPromo2 fieldset label2 {
|
||
|
|
float:left;
|
||
|
|
width:60%;
|
||
|
|
text-align:left;
|
||
|
|
margin-left:10px;
|
||
|
|
line-height:12px;
|
||
|
|
}
|
||
|
|
form.formhotelPromo2 fieldset div {
|
||
|
|
:left;
|
||
|
|
margin-bottom:0.5px;
|
||
|
|
font-size: 87%
|
||
|
|
}
|
||
|
|
form.forumBoard fieldset {
|
||
|
|
width: 98%;
|
||
|
|
padding:2px 5px 10px 5px;
|
||
|
|
margin-top:5px;
|
||
|
|
border:1px solid #e1e1e1;
|
||
|
|
background:#fff;
|
||
|
|
font-size: 80%;
|
||
|
|
color:#666666;
|
||
|
|
|
||
|
|
}
|
||
|
|
form.forumBoard fieldset legend {
|
||
|
|
color:#a31022;
|
||
|
|
font-weight:bold;
|
||
|
|
padding:0 1px 0 1px;
|
||
|
|
background:#fff;
|
||
|
|
font-size: 105%;
|
||
|
|
}
|
||
|
|
.questionLinks1{background-image:url(https://data.chinahighlights.com/css/images/tour/question.jpg); background-repeat:no-repeat; background-position:top left; padding:40px 8px 20px 20px; width:250px; height:280px; float:right; position:relative; margin-left:6px; :both;}
|
||
|
|
|
||
|
|
|
||
|
|
/*tour 搜索框表单样式*/
|
||
|
|
FORM#tourSearch {
|
||
|
|
padding: 10px 10px 0 0;
|
||
|
|
MARGIN: 0px auto;
|
||
|
|
font-size:90%;
|
||
|
|
WIDTH: 100%;
|
||
|
|
|
||
|
|
}
|
||
|
|
FORM#tourSearch FIELDSET {
|
||
|
|
BORDER-RIGHT: #C9CACB 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #C9CACB 1px solid; DISPLAY: block; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #C9CACB 1px solid; WIDTH: 88%; LINE-HEIGHT: 1.5em; PADDING-TOP: 5px; BORDER-BOTTOM: #C9CACB 1px solid; FONT-FAMILY: verdana, sans-serif;background-color:#f6f6f6;}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/*flight 搜索表单样式*/
|
||
|
|
form.formflight {
|
||
|
|
padding: .5em 0 0 1em;
|
||
|
|
position:relative;
|
||
|
|
width: 95%;
|
||
|
|
font-size:90%;
|
||
|
|
background-image:url(https://data.chinahighlights.com/css/images/fly-bg.gif);
|
||
|
|
background-position:top left;
|
||
|
|
}
|
||
|
|
#wrap #contentWrap #content .formflight h4 {
|
||
|
|
font-size: 116%;
|
||
|
|
padding-left: -1em;
|
||
|
|
position:relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
#content .NSelectRadioFont {
|
||
|
|
PADDING-RIGHT: 0px; PADDING-LEFT: 5px; FONT-SIZE: .9em; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 147px; COLOR: #333333; PADDING-TOP: 2px;list-style:none;
|
||
|
|
}
|
||
|
|
#content .SelectRadioFont {
|
||
|
|
PADDING-RIGHT: 0px;PADDING-LEFT: 5px;FONT-WEIGHT: bold;FONT-SIZE: .9em;FLOAT: left;PADDING-BOTTOM: 0px;WIDTH: 147px;COLOR: #333;PADDING-TOP: 2px;list-style-position: outside;list-style-image: none;list-style-type: none;
|
||
|
|
}
|
||
|
|
#content .NSelectRadio {
|
||
|
|
FLOAT: left; WIDTH: 22px; HEIGHT: 22px;list-style:none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.flightSearch {
|
||
|
|
width:530px;
|
||
|
|
background-position:left top;
|
||
|
|
background-repeat:repeat-x;
|
||
|
|
border:#c2c1c1 1px solid;
|
||
|
|
background-color: #FFFFFF;
|
||
|
|
background-image:url(https://data.chinahighlights.com/css/images/fly-bg.gif)
|
||
|
|
}
|
||
|
|
.flightSearch h5{font-size:11px; margin-left:15px; color:#787878; border-bottom:none;!important}
|
||
|
|
.flightSearch h2{MARGIN:5px 0 8px 19px; font-size:16px; color:#555555; border-bottom: #c2c1c1 1px solid; padding:5px 0 0 10px; font-family:'Arial', Helvetica, sans-serif; width:480px;!important}
|
||
|
|
|
||
|
|
FORM.formflights FIELDSET#current P {
|
||
|
|
PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px;
|
||
|
|
}
|
||
|
|
FORM.formflights FIELDSET {
|
||
|
|
PADDING: 5px 5px 5px 10px; DISPLAY: block; FONT-SIZE: 1em; MARGIN:0 0 8px 14px; WIDTH: 480px; LINE-HEIGHT: 1.5em; FONT-FAMILY: verdana, sans-serif; BORDER-bottom: 1px dashed #c3c2c2; float:middle;
|
||
|
|
}
|
||
|
|
FORM.formflights FIELDSET:hover {
|
||
|
|
background-color:#F7F7F7;
|
||
|
|
}
|
||
|
|
FORM.formflights FIELDSET#opt:hover {
|
||
|
|
BORDER: #FFFFD9 1px solid;
|
||
|
|
}
|
||
|
|
FORM.formflights INPUT:hover {
|
||
|
|
BACKGROUND:#FFFFE6;}
|
||
|
|
FORM.formflights INPUT:unknown {
|
||
|
|
BORDER: #b80b38 1px solid; BACKGROUND:#FFFFD9; COLOR: #FFFFD9;
|
||
|
|
}
|
||
|
|
FORM.formflights LABEL {
|
||
|
|
DISPLAY: block; FLOAT: left; COLOR: #888; TEXT-ALIGN: right}
|
||
|
|
.flightSearch2{ color:#5d5d5d; font-size:11px; MARGIN:5px 0 8px 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.inputmap { background-color:#AAC4C6; color:#3A5857; font-family:Verdana, Arial, Helvetica, sans-serif; padding:1px 12px 1px 12px;}
|
||
|
|
|
||
|
|
/* Flights & hotel Booking 样式*/
|
||
|
|
.fhBook {
|
||
|
|
width:780px;
|
||
|
|
margin-left:0px;
|
||
|
|
background-image:url(https://data.chinahighlights.com/css/images/flights/bg2.gif);
|
||
|
|
background-position:top left;
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
}
|
||
|
|
.fhotel{
|
||
|
|
width:780px;
|
||
|
|
margin-left:0px;
|
||
|
|
background-image:url(https://data.chinahighlights.com/css/images/hotel/bg.gif);
|
||
|
|
background-position:top left;
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
}
|
||
|
|
.detailtitle{ width:500px;color:#7f1f1f; font-size:12px; font-weight:bold; background-image:url(https://data.chinahighlights.com/css/images/flights/point.gif); background-position:15px 20px; background-repeat:no-repeat; padding:20px 0 0 35px; }
|
||
|
|
.detailtitle2{width:750px; color:#747575;padding:8px 0 0 35px; font-size:11px; font-weight:bold; }
|
||
|
|
.hotellist3{
|
||
|
|
padding:10px 0;
|
||
|
|
width:700px;
|
||
|
|
margin-bottom:10px;
|
||
|
|
margin-left:40px;
|
||
|
|
}
|
||
|
|
/* Flights & hotel Booking note 样式*/
|
||
|
|
.flightsNoteinfo{ width:162px; background-color:#fffcf0; color:#666666; font-size:10px; padding:5px 2px 0 10px; border:solid 1px #FEE9BC;
|
||
|
|
}
|
||
|
|
.flightsNoteinfo li{ color:#666666; line-height:20px; padding:5px 0 0 1px;
|
||
|
|
}
|
||
|
|
.flightsNoteinfo ul{ margin:0 3px 5px 3px;
|
||
|
|
}
|
||
|
|
.promoWords{ width:175px; border:#e3e3e3 1px solid; margin-top:10px;
|
||
|
|
}
|
||
|
|
.promoWords2{ width:165px; margin:4px; border:#e3e3e3 1px solid; background-image:url(https://data.chinahighlights.com/css/images/flights/bg3.gif); background-position:top left; background-repeat:no-repeat;
|
||
|
|
}
|
||
|
|
.promoWords2 h2{padding-left:8px;}
|
||
|
|
.promoWords2 p{ color:#8a8787; font-size:10px;!important; line-height:20px; margin:4px 15px 20px 10px;}
|
||
|
|
.rednotetitle{ text-align:center; font-size:12px; font-weight:bold; color:#b00a2a; padding-bottom:8px; padding-top:20px; text-align:center;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* table of flight list2*/
|
||
|
|
.blueTitle{ color:#3166b4; font-size:12px;font-weight:bold;}
|
||
|
|
.tableFlightList2{width:740px; padding:5px 2px 2px 2px; text-align:center; text-valign:middle; margin:6px 28px 10px 28px;}
|
||
|
|
.tableFlightList2 th{ height:40px;background-color:#f7f7f7;border-bottom:1px solid #e1e1e1; border:none; border:0; color:#2b71ac;}
|
||
|
|
.tableFlightList2 td{ height:55px; background-color:#fff; border-bottom:1px solid #e1e1e1; color:#777; font-size:11px; line-height:13px;}
|
||
|
|
.tableFlightList2 td a:link, .tableFlightList td a:visited{color:#777; text-decoration:none; border-bottom:1px dotted #777;}
|
||
|
|
.tableFlightList2 td a:hover{color:#a31022; text-decoration:none; border-bottom:1px dotted #a31022;}
|
||
|
|
.totalPrice{ width:100%; background-color:#fefde8; border:#faf7be 1px solid; padding: 10px 0 11px 0; font-size:11px; line-height:2.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tableFlightList2 td.priceTable{ padding:0; margin:0; border:0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* list of flight form*/
|
||
|
|
.flightsLeft{ float:left; width:780px; }
|
||
|
|
.passagerList{width:500px;color:#3166b4; font-size:12px; font-weight:bold; background-image:url(https://data.chinahighlights.com/css/images/flights/point2.gif); background-position:28px 13px; background-repeat:no-repeat; padding:15px 0 0 50px;
|
||
|
|
}
|
||
|
|
.fhtransfer{
|
||
|
|
width:720px;
|
||
|
|
color:#990000;
|
||
|
|
font-size:11px;
|
||
|
|
padding:15px 0 0 50px;
|
||
|
|
}
|
||
|
|
.transferAddons{
|
||
|
|
width:750px;
|
||
|
|
color:#666666;
|
||
|
|
font-size:11px;
|
||
|
|
font-weight:bold;
|
||
|
|
padding:5px 0 5px 50px;
|
||
|
|
}
|
||
|
|
.passagernameChoose{width:500px;color:#3166b4; font-size:12px; font-weight:bold; padding:10px 0 10px 50px;
|
||
|
|
}
|
||
|
|
.passagernameChoose select.nameChoose {
|
||
|
|
width:100px;
|
||
|
|
float:left;
|
||
|
|
font-size:11px;
|
||
|
|
padding: 3px 0 3px 5px;
|
||
|
|
background-color:#f9f9f9;
|
||
|
|
border:1px solid #d5d2d2;
|
||
|
|
margin-right:5px;}
|
||
|
|
.flightsform1{ width:280px; float:left; padding-left:50px; padding-top:6px;}
|
||
|
|
.flightsform2{ width:280px; float:left;padding-left:20px;padding-top:6px;}
|
||
|
|
.flightsform3{ width:560px; float:left;padding-left:20px;padding-top:10px;text-align:center;}
|
||
|
|
.flightsLeft label {
|
||
|
|
width:50px;
|
||
|
|
display:block;
|
||
|
|
padding-top:2px;
|
||
|
|
margin-top:4px ;
|
||
|
|
text-align:left;
|
||
|
|
width:200px;
|
||
|
|
font-size:11px;
|
||
|
|
color:#585858;}
|
||
|
|
.flightsLeft input.width250 {
|
||
|
|
width:220px;
|
||
|
|
float:left;
|
||
|
|
font-size:12px;
|
||
|
|
background-color:#f9f9f9;
|
||
|
|
border:1px solid #d5d2d2;
|
||
|
|
margin-top:0;
|
||
|
|
padding-top: 6px;
|
||
|
|
padding-right: 0;
|
||
|
|
padding-bottom: 6px;
|
||
|
|
padding-left: 5px;
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
color:#666666;
|
||
|
|
}
|
||
|
|
.flightsLeft input.width250ha {
|
||
|
|
width:220px;
|
||
|
|
float:left;
|
||
|
|
font-size:11px;
|
||
|
|
background-color:#fffcf0;
|
||
|
|
border:1px solid #ff0000;
|
||
|
|
margin-top:0;
|
||
|
|
padding-top: 6px;
|
||
|
|
padding-right: 0;
|
||
|
|
padding-bottom: 6px;
|
||
|
|
padding-left: 5px;
|
||
|
|
}
|
||
|
|
.flightsLeft input.width150{
|
||
|
|
width:150px;
|
||
|
|
font-size:11px;
|
||
|
|
padding: 3px 0 3px 5px;
|
||
|
|
background-color:#f9f9f9;
|
||
|
|
border:1px solid #d5d2d2;
|
||
|
|
margin:4px 2px 0 2px;
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
color:#666666;
|
||
|
|
}
|
||
|
|
.flightsLeft input.width100{
|
||
|
|
width:100px;
|
||
|
|
font-size:11px;
|
||
|
|
padding: 3px 0 3px 5px;
|
||
|
|
background-color:#f9f9f9;
|
||
|
|
border:1px solid #d5d2d2;
|
||
|
|
margin:4px 2px 2px 2px;
|
||
|
|
}
|
||
|
|
.flightsLeft select.width200{
|
||
|
|
width:200px;
|
||
|
|
font-size:11px;
|
||
|
|
padding: 3px 0 3px 5px;
|
||
|
|
background-color:#f9f9f9;
|
||
|
|
border:1px solid #d5d2d2;
|
||
|
|
margin:4px 2px 2px 2px;
|
||
|
|
}
|
||
|
|
.flightsLeft input.doubleSelect{
|
||
|
|
width:20px;
|
||
|
|
padding: 3px 0 3px 5px;
|
||
|
|
margin:4px 2px 0 2px;
|
||
|
|
}
|
||
|
|
.flightsLeft textarea.width450 {
|
||
|
|
width:450px;
|
||
|
|
float:left;
|
||
|
|
font-size:11px;
|
||
|
|
padding: 6px 0 6px 5px;
|
||
|
|
background-color:#f9f9f9;
|
||
|
|
border:1px solid #d5d2d2;
|
||
|
|
margin-top:11px;
|
||
|
|
margin-left:50px;
|
||
|
|
height:200px;
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
color:#666666;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.flightsLeft input.width250:hover,
|
||
|
|
|
||
|
|
.flightsLeft textarea.width450:hover
|
||
|
|
{
|
||
|
|
|
||
|
|
border: 1px solid #f0bebe;
|
||
|
|
background-color:#fffff2;
|
||
|
|
}
|
||
|
|
/*chinahotel.asp表单检验出错提示层*/
|
||
|
|
.erro{
|
||
|
|
width:510px;
|
||
|
|
background-color:#FFFFD9;
|
||
|
|
border:#EAEAEA 1px solid;
|
||
|
|
margin-left:50px;
|
||
|
|
padding:2px 0 3px 10px;
|
||
|
|
|
||
|
|
}
|
||
|
|
.erro p{
|
||
|
|
background-image:url(https://data.chinahighlights.com/css/images/hotel/wrong.gif);
|
||
|
|
background-repeat:no-repeat;
|
||
|
|
padding:1px 0 0 26px;
|
||
|
|
line-height:8px;
|
||
|
|
font-size:11px;
|
||
|
|
color:#990000;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* thanks booking style note 样式*/
|
||
|
|
.thanksWords{
|
||
|
|
width:740px;
|
||
|
|
font-size:12px;
|
||
|
|
color:#717070;
|
||
|
|
margin:15px 20px 0 20px;
|
||
|
|
line-height:15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.thanksWords ol li{
|
||
|
|
line-height:25px;
|
||
|
|
}
|
||
|
|
.kindNote{
|
||
|
|
width:700px;
|
||
|
|
background-color:#fdfde8;
|
||
|
|
color:#af5812;
|
||
|
|
font-size:90%;
|
||
|
|
padding:10px 20px 10px 20px;
|
||
|
|
}
|
||
|
|
/* TABLES 表格样式*/
|
||
|
|
.table1 {
|
||
|
|
border: 1px solid silver;
|
||
|
|
border-top:2px solid #A31022;
|
||
|
|
border-collapse:collapse;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
font-size:98%;
|
||
|
|
}
|
||
|
|
.table1 td {padding:4px 2px;border: 1px solid #f0f0f0;line-height:15px}
|
||
|
|
.table1 td.schedule {
|
||
|
|
padding-top: 10px;
|
||
|
|
border: 1px solid #e4e4e4;
|
||
|
|
font-size:11px;
|
||
|
|
color:#777;
|
||
|
|
text-align:left;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
.table1 td.schedule a:link; .table1 td.schedule a:visited {font-size:11px; color:#222;}
|
||
|
|
.table1 td.schedule div.datecalendar {font-size:18px; color:#a31022; font-weight:bold; text-align:center;}
|
||
|
|
|
||
|
|
|
||
|
|
.table1 tr th {text-align:center;border: 1px solid #fff;font-size:95%; background: #efefef; line-height:15px;}
|
||
|
|
.table1 thead th {color:#fff;font-size:105%;background: #a1a1a1; padding: 6px}
|
||
|
|
.table1 tbody th {
|
||
|
|
color:#000;
|
||
|
|
font-size:97%;
|
||
|
|
background: #efefef;
|
||
|
|
padding: 4px;
|
||
|
|
line-height: inherit;
|
||
|
|
}
|
||
|
|
.table1 tbody th.sub {font-size:95%;color:#6b6b6b;background: #f8f8f8; text-align:left;}
|
||
|
|
/*Table for GP tour*/
|
||
|
|
.tablegp {
|
||
|
|
border: 1px solid silver;
|
||
|
|
border-collapse:collapse;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
font-size:95%;
|
||
|
|
}
|
||
|
|
.tablegp td {padding:2px;border: 1px solid #f0f0f0;}
|
||
|
|
.tablegp td.schedule {
|
||
|
|
padding-top: 10px;
|
||
|
|
border: 1px solid #e4e4e4;
|
||
|
|
font-size:11px;
|
||
|
|
color:#777;
|
||
|
|
text-align:left;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
.tablegp td.schedule a:link; .table1 td.schedule a:visited {font-size:11px; color:#222;}
|
||
|
|
.tablegp td.schedule div.datecalendar {font-size:18px; color:#a31022; font-weight:bold; text-align:center;}
|
||
|
|
|
||
|
|
/* TABLES - calendar */
|
||
|
|
.calendar {
|
||
|
|
width:200px;
|
||
|
|
font-size:92%;
|
||
|
|
background-image: url(https://data.chinahighlights.com/css/images/featurebox-bg.gif);
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
background-position: left center;
|
||
|
|
}
|
||
|
|
.calendar td {text-align:center;border: 1px solid #ddd}
|
||
|
|
.calendar th {text-align:center}
|
||
|
|
.calendar thead th {padding: 3px 2px}
|
||
|
|
.calendar tbody th {padding: 2px}
|
||
|
|
.calendar tbody th.sub {padding: 2px}
|
||
|
|
|
||
|
|
/* TABLES - Table2 另外一种表格样式 */
|
||
|
|
.table2 {border-collapse:collapse;text-align: center; vertical-align: middle; font-size:92%;}
|
||
|
|
.table2 td {padding:2px;border: 1px solid #e8e8e8;}
|
||
|
|
.table2 th{color: #444;font-size:100%; font-weight:bold; border-bottom:#E7E7B6 1.5px solid;border-right:#fff 1px solid;border-left:#fff 1px solid;background-color:#f5f5f5;}
|
||
|
|
td.table2Left {text-align:left; font-size:93%; padding:0 0 10px 5px;}
|
||
|
|
td.graytd {background-color:#f4f4f4; border: 1px solid #fff;}
|
||
|
|
|
||
|
|
/* TABLES - Table4 另外一种表格样式 */
|
||
|
|
.table4 {border-collapse:collapse;text-align: center; vertical-align: middle; font-size:92%;}
|
||
|
|
.table4 td {padding:2px;border: 1px solid #cccccc;}
|
||
|
|
.table4 th{color: #666666;font-size:100%; font-weight:bold; border:#cccccc 1px solid;background-color:#f0f0f0;}
|
||
|
|
td.table4Left {text-align:left; font-size:93%; padding:0 0 10px 5px;}
|
||
|
|
tr.graytd {background-color:#f9f7f7; border: 1px solid #cccccc;}
|
||
|
|
|
||
|
|
/* TABLES - Table5 另外一种表格样式 */
|
||
|
|
.table5 {border-collapse:collapse;text-align: center; vertical-align: middle; font-size:86%; width:650px;}
|
||
|
|
.table5 td {padding:2px;border: 1px solid #b6b6b6;}
|
||
|
|
.table5 th{color: #666666;font-size:100%; font-weight:bold; border:#cccccc 1px solid;background-color:#ede7e7;}
|
||
|
|
td.table5Left {text-align:left; font-size:93%; padding:0 0 10px 5px;}
|
||
|
|
tr.graytd {background-color:#f9f7f7; border: 1px solid #cccccc;}
|
||
|
|
|
||
|
|
/* TABLES - 页面布局表格基本样式 */
|
||
|
|
.tableSimple {font-size:92%;}
|
||
|
|
.tableSimple span, .table1 span {font-size:95%; font-weight:normal; background-color:#f1f1f1;}
|
||
|
|
.tableWithBorder {font-size:92%; cellpadding:2px; cellspacing:2px;}
|
||
|
|
.tableWithBorder td.tdWithBorder{border-bottom: 1px solid #d3d3d3; bordercolorlight:#dddddd; bordercolordark:#ffffff; }
|
||
|
|
#priceBg {background-image: url(https://data.chinahighlights.com/css/images/thbg.gif);background-repeat: no-repeat; background-position: center center;}
|
||
|
|
#priceBg span.thPriceLeft {
|
||
|
|
font-size:9px;
|
||
|
|
LEFT: -2px;
|
||
|
|
POSITION: relative;
|
||
|
|
TOP: 9px;
|
||
|
|
line-height:10px;
|
||
|
|
}
|
||
|
|
#priceBg span.thPriceRight{
|
||
|
|
font-size:9px;
|
||
|
|
left: 12px;
|
||
|
|
POSITION: relative;
|
||
|
|
TOP: -8px;
|
||
|
|
line-height:10px;
|
||
|
|
}
|
||
|
|
.tdColorChange1 { BACKGROUND: #F4F4F4}
|
||
|
|
.tdColorChange2 { BACKGROUND: #FFFFFF}
|
||
|
|
|
||
|
|
|
||
|
|
/* TABLE3 - 另外一种表格样式 样式 */
|
||
|
|
table.table3{ text-align: left;font-family: Verdana;font-weight: normal;font-size: 11px;color: #404040;
|
||
|
|
background-color: #fafafa;border-top: 2px #a31022 solid;border-spacing: 0px; }
|
||
|
|
/* TABLEcityguide - 用于cityguide页面城市列表 样式 */
|
||
|
|
table.tablecityguide{text-align: left;font-family: Verdana;font-weight: normal;font-size: 11px;color:#666;}
|
||
|
|
table.tablecityguide a{color:#666;}
|
||
|
|
table.tablecityguide th{
|
||
|
|
background-color: #F5F5F5;
|
||
|
|
font-size:12px;
|
||
|
|
width:20%;
|
||
|
|
border-bottom:Solid 1px #fff; padding:2px 0 2px 8px;
|
||
|
|
}
|
||
|
|
table.tablecityguide td{ padding:2px 0 2px 8px;border-bottom:Solid 1px #f5f5f5; }
|
||
|
|
td.helpHed{ border-bottom: 2px solid #fff; border-right: 2px solid #fff;background-color: #ACB3B5;text-align: left;
|
||
|
|
padding-left: 5px;
|
||
|
|
font-family: Verdana;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 12px;
|
||
|
|
color: #fff; }
|
||
|
|
|
||
|
|
td.helpBod
|
||
|
|
{ border-bottom: 2px solid #fff;
|
||
|
|
border-top: 0px;
|
||
|
|
border-right: 2px solid #fff;
|
||
|
|
text-align: left;
|
||
|
|
padding-left: 10px;
|
||
|
|
font-family: Verdana, sans-serif, Arial;
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 11px;
|
||
|
|
color: #404040;
|
||
|
|
background-color: #f5f5f5;
|
||
|
|
line-height:14px;
|
||
|
|
padding:4px 2px 4px 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.sofT
|
||
|
|
{ text-align: center;
|
||
|
|
font-family: Verdana;
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 11px;
|
||
|
|
color: #404040;
|
||
|
|
width: 580px;
|
||
|
|
background-color: #fafafa;
|
||
|
|
border: 1px #6699CC solid;
|
||
|
|
border-collapse: collapse;
|
||
|
|
border-spacing: 0px; }
|
||
|
|
|
||
|
|
/*new*/
|
||
|
|
.tM { margin-left:10px;
|
||
|
|
margin-bottom:10px;}
|
||
|
|
.tM1 {font-family:Arial, Helvetica, sans-serif;
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:bold;
|
||
|
|
color:#000000;
|
||
|
|
padding-left:15px;
|
||
|
|
padding-top:5px;
|
||
|
|
padding-bottom:3px;}
|
||
|
|
.tM1 a:link,.tM1 a:visited {color:#000000;
|
||
|
|
text-decoration:none;}
|
||
|
|
.tM1 a:hover {text-decoration:underline;}
|
||
|
|
.tM2 {
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
font-size:12px;
|
||
|
|
color:#666666;
|
||
|
|
padding-top:3px;
|
||
|
|
padding-bottom:4px;
|
||
|
|
padding-left:15px;
|
||
|
|
line-height: normal;
|
||
|
|
}
|
||
|
|
.tM2 textarea {
|
||
|
|
font-size:12px;
|
||
|
|
font-family:Verdana, Arial, Helvetica, sans-serif; width:590px;
|
||
|
|
padding:5px;
|
||
|
|
}
|
||
|
|
.tMg select{height:22px;}
|
||
|
|
.tM3 {
|
||
|
|
width:150px;
|
||
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
font-size:13px;
|
||
|
|
height: 20px;
|
||
|
|
margin-bottom: 3px;
|
||
|
|
}
|
||
|
|
.tM4 {width:90px;
|
||
|
|
padding:0px;
|
||
|
|
margin:0px;
|
||
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
font-size:12px;
|
||
|
|
height:16px;
|
||
|
|
margin-top:1px;}
|
||
|
|
.tM5 {width:40px;
|
||
|
|
padding:0px;
|
||
|
|
margin:0px;
|
||
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
font-size:11px;
|
||
|
|
height:20px;}
|
||
|
|
.tMg {
|
||
|
|
margin-bottom:0px;
|
||
|
|
margin-left:5px;
|
||
|
|
margin-top:0px;
|
||
|
|
width:700px
|
||
|
|
}
|
||
|
|
.tMdiv {width:620px;
|
||
|
|
margin-left:10px;
|
||
|
|
background-color:#f4f4f4;
|
||
|
|
border:#DDDDDD 1px solid;
|
||
|
|
margin-bottom:15px;}
|
||
|
|
.tMdivTitle { font-size:12px; color:#6b6b6b; padding:5px 0 5px 10px}
|
||
|
|
.tMdivPeople1, .tMdivPeople2{ width:auto; height:30px; padding:0 10px; float:left}
|
||
|
|
.tMdivPeople1 select { width:80px}
|
||
|
|
.tMdivPeople2 select {width:100px}
|
||
|
|
.tMdivTime{ font-size:11px; color:#6b6b6b; width:260px; height:30px; padding-left:10px; float:left}
|
||
|
|
.tMdivDate{ font-size:11px; color:#6b6b6b; width:260px; height:30px; padding-left:10px; float:left}
|
||
|
|
.tMdivLeftBox {width:110px; float:left}
|
||
|
|
.tMdiv1 {width:620px;
|
||
|
|
margin-left:10px;
|
||
|
|
background-color:#fff;
|
||
|
|
border:#fff 1px solid;
|
||
|
|
margin-bottom:15px;}
|
||
|
|
.tM6 {width:110px;
|
||
|
|
padding:0px;
|
||
|
|
margin:0px;
|
||
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
font-size:11px;
|
||
|
|
height:20px;}
|
||
|
|
.tM7 {font-family:Arial, Helvetica, sans-serif;
|
||
|
|
font-size:12px;
|
||
|
|
color:#666666;
|
||
|
|
padding-left:10px;
|
||
|
|
}
|
||
|
|
.tM7 a:link,.tM7 a:visited,.tM7 a:hover {color:#990000;
|
||
|
|
text-decoration:underline;}
|
||
|
|
.tM8 {width:130px;
|
||
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
font-size:11px;}
|
||
|
|
.tM9 {width:120px;
|
||
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
font-size:11px;}
|
||
|
|
.tM10 {width:300px;
|
||
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
||
|
|
font-size:11px;
|
||
|
|
height:100px;}
|
||
|
|
.tMcitylist{
|
||
|
|
width:160px;
|
||
|
|
padding:0 0 0 5px;
|
||
|
|
margin:5px 0 2px 0px;
|
||
|
|
float:left;
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
font-size:12px;
|
||
|
|
font-weight:bold;
|
||
|
|
color:#666666;
|
||
|
|
}
|
||
|
|
#othercity .tMcitylist{width:150px; padding:0 0 5px 5px; margin:0; float:left; font-family:Arial, Helvetica, sans-serif;
|
||
|
|
font-size:11px;color:#666666;font-weight:normal; line-height:15px;}
|
||
|
|
.tMcitylist1{width:150px; padding:0 0 0 5px; margin:0; float:left; font-family:Arial, Helvetica, sans-serif;
|
||
|
|
font-size:12px;color:#666666;}
|
||
|
|
.tMcitylist2{width:305px; padding:0 0 0 5px; margin:0; float:left; font-family:Arial, Helvetica, sans-serif;
|
||
|
|
font-size:12px; color:#666666;}
|
||
|
|
.tMattractionlist{
|
||
|
|
width:154px;
|
||
|
|
padding:0 0 0 0px;
|
||
|
|
margin:0;
|
||
|
|
float:left;
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
font-size:11px;
|
||
|
|
color:#666666;
|
||
|
|
font-weight:normal;
|
||
|
|
line-height: 13px;
|
||
|
|
}
|
||
|
|
/* FORMS - cantact us */
|
||
|
|
.outsidetable {
|
||
|
|
width:670px;
|
||
|
|
height:527px;
|
||
|
|
}
|
||
|
|
div.tableleft {
|
||
|
|
width:435px;
|
||
|
|
height:527px;
|
||
|
|
float:left;
|
||
|
|
}
|
||
|
|
div.tablehead { width:435px; height:76px;background-image:url(https://data.chinahighlights.com/css/images/cantact-us/form-head.jpg); background-position:left top; background-repeat:repeat-x;}
|
||
|
|
div.tablemid{ width:435px; height:449px; background-image:url(https://data.chinahighlights.com/css/images/cantact-us/form-bg1.jpg); background-position:left top; background-repeat:repeat-x;}
|
||
|
|
div.tabletitle{
|
||
|
|
width:110px;
|
||
|
|
font-size:13px;
|
||
|
|
color:#82690d;
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
margin:9px 5px 0 10px;
|
||
|
|
font-weight:bold;
|
||
|
|
letter-spacing:0.01em;
|
||
|
|
float:left;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
div.cantcatLable{
|
||
|
|
width:280px;
|
||
|
|
height:auto;
|
||
|
|
float:right;
|
||
|
|
margin:7px 3px 2px 0;
|
||
|
|
}
|
||
|
|
input.inputcantact{
|
||
|
|
width:270px;
|
||
|
|
height:24px;
|
||
|
|
background-color:#f4f5f5;
|
||
|
|
border:1px solid #f4f5f5;
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
letter-spacing:0.02em;
|
||
|
|
padding:2px 0 1px 6px;
|
||
|
|
color:#7b7a78;
|
||
|
|
font-size:15px; font-weight:bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
#selectcantact{
|
||
|
|
width:270px;
|
||
|
|
height:24px;
|
||
|
|
background-color:#f4f5f5;
|
||
|
|
border:1px solid #f4f5f5;
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
letter-spacing:0.02em;
|
||
|
|
padding:2px 0 1px 6px;
|
||
|
|
color:#7b7a78;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
textarea.textmessage{
|
||
|
|
width:270px;
|
||
|
|
height:150px;
|
||
|
|
background-color:#f4f5f5;
|
||
|
|
border:1px solid #f4f5f5;
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
padding:1px 0 1px 6px;
|
||
|
|
color:#7b7a78;
|
||
|
|
font-size:15px;
|
||
|
|
}
|
||
|
|
div.sendmessage{ width:345px; height:auto; margin:9px 0 0 25px; text-align:right;
|
||
|
|
}
|
||
|
|
div.messagenote{
|
||
|
|
width:380px;
|
||
|
|
height:auto;
|
||
|
|
margin:15px 0 0 25px;
|
||
|
|
color:#7b6415;
|
||
|
|
font-family:Arial, Helvetica, sans-serif;
|
||
|
|
font-size:12px;
|
||
|
|
}
|
||
|
|
div.tableright{ width:229px; height:527px; background-image:url(https://data.chinahighlights.com/css/images/cantact-us/bg2.gif); background-position:left top; background-repeat:no-repeat; float:left;
|
||
|
|
}
|
||
|
|
div.righttitle{ padding:50px 0 0 50px; color:#a08a17; font-size:12px; font-weight:bold;
|
||
|
|
}
|
||
|
|
div.righttext{ color:#a08a17; font-size:0.87em; padding:3px 3px 0 10px; font-family:Arial;
|
||
|
|
}
|
||
|
|
.phonetable{ margin:5px 5px 0 10px; padding:1px 0 0 2px;
|
||
|
|
}
|
||
|
|
.chinatime{ color:#785f02;
|
||
|
|
}
|
||
|
|
.fontgray{ color:#757575;
|
||
|
|
}
|
||
|
|
.feedback{width:634px; background-color:#F7F7F7; border:#E7E7E7 1px solid; font-size:10px; color:#999999; padding:5px 8px 5px 8px; margin:5px 0 20px 0;
|
||
|
|
}
|
||
|
|
/* China Train TABLES 表格样式*/
|
||
|
|
.tablet {
|
||
|
|
border: 1px solid #cccccc;
|
||
|
|
border-collapse:collapse;
|
||
|
|
text-align: center;
|
||
|
|
vertical-align: middle;
|
||
|
|
font-size:95%;
|
||
|
|
}
|
||
|
|
.tablet td {padding:2px;border: 1px solid #cccccc; font-size:90%;}
|
||
|
|
.tablet td.schedule {padding-top: 10px; border: 1px solid #cccccc; font-size:10px; color:#777;text-align:left;vertical-align: top;}
|
||
|
|
.tablet tr th a:link; .tablet tr th a:visited {font-size:11px; color:#666666; text-decoration:underline;}!important
|
||
|
|
.tablet td.schedule div.datecalendar {font-size:18px; color:#a31022; font-weight:bold; text-align:center;}
|
||
|
|
|
||
|
|
|
||
|
|
.tablet tr th {color:#666666; text-align:center;border: 1px solid #cccccc;font-size:90%; background: #fcfcfc; background-image:url(https://data.chinahighlights.com/pic/traintab1.gif); background-position:top;}
|
||
|
|
.tablet thead th {color:#666666;font-size:90%;background: #f4f4f4; padding: 6px; background-image:url(https://data.chinahighlights.com/pic/traintab1.gif); background-position:top; line-height:14px;}
|
||
|
|
.tablet tbody th {color:#666666;font-size:90%;background: #f8f8f8; padding: 4px; background-image:url(https://data.chinahighlights.com/pic/traintab2.gif); background-position:top;}
|
||
|
|
.tablet tbody th.sub {font-size:95%;color:#666666;background: #f8f8f8; text-align:left;}
|
||
|
|
.tablet .statioinChinese{
|
||
|
|
font-family:宋体;
|
||
|
|
font-size:14px;
|
||
|
|
color:#333333
|
||
|
|
}
|
||
|
|
|
||
|
|
|