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.
101 lines
9.9 KiB
CSS
101 lines
9.9 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
/* get TA rating */
|
|
li#hroO2dB, li#A4g8q5ya { list-style: none !important; margin-bottom:10px; }
|
|
#CDSWIDSSP .widSSPData { width:228px !important; margin: 15px 0 !important; border-radius:4px!important; }
|
|
#CDSWIDSSP .widSSPData .widSSPH18 { display: none !important; }
|
|
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd { width:auto !important }
|
|
#CDSWIDSSP { width:auto !important; }
|
|
/* -------------beijing tour style new by Mercier------------------- */
|
|
#tourContent { display:block; margin: 10px 0; }
|
|
#tourContent .itineraryLeft { float: left; width:710px; }
|
|
.titleText { font-size:14px; font-weight: normal; }
|
|
#topRecommend { display: inline-block; margin:0 0 15px 0; height:275px; width:100%; }
|
|
#topRecommend .citySummary { float: left; width:280px; height:275px; }
|
|
#topRecommend .citySummary ul { margin:0 }
|
|
#topRecommend .citySummary ul li { list-style: none; float: left; width:125px; margin-bottom:10px; background:url(/pic/square.gif) no-repeat left 5px; padding-left:15px; }
|
|
#topRecommend .citySummary ul li a { text-decoration: none; }
|
|
#topRecommend .coolDucts { float: right; width:685px; height:268px; }
|
|
#topRecommend .coolDucts .firstCool { width:239px; height:268px; float: left; display: block; margin-right:10px; position:relative }
|
|
#topRecommend .coolDucts .firstCool .firstTitle { color:#fff; font-size:16px; position:absolute; top:15px; left:42px; text-shadow:2px 2px 4px #000 }
|
|
|
|
#topRecommend .coolDucts .firstCool img { width:239px; height:268px;}
|
|
#topRecommend .coolDucts .middleCool { width:213px; height:129px; float: left; display: block; margin-bottom:10px; position:relative }
|
|
#topRecommend .coolDucts .rightTop { width:436px; height:129px; float: left; display: block; margin-bottom:10px; position:relative }
|
|
#topRecommend .coolDucts .rightTop img { width:436px; height:129px;}
|
|
#topRecommend .coolDucts .rightTop .firstTitle { color:#fff; font-size:16px; position:absolute; top:15px; left:42px; text-shadow:2px 2px 4px #000 }
|
|
#topRecommend .coolDucts .rightCool .specialOffer { background:url(/pic/special-offer-icon.png) no-repeat; display: block; width:113px; height:70px; position:absolute; top:-2px; left:-2px; }
|
|
#topRecommend .coolDucts .middleCool .priceBg { background:url(/pic/bg-price-type.png) no-repeat; display:block; width:121px; height:19px; color:#fff; font-size:11px; position:absolute; top:45px; left:10px; padding:3px 0 0 15px; text-shadow: 0 0 2px #999; }
|
|
#topRecommend .coolDucts .rightCool { width:213px; height:129px; float: right; display: block; margin-bottom:10px; position:relative }
|
|
.rightCool .tourTitle, .middleCool .tourTitle, .rightTop .tourTitle { background:#a31022; color:#fff; font-family:Arial, Helvetica, sans-serif; display: block; position:absolute; left:0; bottom:0; border-radius:0 4px 0 0; padding:2px 5px;}
|
|
#topRecommend .coolDucts .rightCool .priceBg { background:url(/pic/bg-price-type.png) no-repeat; display:block; width:121px; height:19px; color:#fff; font-size:11px; position:absolute; top:45px; left:10px; padding:3px 0 0 15px; text-shadow: 0 0 2px #999; }
|
|
#topRecommend .coolDucts .noMarginBottom { margin-bottom:0; }
|
|
.citySummaryInfo { display: block; margin:10px 0; overflow: hidden; height:100%; }
|
|
.citySummaryInfo ul { margin:0 }
|
|
.citySummaryInfo ul li { list-style: none; float: left; width:150px; margin-bottom:10px; background:url(/pic/square.gif) no-repeat left 5px; padding-left:15px; }
|
|
.citySummaryInfo ul li a { text-decoration: none; }
|
|
.chPromise { display:block; margin:15px 0; }
|
|
.chPromise h2 { font-size:30px; margin:10px 0 30px; text-align:center; font-weight: normal; }
|
|
.chPromise .advantageItem { display: block; float: left; width:178px; margin-right:20px; }
|
|
.chPromise .advantageItem.last { margin-right:0; float: right; }
|
|
.chPromise .advantageItem .titleBlock { display: block; margin: 0 0 10px; font-size:18px; color:#04679A; padding-bottom:2px; }
|
|
.chPromise .advantageItem .titleBlock.last { font-size:13px; }
|
|
.chPromise .advantageItem .titleBlock:first-letter { font-size:23px; font-weight: bold; }
|
|
.chPromise .advantageItem p { font-size:14px; line-height:18px; display: block; margin-top:10px; }
|
|
.chPromise .advantageItem .flexible { display: block; width:178px; height:93px; background:url(/pic/bg-city-tour-icon.png) no-repeat 0 0; }
|
|
.chPromise .advantageItem .expert { display: block; width:178px; height:93px; background:url(/pic/bg-city-tour-icon.png) no-repeat -200px 0; }
|
|
.chPromise .advantageItem .noshops { display: block; width:178px; height:93px; background:url(/pic/bg-city-tour-icon.png) no-repeat -395px 0; }
|
|
.chPromise .advantageItem .moneyback { display: block; width:178px; height:93px; background:url(/pic/bg-city-tour-icon.png) no-repeat -800px 0; }
|
|
.chPromise .advantageItem .fullCare { display: block; width:178px; height:93px; background:url(/pic/bg-city-tour-icon.png) no-repeat -595px 0; }
|
|
/* switch tags */
|
|
.switchTags { border-bottom:3px solid #a31022; overflow: hidden; height:28px; position:relative; background: #FFF; z-index: 10; margin-bottom: 15px; }
|
|
.switchTags ul { margin-left:0 }
|
|
.switchTags ul li { list-style: none; float: left; width:auto; padding:5px 20px 5px 15px; margin-right:5px; text-align:center; font-size:14px; background:url(/css/images/tour/detail/bg-tag.png) repeat-x; height:18px; border-top-left-radius:4px; border-top-right-radius:4px; color:#fff; cursor:pointer }
|
|
.switchTags ul li a { text-decoration: none; color:#fff; }
|
|
.switchTags ul li.active, .switchTags ul li:hover { background:url(/css/images/tour/detail/bg-tag-active.png) repeat-x; color:#fff; }
|
|
.switchTags ul li.active a, .switchTags ul li:hover a { color:#fff; }
|
|
.switchTags .sendInquiry { background:url(/pic/double-arrow-22x16.png) no-repeat right; color:#a31022; font-size:12px; position:absolute; right: 5px; padding-right: 25px; margin-top: 10px; }
|
|
.switchTags .bookingButton-s { position: absolute; right:0; top:0; text-align:right; }
|
|
.switchTags .fbFans { display: block; margin-bottom:10px; height: 25px; position: absolute; top: -30px; width: 275px; }
|
|
.switchTags .fbFans img { height:25px; width:275px }
|
|
.highlightTours { display: block; }
|
|
.highlightTours .tourList { margin: 10px 0 20px; height:125px; }
|
|
.highlightTours .tourList .tourImg { width:280px; height:120px; float: left; margin-top:3px; }
|
|
.highlightTours .tourList .tourInfoRight { float: right; border-bottom:1px solid #d1d1d1; width:415px; height:125px; position:relative; }
|
|
.highlightTours .tourList .tourInfoRight h2 { background: none; border: none; margin:0; padding:0; font-weight: normal }
|
|
.highlightTours .tourList .tourInfoRight h2 a { font-size:16px; }
|
|
.highlightTours .tourList .tourInfoRight .viewDetail { display: block; position:absolute; width:auto; right:0; bottom:8px; }
|
|
.highlightTours .tourList .subTitle { color:#04679A; display: block; margin:5px 0 }
|
|
.highlightTours .tipTitle { display: block; margin:10px 0; font-size:16px; }
|
|
.highlightTours .commcont { display:block; margin: 0 0 30px 0 }
|
|
.highlightTours .commcont ol { margin:0 0 15px 15px; }
|
|
.highlightTours .commcont ol li { list-style-position:outside }
|
|
#tourContent .questionRight { width:250px; float: right; }
|
|
/* question box */
|
|
#questionBox { background:url(/css/images/tour/detail/bg-question-title.png) no-repeat top; padding:1px 10px 0px 10px; border:1px solid #d1d1d1; border-radius:4px; box-shadow:0 0 02px #d5d5d5; position:relative }
|
|
#questionBox .couponPromo { display: block; width:100px; height:45px; position:absolute; right:-5px; top:7px; cursor:pointer; border-radius:4px; box-shadow:0 0 2px #555; background:url(/pic/ask-mark.png) no-repeat 78px center #26679d; }
|
|
#questionBox .couponPromo .couponText { color:#fff; font-size:14px; margin:3px 5px 0 5px; display: block; font-family:Arial, Helvetica, sans-serif}
|
|
#questionBox .couponPromo .couponText b { font-weight: normal; font-size:13px; display: block; margin-top:3px; text-shadow:0 0 2px #000}
|
|
#questionBox .couponPromo .rightBlock { background:#26679d; display:block; width:5px; height:55px; position:absolute; top:-5px; right:0; border-radius:4px;}
|
|
#questionBox .couponTip { border:1px solid #d1d1d1; border-radius:4px; width:200px; position:absolute; right:0; top:52px; padding:5px; background:#fff; z-index:8888; font-size:11px; box-shadow: 0 0 3px #555; display: none}
|
|
#questionBox .couponTip ol li { line-height:16px;}
|
|
#questionBox .couponTip .arrowUp { background:url(/pic/arrow-up-20x14.png) no-repeat; display: block; width:20px; height:12px; position:absolute; top:-12px; right:1px;}
|
|
#questionBox .interested { font-size:25px; color:#fff; display: block; margin:5px 0; }
|
|
#questionBox .interest-label { font-size:12px; color:#fff; display: block; margin-bottom:40px }
|
|
#questionBox .infoRequired { text-align: center; margin: 22px 0 0 0; display: block; }
|
|
#questionBox .infoRequired input, textarea { width:215px; height: 28px; font-size:12px; font-family:Verdana, Geneva, sans-serif; padding:5px; background-color: #fff; margin-bottom: 10px; border-color: #D1D1D1 #999999 #999999 #D1D1D1; border-radius: 4px; border-style: solid; border-width: 1px; box-shadow: 2px 2px 2px #d1d1d1; }
|
|
#questionBox .infoRequired input:focus, textarea:focus { border-color: #0074CC; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.075) inset, 0 0 8px #0074CC; }
|
|
#questionBox .infoRequired textarea { height: 100px; }
|
|
#questionBox .sendButton { margin:15px 0 15px 80px; display: block; }
|
|
#questionBox .infoRequired p { display: none1; +left: 660px;
|
|
}
|
|
#questionBox .infoRequired p { margin: 0; line-height: 20px !important; margin-bottom: 0px !important; position: relative; text-align: center; }
|
|
#questionBox .infoRequired p label { padding: 0; margin: 0; position:absolute; top: 9px; left: 10px; cursor:text }
|
|
#questionBox .infoRequired .des label { text-align: left; }
|
|
/* weather display on Shanghai tour */
|
|
table.averageWeather { margin: 10px 0; border:1px solid #d1d1d1; padding:1px; width:100%; border-top:3px solid #d1d1d1; }
|
|
table.averageWeather th { padding:5px; border-bottom:1px solid #d1d1d1; }
|
|
table.averageWeather td { padding:8px 5px; border-bottom:1px solid #d1d1d1; }
|
|
table.averageWeather th { padding:5px; border-bottom:1px solid #d1d1d1; }
|
|
table.averageWeather tr.last td { border-bottom: none }
|