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.
175 lines
14 KiB
CSS
175 lines
14 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
#content #subContent {
|
|
display: inline;
|
|
float: right;
|
|
width: 275px;
|
|
}
|
|
#contentHead{
|
|
width: 990px;
|
|
font-size: 12px;
|
|
padding: 0px 0 5px 0px;
|
|
color: #898989;
|
|
position:relative;
|
|
z-index: 70;
|
|
}
|
|
#contentHead a{ background:url(https://data.chinahighlights.com/css/images/arrow-navigate.gif) right no-repeat; padding:0 10px 0 0; color:#545454; text-decoration:none;}
|
|
#contentHead a:hover{ text-decoration:underline;}
|
|
|
|
#sideBar {
|
|
float: left;
|
|
padding-bottom: 40px;
|
|
width: 175px;
|
|
z-index: 1000;
|
|
}
|
|
#contentRight {
|
|
float: right;
|
|
width: 950px;
|
|
}
|
|
.daytripDetail p { line-height:20px!important; margin:0 0 10px 0!important; text-align:justify; padding:0 }
|
|
.priceinclusion { border:1px solid #d1d1d1; width:200px; float: right; padding:5px; }
|
|
.priceinclusion ul { margin-left:0;padding-left:5px; }
|
|
.priceinclusion .incTitle { font-size:16px; display: block; margin:5px 0; }
|
|
.priceinclusion ul li { list-style:none; line-height:18px; margin-bottom:5px; background:url(https://data.chinahighlights.com/pic/square-red.gif) no-repeat left; padding-left:12px; }
|
|
.buttunDaytrip { font-weight:bold; text-align:center; color:#A31022; cursor:pointer; margin-left:15px }
|
|
.buttunDaytrip a { display:block; -moz-border-radius:5px; -moz-border-radius:5px; border:#D1D1D1 1px solid; background-color:#fff; background-image:url(https://data.chinahighlights.com/css/images/bg-click.GIF); background-repeat:repeat-x; background-position:bottom; padding:6px 12px; text-decoration:none; color:#a31022 }
|
|
.buttunDaytrip a:hover { display:block; padding:6px 12px; background-color:#fff; background-image:url(images/bg-click-hover.GIF); background-repeat:repeat-x; background-position:bottom }
|
|
#dayTrips { width:275px; margin:0 0 15px 0; border:1px solid #d1d1d1 }
|
|
#dayTrips h3 { height:25px; font-size:14px; padding:8px 3px 3px 8px; background-color:#b2b2b2; font-weight:bold; margin:0; color:#fff; font-size:12px; text-align:center }
|
|
#dayTrips ul { margin-left:8px }
|
|
#dayTrips ul li { margin-left:5px; line-height:18px; margin-bottom:5px; list-style:none; font-size:11px }
|
|
#dayTrips ul li.addon { font-weight:bold; color:#A31022 }
|
|
#dayTrips ul li a, #dayTrips ul li.addon a { text-decoration:underline; color:#545454; font-size:12px }
|
|
#dayTrips ul li a:hover, #dayTrips ul li.addon a:hover { text-decoration:none; color:#A31022 }
|
|
.daytripDetail {
|
|
width: 950px;
|
|
margin: 0 0 10px 0;
|
|
}
|
|
.daytripDetail .daytripPic2 { width:400px; margin:0px 0px 10px 15px; float:right; }
|
|
.daytripDetail .daytripPic2 img { width:400px;}
|
|
.daytripDetail .daytripPic { width:300px; margin:0px 0px 10px 15px; float:right; }
|
|
.daytripDetail .daytripPic a { font-size:11px; color:#545454; text-decoration: none; }
|
|
.daytripDetail .daytripPic a:hover { color:#a31022 }
|
|
.daytripDetail .daytripPic img { width:300px; margin-top:5px; }
|
|
.daytripDetail .daytripCode { float:none; margin:0 0 10px 0; border-bottom:2px solid #d1d1d1; }
|
|
.daytripDetail .daytripCode .redFont12Bold { font-weight:bold; color:#a31022; margin-right:8px }
|
|
.daytripDetail .daytripCode h3 { font-size:14px; font-weight:bold; margin:5px 0 8px 0; border-bottom:1px solid #f1f1f1; padding-bottom:1px; margin-left:8px }
|
|
.daytripDetail .daytripCode table { margin:0; font-size:12px; width:100%; }
|
|
.daytripDetail .daytripCode table th { color:#a31022; padding:0 5px 8px 0; text-align:left; vertical-align:top }
|
|
.daytripDetail .daytripCode table td img { margin-right:5px; }
|
|
.daytripDetail h2 { background:url(https://data.chinahighlights.com/css/images/drop-5.GIF) no-repeat 0 13px; padding:6px 0 0 20px; width:530px; margin:0 0 10px 0; font-size:18px; font-weight:100; }
|
|
.daytripPricePromo { margin:10px 0 0 0; padding:15px; background:url(https://data.chinahighlights.com/css/images/tour/we-better-bg.jpg) no-repeat left top; width:641px; height:196px; }
|
|
.daytripPricePromo h3 { font-size:18px; margin:0 0 10px 0; padding:0; color:#cc3636; }
|
|
.daytripPricePromo ol { margin:0 0 0 20px; }
|
|
.daytripPricePromo ol li { line-height:20px; margin:0 0 8px 5px; list-style-position:outside; }
|
|
.daytripCategory { margin:5px 0 15px 0; border:2px solid #d1d1d1; width:auto; padding:10px 5px }
|
|
.daytripCategory ul { margin-left:5px }
|
|
.daytripCategory ul li { list-style:none; line-height:16px; margin-bottom:5px; padding-bottom:10px }
|
|
.daytripCategory ul li a { color:#545454; text-decoration:underline }
|
|
.daytripCategory ul li a:hover { color:#fff; text-decoration:none; padding:6px; background:#a31022; border:none; -moz-border-radius:4px }
|
|
.daytripCategory ul li a.active { color:#fff; text-decoration:none; padding:2px 6px 6px 6px; background:#a31022; border:none; width:200px; -moz-border-radius:4px }
|
|
ul.moreDaytrip { margin-left:10px }
|
|
ul.moreDaytrip li {
|
|
list-style:; line-height:20px; margin-bottom:8px; list-style:none; background:url(https://data.chinahighlights.com/css/images/drop-2.gif) no-repeat left center; padding-left:12px }
|
|
ul.moreDaytrip li a { color:#545454; text-decoration:underline; margin-right:5px }
|
|
ul.moreDaytrip li a:hover { color:#a31022; text-decoration:none }
|
|
.daytripSelction { margin:15px 0; padding:10px 0; width: 450px; }
|
|
.daytripSelction .groupType { float:left; width:500px; margin:5px 10px 5px 0; vertical-align:middle }
|
|
.daytripSelction .groupType select { background:#fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color: #333; width:100px; font-size:11px; margin:0 5px 0 0; height:21px; -moz-border-radius:2px; vertical-align:middle; }
|
|
.daytripSelction .groupType input { background:url(https://data.chinahighlights.com/css/images/calender.GIF) no-repeat 110px #fff; border:1px solid #d1d1d1; padding:3px 5px; width:120px; margin-left:8px }
|
|
/* booking form */
|
|
#contactInfo {
|
|
border: 1px solid #999;
|
|
width: 950px;
|
|
margin: 5px auto 15px auto;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
#contactInfo .subTitle { background:#a31022; padding:5px 0 5px 10px; font-size:17px; color:#fff; }
|
|
#contactInfo .fieldBlock { padding:10px; overflow: hidden; height:100%; }
|
|
.requiredTip { color:#a31022; width:auto; display: block; float:right; }
|
|
.personalInfo { float: left; width:300px; margin-bottom:10px }
|
|
.personalInfo label { color: #333333; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif }
|
|
.personalInfo input[type="text"] { font-size: 13px; font-weight: normal; line-height: 1.2; padding: 3px; background-color: #fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color: #333; width: 250px; font-family:Arial, Helvetica, sans-serif }
|
|
.personalInfo input[type="text"].fullname { width:197px; }
|
|
.personalInfo select { border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; width:50px!important; padding:2px 0; font-size:12px; }
|
|
.otherRequest { margin: 5px 0 20px 0; }
|
|
.otherRequest label { color: #333333; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif }
|
|
.otherRequest textarea { font-size: 13px; font-weight: normal; line-height: 1.2; padding: 3px; /*-moz-box-sizing: border-box; */ background-color: #FFFFFF; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid;/* border-radius: 3px; box-shadow: 0 2px 5px #CCCCCC inset;*/ color: #333333; width: 350px; height:100px; font-family:Arial, Helvetica, sans-serif; float: left; }
|
|
.submitButton2 { width:170px; font-size:11px; margin:40px 25px 0 25px; font-style:italic; float: left; cursor:pointer; }
|
|
.submitButton img { cursor:pointer }
|
|
.newsletter { clear: both; margin:10px 0 }
|
|
.newsletter input { vertical-align:middle; margin: -3px 5px 0 0 }
|
|
.otherRequest .tipsBox { border:1px solid #d1d1d1; padding:5px; width:300px; position:absolute; left:393px; top:20px; background:#fff; font-weight:normal; height:auto }
|
|
.otherRequest .tipsBox .arrowGray { background:url(https://data.chinahighlights.com/pic/arrow-downandleft.png) no-repeat; width:18px; height:27px; position:absolute; left:-18px; top:20px }
|
|
.otherRequest .tipsBox ol { margin:0 0 0 5px; padding-left:15px }
|
|
.otherRequest .tipsBox ol li { line-height:15px; margin-bottom:3px; font-size:11px; list-style-position:outside }
|
|
.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:#fff; }
|
|
.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; }
|
|
.showLarge { clear: both; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#000; margin:0 0 5px 0; padding-left:0!important; }
|
|
|
|
/* price table */
|
|
.priceTable { margin:0; border:1px solid #d1d1d1; padding:1px; width:540px; }
|
|
.priceTable th { background: url("https://data.chinahighlights.com/css/images/tour/bg-th-gray-2.png") repeat-x scroll 0 0 transparent; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; height: 28px; padding:0; }
|
|
.priceTable td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; padding: 5px; text-align: center; }
|
|
|
|
/*nationality */
|
|
.ac_results { background-color: #FFF; border: 1px solid #5E5E5E; }
|
|
.ac_results ul { margin: 0px; padding: 0px; }
|
|
.ac_results li { list-style: none; padding: 5px 10px 5px 10px; cursor:default; margin: 3px; color:#545454; text-transform:capitalize; }
|
|
.ac_results .ac_caption { border-bottom: dashed 1px #666; color: #666; margin: 8px 10px 3px 10px; }
|
|
.ac_results .ac_even { background-color:#FFF; }
|
|
.ac_results ac_odd { background-color: #FFF; }
|
|
.ac_results .ac_over { background-color:#d1d1d1; color:#a31022 }
|
|
.ac_results .ac_code { color: #545454; width: 50%; display: block; float: left; margin-right: 10px; }
|
|
.ac_results .ac_Name { color: #545454; }
|
|
.ac_results .ac_highLight { font-weight: bold; color: #a31022; }
|
|
input.nationality { text-transform: capitalize;}
|
|
|
|
/* left tour theme list */
|
|
.themeTitle { font-size:15px; background:#e4e4e4; border-left:7px solid #A6A6A6; padding:5px 0 5px 5px; margin-bottom:1px; }
|
|
ul.tourThemes { margin:5px 0 10px 0; }
|
|
ul.tourThemes li { list-style: none; border-bottom:1px solid #d1d1d1; padding-bottom:3px; margin-bottom:3px; line-height:20px; padding-left:12px; }
|
|
ul.tourThemes li a { text-decoration: none; color:#545454; }
|
|
ul.tourThemes li.active { color:#a31022;border-bottom:1px solid #a31022; border-top:1px solid #a31022; padding:3px 0 3px 12px; margin-top:-4px;}
|
|
ul.tourThemes li.active a { color:#a31022; font-weight: bold; }
|
|
|
|
/*----------------
|
|
city tour search ------------*/
|
|
.hotelsearchtitle { background:url(https://data.chinahighlights.com/css/images/hotel/bg-hotel-search.png) no-repeat; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; overflow: hidden; font-weight:bold; height:23px; padding-left:5px; padding-top:4px; width:175px }
|
|
.hotelsearchtitle .citySelect { background:url(https://data.chinahighlights.com/css/images/hotel/s-arrow.gif) no-repeat right 8px; padding-right:7px; font-size:13px; font-weight:bold }
|
|
.hotelsearchtitle .citySelect a { color:#fff!important; text-decoration:none; border-bottom:1px solid #fff; padding-bottom:0; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
|
|
h4.rightTitle .citySelect { background:url(https://data.chinahighlights.com/css/images/hotel/s-arrow.gif) no-repeat right 8px; padding-right:7px; font-size:13px; font-weight:bold }
|
|
h4.rightTitle .citySelect a { color:#fff; text-decoration:none; border-bottom:1px solid #fff; padding-bottom:0; font-style:italic; font-family:Arial, Helvetica, sans-serif; font-size:16px; }
|
|
.tourSearchBox { border:1px solid #d1d1d1; background:#efefef; padding:10px 5px; font-size:11px; margin-bottom: 8px; position: relative; width:175px; }
|
|
.tourSearchBox label { margin:8px 0; line-height:18px; clear: both; width:100%; display: block }
|
|
.tourSearchBox label span { display: block; width:80px; float: left; }
|
|
.tourSearchBox input { width:150px; border:1px solid #d1d1d1; background:#fff; padding:5px; font-size:11px }
|
|
.tourSearchBox input:focus { border:1px solid #a31022 }
|
|
.tourSearchBox input.submitButton { background:none; width:auto; height:auto; border:none; margin:10px 0 0 80px }
|
|
.tourSearchBox input.calendar { background:url(https://data.chinahighlights.com/css/images/calender.GIF) no-repeat 140px #fff }
|
|
.tourSearchBox select { width:162px; font-size:11px; padding:3px 0; border:1px solid #d1d1d1; background:#fff }
|
|
.tourSearchBox select option { line-height:18px }
|
|
#hotelcityList { position:absolute; width:400px; border:10px solid #d1d1d1; left:55px; background:#fff; color:#545454; top:-8px; padding:10px 15px 10px 15px; z-index:5000 }
|
|
#hotelcityList h5 { font-size:12px; margin:10px 0 8px 0; border-bottom:1px solid #d1d1d1 }
|
|
#hotelcityList ul { margin-left:0 }
|
|
#hotelcityList ul li { list-style:none; float:left; text-align:left; width:90px; line-height:18px; margin-bottom:5px; padding:0 2px 0 8px }
|
|
#hotelcityList ul li a { font-weight:normal; font-size:11px; text-decoration:none }
|
|
#hotelcityList ul li:hover { background:#d1d1d1 }
|
|
#hotelcityList ul li:hover a { font-weight:bold }
|
|
.closeIt { width:60px; position:absolute; right:10px; top:10px; cursor:pointer }
|
|
|
|
.travelerDetail { margin:5px 0 10px 0; padding: 10px; }
|
|
.mailTitle { font-size:16px; display: block; margin:0 0 8px 0;}
|
|
.travelerDetail .travelerLeader { display: inline-block; float: left; margin-right:10px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#333; width:125px;}
|
|
.travelerDetail .travelerLeader input { vertical-align:middle; margin: 0 5px 0 0;}
|
|
.travelerDetail .travlerInfo { display: block; float: left; margin-right:10px;}
|
|
.travelerDetail .travlerInfo .travelerTitle { font-size:13px; font-weight: bold; display: block; font-family:Arial, Helvetica, sans-serif; color:#333}
|
|
.travelerDetail .travlerInfo input { font-size: 13px; font-weight: normal; line-height: 1.2; padding: 3px; background-color: #fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color: #333; width: 175px; font-family:Arial, Helvetica, sans-serif }
|
|
.travelerDetail .travlerInfo select { border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; width:50px!important; padding:2px 0; font-size:12px; }
|
|
.footerInfo{ margin:auto 0;} |