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.
516 lines
47 KiB
CSS
516 lines
47 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
#sideBar .navLeft { margin: 0 0 20px 0; padding: 0; border-top-width: 5px; border-top-style: solid; border-top-color: #A31022 }
|
|
#sideBar .navLeft ul { position: static; margin: 0; padding: 0 }
|
|
#sideBar .navLeft li { list-style: none; margin: 0; padding: 0; background: #fff; background: #fff url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 8px -692px; line-height: 20px; border-top: 1px solid #fff; border-bottom: 1px dotted #ccc; position: relative; display: block }
|
|
#sideBar .navLeft a { padding: 5px 0 5px 20px; display: block; font-size: 11px; font-weight: bold }
|
|
#sideBar .navLeft a:link, #sideBar .navLeft a:visited, #sideBar .navLeft a:hover, #sideBar .navLeft a:active { text-decoration: none; cursor: pointer }
|
|
#sideBar .navLeft a:link, #sideBar .navLeft a:visited { color: #a1a1a1 }
|
|
#sideBar .navLeft a:hover { color: #A31022; background-color: #f4f4f4; background-image: url(https://data.chinahighlights.com/css/images/sprites.gif); background-repeat: no-repeat; background-position: 10px 50px }
|
|
#sideBar .navLeft li.active a:link, #sideBar .navLeft li.active a:visited, #sideBar .navLeft li.active a:hover, #sideBar .navLeft li.active a:active { color: #A31022; background-color: #f4f4f4 }
|
|
#sideBar .navLeft li a:hover { color: #f4f4f4; background-color: #A31022 }
|
|
#sideBar .navLeft ul { margin: 0 0 1em 18px; padding: 0 }
|
|
#sideBar .navLeft li.active li a, #sideBar .navLeft li.active li a:link, #sideBar .navLeft li.active li a:visited { line-height: 12px; background: #fff url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 0 -798px; padding: 0 0 5px 12px; margin: 4px 0; font-weight: normal; ; color: #000; display: block }
|
|
#sideBar .navLeft li.active li a:hover, #sideBar .navLeft li.active li a:active { color: #A31022 }
|
|
#sideBar .navLeft li.active li { border: none; margin: 0 }
|
|
#sideBar .navLeft li.active li.active a:link, #sideBar .navLeft li.active li.active a:visited, #sideBar .navLeft li.active li.active a:hover, #sideBar .navLeft li.active li.active a:active { font-weight: bold }
|
|
/* left tour theme list */
|
|
.themeTitle { font-size: 15px; background: #a31022; color: #fff; padding: 7px 0 7px 10px; }
|
|
ul.tourThemes { margin-bottom: 10px; background: #f1f1f1; padding: 5px 0 10px; }
|
|
ul.tourThemes li { list-style: none; padding: 5px 0 5px 10px; margin-bottom: 3px; line-height: 18px; }
|
|
ul.tourThemes li a { text-decoration: none; font-size: 14px; }
|
|
ul.tourThemes li:hover { background: #d1d1d1; }
|
|
ul.tourThemes li.active { background: none; }
|
|
ul.tourThemes li.active a { color: #a31022; font-weight: bold; }
|
|
/*----- promo left -------*/
|
|
.hotSection { width: auto; margin: 10px 0 15px 0; border: 1px solid #d1d1d1; line-height: 22px; padding: 5px; background: #f1f1f1; border-radius: 4px; }
|
|
.hotSection .hotTitle { display: block; font-size: 15px; font-weight: bold; line-height: 15px; }
|
|
.hotSection .hotTitle a { font-weight: bold; font-size: 15px!important; }
|
|
.hotSection ol { margin-left: 10px; padding-left: 10px; }
|
|
.hotSection ol li { list-style-position: outside; font-size: 11px; line-height: 15px; margin-bottom: 8px; }
|
|
.hotSection ol li.last { text-align: right; list-style: none; padding-left: 0; margin-left: 0 }
|
|
.hotSection ol li.last a { text-decoration: underline; }
|
|
.hotSection ol li.last a:hover { text-decoration: none; color: #a31022; }
|
|
/* china tour list style @ 4.15 by Mercier */
|
|
.china-tour-list { margin: 15px 0; border-top: 1px dashed #d1d1d1; padding: 20px 0 10px; }
|
|
.china-tour-list .listImage171 .dealsIcon { width: 66px; height: 66px; position: absolute; left: -13px; top: -21px; }
|
|
.china-tour-list .listImage171 .dealsIcon img { width: auto; height: auto }
|
|
.china-tour-list .listImage171 img { width: 100%; margin-bottom: 10px; border-radius: 4px; }
|
|
.listContent418 .detailedButton { display: block; margin-top: 8px; float: right }
|
|
.listContent418 .mainTitle { color: #0d548a; font-size: 18px; margin: 0 0 5px 0; font-weight: normal; display: block; line-height: 18px; }
|
|
.listContent418 .mainTitle a { color: #0d548a; font-size: 18px; font-weight: normal; text-decoration: none }
|
|
.listContent418 .mainTitle a:hover { text-decoration: underline; }
|
|
.listContent418 .mainTitle .tourCode { font-size: 14px; font-weight: bold; }
|
|
listContent418 h3 { font-size: 14px; margin: 0 0 15px 0; clear: both; }
|
|
.listContent418 .destinationTitle { font-size: 14px!important; margin: 0 0 15px 0; clear: both; display: block; }
|
|
.listContent418 h4 { font-size: 16px; margin: 0 0 10px 0; }
|
|
.listContent418 .description2 { line-height: 18px; /*height:50px; overflow: hidden;*/ }
|
|
.listContent418 .description { width: 400px; font-size: 12px; line-height: 20px; padding-right: 8px; }
|
|
.listContent418 .morePhotos { margin: 15px 0; }
|
|
.listContent418 .morePhotos img { width: 70px; height: 52px; margin-right: 10px; }
|
|
.listContent img { margin: 10px 0 5px 0; }
|
|
.listPrice { width: 145px; float: right; margin: 0; }
|
|
.listPrice .priceDetail { width: 127px; height: 132px; padding: 20px 0 0 20px; background: url("data:image/gif;base64,R0lGODlhkwCEAMQAAJa4y+Hu9azH18TZ5ezy9sXW3tfl7fr9/un0+vH4/NHg6Ji6zN3r8tPh6fb6/fT3+bDK2Ofw9v///9Dh65u7zfL3+uXt8v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEHABcALAAAAACTAIQAAAX/4CU20AKcaKqubOu+cCzP9LxAjag/whAliKBwSCwaj8ikcslsOp+BwUMnICASB512y+16v+CweEwum3UHBCPbGCCy57h8Tq/XfRfIz87v+/9mFhMOC1iAh4iJfAIJAAiKkJGSXwsIjpOYmYqOl5qen3Wcj6CkpWOipqmqW6irrqatr7KesbO2krW3uoi5u759vb/Cc8HDxmXFx8pgycvOrJajz9NezdTO1tfK2drG3N3C3+C+4uO65ea26Omy6+yu7u+q8fKw0fXL9Pig+vu09/6G9QuIaSBBXAAP7jKocFPChuoeQmwncSK8ihbnYcxorxPHix4/agwpsqO0kiZR/448qZLfxpYFX8JESHJmJoY2zeDMSWYnTzE+fzKTKRRQ0KJdjiKFVnPpIaVORUCNOtVp1aVXkWYtulVo159feYbNOdZm2ZlnYaZtuVZlW5RvS8YVOfdjXY53M+a1uHdiX4h/GwZWOPhgYYKHAyb2t3hfY3yP60WWN/ldZXaX02U2t3lcZ3Cfu4XWNvpaaWqnp6V+thob0aihXsMmJnt2nNb5atvWqXt3z96+gQIPPrQpcTm4tw0/nnQ5c6Ysn992Ll0q9erJjzmqVJ0OBQQConcfEwECAgUB4IwvM8BAggtu1pchwMjBhQcMBliQD8bCAAEVSHNABBMIUMOBCCao4ByCDJ4AgXsISLCFA0A8YeGFGGao4YZBJGCfCCEAADs=") no-repeat; +background:url(https://data.chinahighlights.com/css/images/tour/bg-price.png) no-repeat;
|
|
text-align: left; font-weight: bold; }
|
|
.listPrice .priceDetail img { margin: 15px 0 0 -15px; clear: both; }
|
|
.listPrice .listpriceBottom { }
|
|
.priceFrom { font-size: 12px; font-weight: bold; display: block; clear: both; margin: 5px 0 15px 0; }
|
|
.note { line-height: 20px; margin-bottom: 12px; color: #545454; margin-left: 0px; }
|
|
.note p { line-height: 18px; margin-bottom: 8px; text-align: justify; }
|
|
.note a { text-decoration: underline; }
|
|
.note a:hover { text-decoration: none; color: #a31022; }
|
|
.note ol { margin-left: 10px; padding-left: 10px; }
|
|
.note ol li { margin: 2px 0 5px 0; line-height: 18px; padding-left: 0px; font-size: 11px; }
|
|
.note ol li a { text-decoration: underline; }
|
|
.note ol li a:hover { text-decoration: none; color: #A31022; }
|
|
.createBlock { display: block; margin: 25px 0 15px; font-size: 15px; line-height: 20px; }
|
|
.createBlock .createButton { display: block; width: 100%; border-radius: 4px; background: #a31022; margin: 10px 0; padding: 5px; text-align: center }
|
|
.createBlock .createButton a { color: #fff; font-size: 15px; }
|
|
/*==================== video for theme tours ====================*/
|
|
.themetourVideo { width: 710px; margin: 0px 0 0 10px; }
|
|
ul.videoPhoto { margin: 10px 0 0 10px; border-bottom: 1px solid #d1d1d1; width: 700px; padding-left: 10px; }
|
|
ul.videoPhoto li { list-style: none; background: #f1f1f1; border: 1px solid #d1d1d1; padding: 5px; float: left; width: 150px; margin-right: 10px; font-size: 16px; font-weight: bold; border-bottom: none; text-align: center; cursor: pointer; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
|
|
ul.videoPhoto li.last { font-weight: normal; font-size: 11px; width: auto; background: none; border: none; text-align: right; margin: 10px 0 0 20px }
|
|
ul.videoPhoto li.last:hover { background: none; }
|
|
ul.videoPhoto li.active { background: #d1d1d1; background: url(https://data.chinahighlights.com/css/images/bg-table.GIF) repeat-x; color: #a31022; }
|
|
ul.videoPhoto li a { font-size: 16px; font-weight: bold; text-decoration: none; }
|
|
/* --------- simple tailor form -----------*/
|
|
.nogoodTour { margin: 5px 0; position: relative; }
|
|
.nogoodTour span { text-align: right; font-size: 15px; font-weight: bold; background: #f1f1f1; display: block; -moz-border-radius: 5px; -moz-border-radius: 5px; border: #D1D1D1 1px solid; background: url(https://data.chinahighlights.com/css/images/bg-click.GIF) repeat-x bottom #fff; padding: 6px 10px; width: 375px; float: right; }
|
|
.nogoodTour span:hover { background-image: url(images/bg-click-hover.GIF); }
|
|
.nogoodTour a { color: #a31022; font-size: 16px; }
|
|
.nogoodTour a:hover { text-decoration: none; }
|
|
.nogoodTour .simpleTailorForm { background: url(https://data.chinahighlights.com/css/images/tour/bg-tailormade.png) no-repeat; width: 323px; height: 383px; padding: 10px 30px 10px 10px; position: absolute; top: -10px; right: 85px; z-index: 9998 }
|
|
.nogoodTour .simpleTailorForm .closeButton { width: 22px; height: 21px; position: absolute; left: 309px; top: 7px; cursor: pointer }
|
|
.nogoodTour .simpleTailorForm .simpleTitle { font-size: 16px; margin: 5px 0; color: #a31022; padding: 0 0 8px 0; display: block; width: auto; background: none; border: none; border-bottom: 2px solid #d1d1d1; text-align: left; }
|
|
.nogoodTour .simpleTailorForm .requiredInfo { font-size: 11px; text-align: right; margin-bottom: 15px; }
|
|
.nogoodTour .simpleTailorForm .formTitle { float: left; display: block; width: 90px; font-size: 11px; text-align: right; margin: 3px 15px 0 0; font-weight: normal }
|
|
.nogoodTour .simpleTailorForm textarea { width: 190px; border: 1px solid #d1d1d1; background: url("data:image/jpg;base64,/9j/4AAQSkZJRgABAQEASABIAAD/2wBDAAkGBgYHBgkHBwkNCQcJDQ8LCQkLDxEODg8ODhEUDxAQEBAPFBEUFRYVFBEaGhwcGholJCQkJSgoKCgoKCgoKCj/2wBDAQoJCQ4ODhgRERgZFBIUGR8eHh4eHyIfHx8fHyIkISAgICAhJCMkIiIiJCMmJiQkJiYoKCgoKCgoKCgoKCgoKCj/wAARCAAXAAIDAREAAhEBAxEB/8QAFgAAAwAAAAAAAAAAAAAAAAAAAgMH/8QAFRABAQAAAAAAAAAAAAAAAAAAABL/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8AtUgbICB//9k=") repeat-x top #fff; +background:url(https://data.chinahighlights.com/css/images/tour/bg-input.png) repeat-x top #fff;
|
|
height: 80px; padding: 5px; font-size: 12px; }
|
|
.nogoodTour .simpleTailorForm textarea:focus { border: 1px solid #F3CB76; }
|
|
.nogoodTour .simpleTailorForm input { width: 190px; border: 1px solid #d1d1d1; background: #fff; padding: 4px 5px; }
|
|
.nogoodTour .simpleTailorForm input:focus { border: 1px solid #F3CB76; }
|
|
.nogoodTour .simpleTailorForm select { width: 202px; border: 1px solid #d1d1d1; background: #fff; padding: 3px 5px 2px 5px; }
|
|
.nogoodTour .simpleTailorForm select optgroup { font-size: 11px; }
|
|
.nogoodTour .simpleTailorForm select option { font-size: 12px; }
|
|
.optionTitle { font-style: italic; margin-bottom: 5px; border-bottom: 1px dashed #d1d1d1; }
|
|
.nogoodTour .simpleTailorForm select:focus { border: 1px solid #f3cb76; }
|
|
.nogoodTour .simpleTailorForm .clear { height: 10px; }
|
|
.nogoodTour .simpleTailorForm input.sendButton { width: auto; padding: 0; border: none; background: none; margin: 5px 0 0 208px; }
|
|
.sortBy { float: left; width: 300px; font-size: 18px; margin-top: 10px; }
|
|
.sortBy a { margin-right: 8px; font-size: 12px; color: #545454; padding: 2px 5px; }
|
|
.sortBy a.active, .sortBy a:hover { background: #d1d1d1; color: #a31022; text-decoration: none }
|
|
.red_price { font-size: 20px; color: #a31022; margin: 0 0 15px 0!important; }
|
|
.findoutSave { padding: 5px; margin-bottom: 10px; background: #f1f1f1; text-align: center; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; font-weight: bold; }
|
|
.findoutSave a { color: #a31022; text-decoration: none; }
|
|
.findoutSave a:hover { text-decoration: underline; margin: 8px 0; }
|
|
/* major cities & sceneries on silk road */
|
|
.majorCities { margin: 5px 0; }
|
|
.majorCities .cityDetail { width: 100px; float: left; margin: 0 15px 10px 0; font-size: 11px; }
|
|
#preview { position: absolute; border: 1px solid #ccc; background: #333; padding: 5px; display: none; color: #fff; z-index: 9999; }
|
|
#preview img { z-index: 9999; }
|
|
/*----5张图片联播样式---*/
|
|
.TabbedPanelsContentGroup { background-color: #fff; margin: 0px; padding: 0px; }
|
|
.beijingtourlist { padding: 0 5px 0 5px; background-color: #FFF; border: 0; margin: 0 4px 4px 0; font-size: 90%; }
|
|
#topattraction { width: 100%; padding-top: 15px; background: #eaeaea; padding-bottom: 10px; }
|
|
#topattraction #img { float: left; padding: 10px; width: 210px; background: #fff; margin-left: 5px; height: 80%; }
|
|
#topattraction #info { padding: 0px; width: 60%; float: left; }
|
|
#topattraction ul { list-style: none; margin: 0px; padding: 0px; margin-top: 0px; margin-left: 0px; font-weight: 0; }
|
|
#topattraction #info h2 { border-bottom: none; margin-top: 0px; padding-top: 0px; font-size: 17px; padding-left: 5px; }
|
|
#topattraction ul li { font-size: 11px; color: #666; line-height: 20px; margin: 0px; padding-left: 8px; margin-bottom: 10px; }
|
|
#topattraction ul li a:link, #topattraction ul li a:visited { color: #666; text-decoration: underline; }
|
|
#topattraction ul li a:hover { color: #a31022; text-decoration: none; }
|
|
#topattraction #currentattraction { background-color: #fff; padding: 5px; }
|
|
.special { position: absolute; left: 400px; top: 1172px; }
|
|
/*---地图样式效果----*/
|
|
.silkOut { width: 300px; background-image: url("data:image/GIF;base64,R0lGODlhLAEDAJEAAAAAAP///8TExP///yH5BAEAAAMALAAAAAAsAQMAAAIgVI6py+0Po5y02ouz3nwL04XiSJbmiabRp7buC8dyLBQAOw=="); +background-image:url(/image/tour/silk-road/background-3.GIF);
|
|
background-repeat: repeat-y; padding: 0px; margin: 0px; }
|
|
.silkOut .silkOut1 { width: 300px; height: 7px; }
|
|
.silkOut .silkOut2 { width: 300px; height: 7px; }
|
|
.silkOutI { margin: 3px 0px 10px 10px; }
|
|
.silkOut p { font-size: 11px; color: #6b6b6b; margin: 0px 10px 5px 10px; }
|
|
.silkOut3 { font-weight: bold; }
|
|
/*----China Movie Tour---*/
|
|
#photoBox { width: auto!important; background: #000; }
|
|
#photoBox div#photoInfo { background: #000; color: #545454; margin-top: 10px; overflow: hidden; zoom: 1; }
|
|
#photoBox div#photoInfo img { float: left; display: block; padding: 3px; margin-right: 5px; margin-top: 3px; }
|
|
#photoBox div#photoInfo h2 { margin: 5px 0 10px 0; border: none; color: #34B4F8; font-size: 15px; padding-top: 10px; }
|
|
#photoBox div#photoInfo h2 a { font-size: 15px; font-weight: bold; text-decoration: none }
|
|
#photoBox div#photoInfo h2 a:hover { text-decoration: underline }
|
|
#photoBox div#photoInfo dl { color: #fff; font-size: 13px; }
|
|
#photoBox div#photoInfo dl.marginLeft { margin-left: 320px; }
|
|
#photoBox div#photoInfo dl dt a { color: #545454; }
|
|
#photoBox div#photoInfo dl dd { line-height: 24px; font-size: 11px; }
|
|
#photoBox div#photoInfo h3 { margin: 10px 0 0 0; border: none; color: #fff; font-size: 13px; }
|
|
#photoBox div#photoInfo p { color: #fff; line-height: 18px; }
|
|
#photoBox div#photoInfo p a { color: #545454; }
|
|
/*----Google Map样式----*/
|
|
.map { border: #ccc 3px solid; padding: 5px; background-color: #fff; margin-bottom: 15px; overflow: hidden; }
|
|
.mapLeft { width: 500px; float: left; }
|
|
.mapRight { width: 180px; float: right; padding: 5px }
|
|
.mapRight ul { padding-left: 5px; list-style: disc; margin-left: 20px; }
|
|
/*---*/
|
|
.productList { margin-top: 15px; }
|
|
.productImg { float: left; margin: 0 10px 5px 0; }
|
|
.productList .list { overflow: hidden; zoom: 1; margin-top: 10px; }
|
|
.productList h2 { border-bottom: 2px solid #af0c0d; }
|
|
.productList dl { overflow: hidden; zoom: 1; margin: 0 5px; display: inline; float: left; width: 230px; }
|
|
.productList dl dt { float: left; margin: 0 10px 5px 0; }
|
|
.productList dl dt img { }
|
|
.productList dl dt span { display: block; padding-top: 5px; }
|
|
.productList dl dd.title a { font-size: 15px; color: #6b6b6b; font-weight: bold; }
|
|
.productList dl dd { margin-bottom: 5px; }
|
|
#subContent { float: left; width: 255px; height: 800px; padding-left: 5px; }
|
|
.adImg { text-align: center; margin: 10px 0 10px 10px; }
|
|
.adImg img { margin-bottom: 10px; }
|
|
.panel-overlay { height: 30px; }
|
|
.panel-overlay h2 { margin: 5px 0 0 0; font-size: 16px; color: #fff; }
|
|
#content .panel-overlay p { line-height: 16px; }
|
|
.panel-overlay h2 a { font-size: 16px; text-decoration: none; }
|
|
.panel-overlay h2 a:hover { color: #a31022; border-bottom: 1px solid #a31022; }
|
|
.yearRecognition { color: #a31022; font-size: 13px; font-style: italic; margin-left: 5px; }
|
|
/*==================== video for theme tours ====================*/
|
|
.themetourVideo { width: 710px; margin: 0px 0 0 10px; }
|
|
ul.videoPhoto { margin: 10px 0 0 10px; border-bottom: 1px solid #d1d1d1; width: 700px; padding-left: 10px; }
|
|
ul.videoPhoto li { list-style: none; background: #f1f1f1; border: 1px solid #d1d1d1; padding: 5px; float: left; width: 150px; margin-right: 10px; font-size: 16px; font-weight: bold; border-bottom: none; text-align: center; cursor: pointer; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; }
|
|
ul.videoPhoto li.active { background: #d1d1d1; background: url("data:image/GIF;base64,R0lGODlhAQAeAMQAAAAAAP////Pz8/Ly8vHx8fDw8O/v7+7u7u3t7ezs7Orq6unp6ejo6Ofn5+bm5uXl5ePj4+Li4uHh4eDg4N/f397e3t3d3dzc3P///wAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABgALAAAAAABAB4AAAUXoCAKA1EUxoEkysI0zgNF0jRRlXXtVwgAOw==") repeat-x; +background:url(https://data.chinahighlights.com/css/images/bg-table.GIF) repeat-x;
|
|
color: #a31022; }
|
|
ul.videoPhoto li a { font-size: 16px; font-weight: bold; text-decoration: none; }
|
|
/* question box */
|
|
.questionForm2 { background-color: #f1f1f1; border: 1px #d1d1d1 solid; margin-bottom: 10px; padding-bottom: 10px; padding: 5px; }
|
|
.replyWithin { font-size: 11px; display: block; margin-bottom: 8px; }
|
|
.questionForm2 .questionFormTitle { font-size: 17px; font-weight: normal; display: block; margin: 0 0 8px 5px; color: #a31022; background: #d1d1d1; width: 175px; text-align: center; display: block; margin: -5px 0 0 -5px; padding: 5px 0; }
|
|
.questionForm2 label { line-height: 14px; display: block; margin-bottom: 5px; }
|
|
|
|
.questionForm2 input { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAAWCAYAAAA8eFWJAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAF4SURBVHja7NpNasJAGMbxdyYTP5IYRFetegovUUqh1/BIhd5BuokXcO0NXIguUouKkGg+xEznDaSLLmOWzw8GQ5bDn3fURGmtabFYTK/X6zxN09HtdrMIoCbbtqnT6Xw7jvO23+9XIgiCl9PpFIzHY+n7PrVaLRJCYKegFjOgKI5j2u12ejAYvKvL5fI5mUzkcDgkpVRZoJQSkUFt/X6fzAQTYRh+qCRJRnyDJ5cZbeXi0DgygLo8zyMT2JMqikK0223qdrvkuu5fYAxTDOrg7/XMDC2heFLxsciRcVz8iSMSmoiMT8XyHKwiq45GxAWP4oZ4yeqiigpxQZORyf83AJqEn4qAwACBASAwQGCAwAAQGCAwQGAAD+KH3fp+v+MvfGiUaYosy9LScZwwiiLsCDTqfD7zO2GhdF13ttlsiuPxSFmWYWfgIXme0+FwoPV6rXu93kzwezvL5XIqhPgy189mSTz0hrr4tS9zKv74vv+63W5XvwIMABPzcaE/o60TAAAAAElFTkSuQmCC") no-repeat #fff; +background: url(https://data.chinahighlights.com/pic/top10/email-box.png) no-repeat #fff;
|
|
color: #666; font-size: 11px; line-height: 16px; padding: 0 0 0 5px; width: 147px; height: 22px; margin: 0 0 3px 0; border: none }
|
|
.questionForm2 textarea { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJgAAAByCAYAAACvHRjFAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIlSURBVHja7NdPahphGMDhb8aZJM6oSFy1MafIJUop9Bo5UqF3KN2YC2SdG2QR4sKmGBE0/xSdzifYRZcT6ep5YPBjlh8/3ndMqqoKV1dXF8/Pzz9eX1/P1ut1K0BDeZ6Hk5OTX0VRfHl4eLhJRqPRp9lsNhoOh2mv1wtHR0chSRI3RSP1gArL5TKMx+Pq9PT0a/b09PT9/Pw8HQwGIcuyXYFpmoqMxvr9fqgnWDKZTL5lLy8vZ/FFnFz1aNs9MbQYGTTV6XRCHdiHbLvdJsfHx6HdboeyLP8GFpliNBG/66N6aCVZnFRxLcbIYlzx14rkEJHFrbjbg/vI9qtRXLxXbCg+6f6wj0pcHDKy9N8XcEj+KiIwBAYCQ2AIDASGwBAYCAyBITAQGAIDgSEwBAYCQ2AIDASGwBAYCAyBgcAQGAIDgSEwBAYCQ2AIDASGwBAYCAyBgcAQGAIDgSEwBAYCQ2AIDASGwEBgCAyBgcAQGAIDgSEwBAYCQ2AIDASGwEBgCAyBgcAQGAIDgSEwBAYCQ2AgMASGwEBgCAyBgcAQGAIDgSEwEBgCQ2AgMASGwEBgCAyBgcAQGAIDgSEwEBj/L7Batdls3AQHFZtqtVpVWhTFZLFYuBEOaj6fh06nM0nLsry8u7vbPj4+hre3NzfDu6xWqzCdTsPt7W3V7XYvk6qqwvX19UWSJD/r88f6Seuzm6KRPM9DvRV/93q9z/f39zd/BBgAhBhyU98GI/sAAAAASUVORK5CYII=") no-repeat #fff; +background: url(https://data.chinahighlights.com/pic/top10/contact-question.png) no-repeat #fff;
|
|
color: #666; font-size: 11px; line-height: 16px; padding: 5px; width: 142px; height: 104px; margin: 0 0 3px 0; border: none }
|
|
.questionsubmitButton { cursor: pointer; }
|
|
.paypalPrice { font-size: 11px; font-weight: bold; margin: 10px 0; display: block; cursor: pointer; }
|
|
.paypalPrice span { font-size: 20px; color: #a31022; }
|
|
.paypalPrice .tipInfo { font-weight: normal; background: #fff; width: 150px; height: 40px; display: block; padding: 5px; border: 1px solid #d1d1d1; -moz-box-shadow: 0 0 8px #555; position: relative; }
|
|
.paypalPrice .tipInfo .arrowUp { background: url("data:image/gif;base64,R0lGODlhEgAQAKIAANbW1v///+/v797e3vj4+Ofn5////wAAACH5BAEHAAYALAAAAAASABAAAANBaLrc3kK8aQCgruiCVwDBF3RGIYQChxFDGA4EBrsBS7H0Gz8AkdcXR+oXMjl6xFBwMUwGjAuQU7kwTVEc0VUZSAAAOw==") no-repeat; +background:url(https://data.chinahighlights.com/pic/arrow-up.png) no-repeat;
|
|
width: 16px; height: 11px; position: absolute; top: -10px; left: 20px; }
|
|
/* our promise icons */
|
|
.ourPromise { margin: 0 0 15px 0; border-bottom: 1px solid #d1d1d1; padding-bottom: 10px; font-size: 11px; font-weight: bold; }
|
|
.ourPromise .first { float: left; width: 85px; margin-right: 5px; }
|
|
.ourPromise .second { float: left; width: 85px; }
|
|
.ourPromise .second img { margin-bottom: 11px; }
|
|
/* show more tour result */
|
|
.showmoreresult { background-image: url("//css/images/tour-list-sprite.png"); background-position: -10px -389px; width: 680px; height: 41px; color: #a31022; font-size: 14px; text-align: center; font-weight: bold; margin: 15px auto 25px auto; }
|
|
.showmoreresult a { font-size: 16px; color: #a31022; text-decoration: none; display: block; width: 680px; height: 31px; padding: 10px 0 0 0; }
|
|
.showmoreresult:hover { background-image: url("https://data.chinahighlights.com/css/images/tour-list-sprite.png"); background-position: -10px -448px; }
|
|
.valueonPrice { width: 90px; padding: 5px 20px 5px 0; }
|
|
/* very common questions */
|
|
.commonQA { margin: 15px 0; padding-top: 15px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA6wAAAACCAYAAABcxVFHAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAIISURBVHja7FdbbsQgDLT3AL3/0SL1LkzVKlWRhT1j2P4FKdoNNoPxY2L8uq4PM3P7Gz79zvNRVul8P0j0ZlnEq7D9QO4L+6wpX+m+iN2+IfMG5jvm5nMocgUL928V63nuRfZa+TriVXLFLxmeN3Bd0DcBg52rE6edvFBjH9eu6qGqkaqmOvnbyfETjvAiFiqfsH2Ynsq/WZwUHqr4XNUz0Q5r2KjsB2JjhveMZ7DxeecXprn5fSWzRL/CYFgr3LGBBwF7FDZUdsS5zBdx31H4CpvnGyRelf0Qzg3BDpB3S/zO9lBxB/HXEHw3hP1/OXjc/zt5yXTHRv6ezLGY24aM1ZQ1+KTDEUrtm+CLVaxXa3xhn7J3uT+7BMwLVx95JMS+WhMPY0kTYoKcDRfts+B0L2wEwTSyxsVEsQa+kaTKzmuhAYWIGQs4W+tJHvjiiXrMH2oOIGnolfyoGuT/anhdzM2MmDyJU3XWTr5hIyaZ/Z7Uh5LfCi+xBqYbQxf8kl3gvOnz6szWjCGaHGWFj1zwWXZZhZAb2SUcRbxxEEPYM55xNiDWvJPaOuEjxnOZHSq/+KIxrfi807tB8IvCafEbiISTQPaEyO3v/N6zHkXprbNYdTnRiO+qHs4F+2IfDKHftKJf9c0e2DbzjV3SM05g2BD6Jojfvm7OntzFWC11exIUd4af8SXAAMXxU55UrePVAAAAAElFTkSuQmCC") no-repeat center top; +background:url(https://data.chinahighlights.com/css/images/tour/family/break-line.png) no-repeat center top;
|
|
}
|
|
.commonQA .priceTitle { color: #a31022; margin-top: 0; font-size: 15px; }
|
|
.commonQA ul { margin-left: 0; }
|
|
.commonQA ul li { list-style: none; line-height: 20px; margin-bottom: 5px; }
|
|
.commonQA ul li.question { background: url("data:image/jpg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAPAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgADwAPAwERAAIRAQMRAf/EAGoAAQEBAAAAAAAAAAAAAAAAAAUCBgEAAwEAAAAAAAAAAAAAAAAAAQIEBhAAAQQBBAMBAQAAAAAAAAAAAQIDBAUGESExEgAyEwcVEQACAQQDAAMBAAAAAAAAAAABAhEAIRIEMWEDQVGRFP/aAAwDAQACEQMRAD8A0C83Gf5rYVc+4tIFaw+I1HS0gKJEo9ylbzjpSWwEJR9FfQgAevB1lzyPNawaf8virKqMxEsz8DqOerVWJZnYQs0t/wA3mX71nj8xEmFDuVuAvxlllR7peJPpunnQKGo0HhVr4zahtait4rsBAriCV+Df6oSyxlqg/Q5ljjLjOTwJIkrag1NoI81kuAlaViMv79WiTwCCPbTxSsNa9U+ewfXXC+k+bCLskqf216HwLCq/+ddXFpb1rclqqsE1dWmbGXIdeXEcT3UhLh6pQkk77678DxUXkmqN3bbJUVWjNZOJgDIdV//Z") no-repeat left; +background:url(https://data.chinahighlights.com/pic/question-mark.jpg) no-repeat left;
|
|
padding-left: 20px; margin-bottom: 12px; font-size: 17px; color: #999 }
|
|
.commonQA ul li.answer { margin: 0 0 15px 20px; }
|
|
.commonQA ul li.answer strong { color: #999 }
|
|
/* yangtze River Tours */
|
|
.firstTour { border: 2px solid #a31022; padding: 5px 10px 10px 10px; margin: 10px 0 20px 0; }
|
|
.tourTitle { margin: 0 0 15px 0; display: block; }
|
|
.tourTitle a { font-size: 18px; color: #0D548A; text-decoration: none; }
|
|
.firstTour .tourImg { width: 216px; float: left; margin-right: 15px; }
|
|
.firstTour .tourImg img { width: 216px; border-radius: 4px; }
|
|
.firstTour .tourmidContent { width: 480px!important; }
|
|
.tourNumber { color: #fff; display: block; width: 50px; text-align: center; float: left; margin: -5px 10px 0 -10px; background: #a31022; padding: 3px 8px 8px 8px; font-size: 18px; }
|
|
.normalList { padding: 5px 10px 10px 0; }
|
|
.normalList .tourImg { width: 180px; float: left; margin-right: 10px; }
|
|
.normalList .tourImg img { width: 180px; height: 148px; border-radius: 4px; }
|
|
.normalList .tourNumber { margin-left: 0 }
|
|
.normalList .tourmidContent { width: 480px!important; }
|
|
/* customers reviews */
|
|
.customerSay { margin: 15px 0; width: 100%; }
|
|
.customerSay .sayTitle { font-size: 18px; background: #dfdfdf; border-left: 7px solid #666; padding: 7px 0 7px 5px; margin-bottom: 1px; width: 748px; color: #545454; font-weight: normal; }
|
|
.customerSay .reviewBox { border: 1px solid #C5C5C5; margin-bottom: 12px; }
|
|
.customerSay .sayTitle .said { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAKCAYAAABSfLWiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJlJREFUeNpinM8j58HAwLAFiJkZSAdrEj4/DGUCMnYAcTEZBlwG4jgQgwkqMBGI55JgwDsgDgLi78iGgEAWEB8kwoC/QBwBxHdgAsiG/ALiUGRJHKASiHcjCzChKXgNdeZHXAEJxN3ogkw4Aiwa6mysAUmMISCwFYjLcAUksYaAQB8QL4C6KBpfWLEQCMR0IN4ETUs4AUCAAQDr7CDlunm8RAAAAABJRU5ErkJggg==") no-repeat; +background:url(https://data.chinahighlights.com/css/images/story/customer-say-bg.png) no-repeat;
|
|
width: 17px; height: 10px; position: absolute; left: 20px; top: 28px; z-index: 10000; }
|
|
.customerSay .hotwords { width: 100%; margin: 15px 0 0 0; padding: 0 0 0 10px; font-weight: bold; background: none; }
|
|
.detail { width: auto; /*background:url(https://data.chinahighlights.com/css/images/tour/bg-review-760.jpg) no-repeat;*/ font-size: 11px; line-height: 17px; padding: 30px 10px 0 10px; }
|
|
.detailBottom { /*background:url(https://data.chinahighlights.com/css/images/tour/bg-feedback-bottom-760.jpg) no-repeat bottom;*/ width: 760px; height: 15px; }
|
|
.detail a { color: #666; }
|
|
.detail a:hover { color: #a31022; text-decoration: none; }
|
|
.detail .videoFeedback { width: 160px; height: 120px; float: right; }
|
|
.detail .videoFeedback img { width: 160px; height: 120px; }
|
|
.detail .videoFeedback .feedbackvideoIcon { width: 40px; height: 28px; position: absolute; left: 31px; top: 22px; }
|
|
.detail .videoFeedback .feedbackvideoIcon img { width: 40px; height: 28px; }
|
|
.customerSay .hotwords .allReview { width: 100%; text-align: right; }
|
|
.customerSay .hotwords a { padding-right: 7px; color: #9f0c1e; font-size: 11px; font-weight: bold; width: 150px; margin-left: 0px; }
|
|
.customerSay .hotwords a:hover { padding-right: 7px; color: #9f0c1e; font-size: 11px; font-weight: bold; width: 150px; margin-left: 0px; text-decoration: none; }
|
|
.quoteBegin { background: url("https://data.chinahighlights.com/pic/bg-quote-begin.gif") no-repeat; width: 11px; height: 9px; }
|
|
.quoteEnd { background: url("https://data.chinahighlights.com/pic/bg-quote-end.gif") no-repeat; width: 11px; height: 9px; }
|
|
.reviewContent { font-style: italic; font-size: 13px; padding: 0 10px; line-height: 20px; }
|
|
/* flash photo */
|
|
#gearFlashDiv { height: 300px; width: 760px; }
|
|
#gearFlashDiv img { width: 760px; height: 300px; }
|
|
#gearFlashDiv #gearFlashImg { width: 100%; position: relative; }
|
|
#gearFlashDiv #gearFlashImg img { position: absolute; border-radius: 4px; }
|
|
#gearFlashDiv #gearFlashWords { position: absolute; z-index: 998; left: 0px; bottom: -300px; background: url(https://data.chinahighlights.com/css/images/bg-tour-highlights.png) repeat; padding: 5px; color: #fff; font-weight: bold; width: 750px; font-size: 14px; border-radius: 0 0 4px 4px; }
|
|
#gearFlashDiv #gearFlashMenu { float: right; position: absolute; right: 0px; bottom: -300px; z-index: 999; margin-right: 2px; }
|
|
#gearFlashDiv #gearFlashMenu span { color: #fff; text-align: center; display: block; float: left; line-height: 16px; width: 16px; height: 16px; cursor: pointer; overflow: hidden; margin: 3px 1px; border: 1px solid #666; background-color: #666; filter: alpha(opacity=80);/*IE*/ -moz-opacity: 0.8;/*FF*/ opacity: 0.8;/*all broswer*/ }
|
|
#gearFlashDiv #gearFlashMenu .active { color: #fff; line-height: 21px; width: 21px; height: 21px; font-size: 16px; margin: 0 1px; border: 0; background-color: #a31022; font-weight: bold; }
|
|
#latestTips { margin: 8px 0; border: 1px dashed #a31022; padding: 5px }
|
|
#latestTips .lightIcon { background: url(https://data.chinahighlights.com/pic/tip-light.gif) no-repeat; width: 15px; height: 16px; margin: 0 5px 5px 0; display: block; float: left }
|
|
/* best selling style for china tour list*/
|
|
.bestSelling { border: 1px solid #D6D6D6; padding: 10px; position: relative; border-radius: 4px; }
|
|
.bestSelling.gwHiking { border: 1px solid #a31022; box-shadow: 0 0 4px #a31022; background: #f1f1f1; }
|
|
.bestSelling.gwHiking .hikers { background: url("https://data.chinahighlights.com/css/images/greatwall/hikers-right-s.png") no-repeat scroll center bottom rgba(0, 0, 0, 0); display: block; height: 230px; position: absolute; right: -23px; bottom: -1px; width: 159px; }
|
|
.bestSelling.gwHiking .description2 { margin: 10px 90px 0 0 !important; text-align: justify }
|
|
.bestSelling .whyBest { background: url(https://data.chinahighlights.com/css/images/sales-promotion-flag.png) no-repeat right 0; color: #FFFFFF; display: block; font-size: 13px; font-weight: bold; height: 41px; width: 165px; text-align: center; position: absolute; left: -5px; top: -2px; z-index: 20; }
|
|
.goNext { text-align: center; background: #a31022; background: -moz-linear-gradient(center top, #d2172e 0%, #b21226 50%, #a31022 100%) repeat; background: -webkit-gradient(linear, left top, left bottom, from(#d2172e), to(#a31022)); padding: 5px 10px 7px 10px; border-radius: 4px; color: #fff; cursor: pointer; display: block; width: 165px; font-size: 14px; margin-top: 20px; }
|
|
.goNext a { color: #fff; text-decoration: none; }
|
|
.goNext:hover { background: #a31022; }
|
|
/* adoption tour */
|
|
ul.OrphanWishList { margin-left: 0 }
|
|
ul.OrphanWishList li { list-style: none; line-height: 18px; margin-bottom: 8px; background: url(https://data.chinahighlights.com/pic/dot-red.gif) no-repeat left 5px; padding-left: 18px; }
|
|
ol.recommendArticle { margin-left: 10px; padding-left: 10px; }
|
|
ol.recommendArticle li { line-height: 18px; margin-bottom: 5px; }
|
|
ol.recommendArticle li a:hover { text-decoration: none }
|
|
.tourSince { font-style: italic; font-size: 12px; clear: both; display: block; font-weight: bold; }
|
|
.familyVideo { width: 350px; float: right; margin: 0 0 5px 10px; display: block; }
|
|
.specialistInfo { margin-bottom: 15px; }
|
|
h2.adoptionTitle { font-size: 18px; color: #04568F; font-weight: normal; }
|
|
@media(min-width:1000px) {
|
|
.reviewPhoto { float: right; width: 350px; margin: 0 0 5px 10px !important; }
|
|
.specialistInfo { float: right; width: 350px; display: block; margin: 0 0 5px 10px; }
|
|
}
|
|
.reviewPhoto { margin-bottom: 15px; }
|
|
.reviewTitle { font-size: 18px; display: block; font-weight: normal; margin: 15px 0; color: #04568F; clear: both; }
|
|
.adoptionReview { border: 1px solid #d1d1d1; border-radius: 4px; position: relative; padding: 10px; margin: 5px 0 15px 0 }
|
|
.adoptionReview .arrowUp { background: url(https://data.chinahighlights.com/pic/arrow-up.png) no-repeat scroll 0 0 transparent; display: block; height: 16px; left: 25px; position: absolute; top: -16px; width: 18px; }
|
|
.taWard { float: right; width: 300px; display: block; }
|
|
/* family tours style */
|
|
.createBtn {
|
|
background: #a31022 none repeat scroll 0 0;
|
|
border-radius: 4px;
|
|
display: block;
|
|
font-size: 16px;
|
|
padding: 8px 0;
|
|
text-align: center;
|
|
}
|
|
.createBtn:hover {
|
|
box-shadow: 0 0 10px #000;
|
|
transition: all 0.5s ease-in-out 0s;
|
|
}
|
|
.createBtn a {
|
|
color: #fff;
|
|
display: block;
|
|
text-decoration: none;
|
|
}
|
|
.createBtn a:hover {
|
|
color: #fff;
|
|
}
|
|
.BookTours a{ color:#fff; background:#a31022; float:right; padding:7px 10px; border-radius: 4px; text-decoration:none; font-size:14px;}
|
|
.BookTours a:hover { color:#fff;}
|
|
|
|
@media(max-width:750px) {
|
|
.fixedTailor { display: none !important}
|
|
.howecare { margin:15px 0 !important; }
|
|
.noraSay { background:none !important; padding-left:0 !important; left:0 !important; margin-top: 0 !important;
|
|
top: -20px !important; padding-right:0 !important; position: relative !important; margin-bottom:0!important; padding-bottom: 0 !important;
|
|
}
|
|
.ContactMe { background:none !important; }
|
|
.ContactInformation { background:none !important; padding-left:0 !important; padding-right:0 !important; font-size:14px !important;}
|
|
.ContactEpert { }
|
|
}
|
|
.howecare { display: block; margin:15px 80px; overflow:hidden}
|
|
.careBlock { text-align:center; margin:25px 0; font-size:14px; line-height:22px; color:#777;}
|
|
.careBlock .careTitle { display: block; font-size:16px; margin: 10px 0; font-weight: bold;}
|
|
.fa-home { color:#025499; font-size:140% !important;}
|
|
.fa-paint-brush { color:#025499; font-size:130% !important;}
|
|
.fa-users { color:#025499; font-size:120% !important;}
|
|
.fa-smile-o { color:#025499; font-size:150% !important;}
|
|
.peopic {
|
|
|
|
|
|
|
|
overflow: hidden;
|
|
text-align: center;
|
|
|
|
}
|
|
.peopic img {
|
|
width:100%;
|
|
margin-bottom:5px;
|
|
}
|
|
.peopic span {
|
|
font-size: 14px;
|
|
text-align: center;
|
|
width: 100%;
|
|
|
|
}
|
|
.peopic span.tailname {
|
|
color: #025499;
|
|
font-size: 16px;
|
|
margin-top: 5px;
|
|
display: block;
|
|
}
|
|
.NoraSayArrow { position:relative; left: -15px;
|
|
top: 70px;}
|
|
.noraSay { margin-top: 5px;
|
|
padding: 15px 40px 15px 20px;font-size:14px; line-height:25px; color:#777; background:#f2f2f2; position:absolute; left: 28px;
|
|
top: 0;}
|
|
.EmailRed { color:#a91c1c; background:none;}
|
|
.ContactMe { background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/pic/comma-a.gif") no-repeat scroll left top; }
|
|
.ContactInformation { background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/pic/comma-b.gif") no-repeat scroll right 75px; padding-left: 75px; padding-bottom: 17px;}
|
|
|
|
|
|
|
|
@media (max-width:768px) {
|
|
.photoBlock { margin-top:15px;}
|
|
.photoBlock img { height:auto !important;}
|
|
|
|
}
|
|
.whyUsTitle { font-size:18px; display: block; margin-bottom:25px; margin-top:15px;}
|
|
.photoBlock { margin-bottom: 15px; position:relative; }
|
|
.photoBlock img { width:100%; height:182px;}
|
|
.activityTitle { background: url(https://data.chinahighlights.com/css/images/tour/family/bg-opacity.png) repeat; width: calc (100% - 20px) !important; padding: 5px 10px; position: absolute; left: 0; bottom: 0; display: block; color: #fff; font-size: 14px; width:100%; }
|
|
.activityRight .tailorAds { display: block; position: relative }
|
|
.activityRight .tailorAds .leftSide { display: block; position: absolute; left: -159px; bottom: 10px; }
|
|
.listBlock { float: left; width: 310px; margin: 0 30px 0 0; position: relative; }
|
|
.photoRight300 { display: block; height: 200px; }
|
|
.photoRight img { border-radius: 4px; }
|
|
.videoRight { display: block; margin: 0 0 10px 15px; float: right; }
|
|
.tourRight { float: right; width: 300px; margin-top: 15px; }
|
|
.tourBlock { margin: 10px 0 15px 0; position: relative; font-size: 13px; }
|
|
.tourBlock .tourNo { font-size: 30px; background: #a1c7e4; width: 40px; height: 42px; color: #fff; text-align: center; display: block; float: left; text-shadow: 2px 2px 2px #333; border-radius: 4px 0 0 0; }
|
|
.tourBlock img { width: 300px; height: 200px; border-radius: 0 0 4px 4px; }
|
|
.tourBlock .tourTitle { font-size: 16px; display: block; margin: 0 0 5px 0; background: #d5d5d5; height: 40px; padding: 2px 0 0 10px; width: 249px; float: right; line-height: 18px; border-radius: 0 4px 0 0; }
|
|
.tourBlock .day-city { display: block; position: absolute; bottom: 0; background: url(https://data.chinahighlights.com/css/images/tour/family/bg-opacity.png) repeat; color: #fff; padding: 5px; width: 290px; border-radius: 0 0 4px 4px; }
|
|
#customerFeedback { display: block; margin-top:20px; margin-bottom:20px; padding-top: 20px; background: url(https://data.chinahighlights.com/css/images/tour/family/break-line.png) no-repeat center top; }
|
|
#customerFeedback .feedbackBlock .quoteBefore { background: url(https://data.chinahighlights.com/css/images/tour/family/quote-start.png) no-repeat; width: 14px; height: 16px; display: inline-block; margin: 0 5px 0 0; }
|
|
#customerFeedback .feedbackBlock .quoteEnd { background: url(https://data.chinahighlights.com/css/images/tour/family/quote-end.png) no-repeat; width: 15px; height: 15px; display: inline-block; margin: 0 0 0 5px; }
|
|
#customerFeedback .feedbackBlock .customerInfo { display: block; font-size: 11px; color: #999; }
|
|
#customerFeedback .feedbackBlock p { font-size: 18px; line-height: 25px; margin-bottom:20px; color:#999; }
|
|
#customerFeedback .videoFeedback .videoTitle { font-size: 11px; display: block; margin: 0 0 10px; color: #999 }
|
|
#customerFeedback .videoFeedback .customerInfo { margin-bottom: 15px; color: #999; font-size: 11px; }
|
|
#customerFeedback .infoLeft .leftTitle { color: #0c6197; display: block; font-size: 25px; margin: 0 0 15px; }
|
|
#familyTour .mainTitle { color: #0c6197; font-size: 25px; display: block; margin: 0 0 15px 0; }
|
|
#chtvideoPlayer { border-radius: 5px; }
|
|
#questionBox { background-image: url(https://data.chinahighlights.com/css/images/tour/detail/bg-question-title.png); background-position: top; background-repeat: no-repeat; background-size: 100%; margin-top: 15px; padding: 1px 10px 0px 10px; border: 1px solid #d1d1d1; border-radius: 4px; box-shadow: 0 0 02px #d5d5d5; position: relative }
|
|
#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 .familyBox { background: url(https://data.chinahighlights.com/css/images/tour/family/family-icon.png) no-repeat; background-size: 100px; display: block; width: 100px; height: 106px; position: absolute; right: -1px; bottom: -1px; }
|
|
#questionBox .infoRequired input, textarea { width: 100%; height: 28px; font-size: 12px; 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: 140px; }
|
|
#questionBox .sendButton { margin: 15px 0 15px 0px; display: block; }
|
|
#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: 4px; left: 10px; cursor: text }
|
|
#questionBox .infoRequired .des label { text-align: left; }
|
|
.photoRight { width: 350px; float: right; margin: 0 0 5px 10px; }
|
|
.photoRight img { margin-bottom: 10px; }
|
|
/* question box submit tips */
|
|
.arrowDownTest { border: #999 1px solid; padding: 3px 4px; display: block; position: absolute; background-color: #FFF; color: #a31022; z-index: 11000; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.075) inset, 0 0 8px #000; }
|
|
.arrowDown { position: absolute; top: 22px; left: 4px; }
|
|
/* get TA rating */
|
|
li#hroO2dB, li#A4g8q5ya { list-style: none !important; margin-bottom: 10px; }
|
|
#CDSWIDSSP .widSSPData { width: 100% !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: 100% !important }
|
|
/* camper tour */
|
|
.picturepromo { float: right; margin: 0 0 10px 10px; padding: 5px; width: 250px; border: 1px solid #CCC; border-radius: 4px; background: #fff; }
|
|
.picturepromo img { width: 250px; margin-bottom: 10px; }
|
|
#camperTour { margin: 0 0 10px 0; }
|
|
#camperTour h2 { font-size: 18px; border-bottom: 1px solid #d1d1d1; padding-bottom: 2px; margin: 0 0 5px 0; }
|
|
#camperTour h3 { font-size: 17px; margin: 0 0 8px 0 }
|
|
#camperTour ul { margin-left: 5px; }
|
|
#camperTour ul li { list-style: none; background: url(https://data.chinahighlights.com/pic/square-red.gif) no-repeat left 6px; padding-left: 15px; line-height: 18px; margin-bottom: 5px; }
|
|
.lazy { display: none; }
|
|
/* TA for family tour */
|
|
#getTA { margin: 25px 0 15px; border: 1px solid #589442; border-radius: 4px; overflow: hidden; }
|
|
.TAtitle { display: block; margin: 10px; font-size: 16px; color: #000; }
|
|
#CDSWIDSSP { width: 100%!important; }
|
|
#CDSWIDSSP .widSSPData .widSSPBranding { margin-bottom: 0 !important; }
|
|
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd { width: auto !important; display: none !important; }
|
|
#CDSWIDSSP .widSSPData .widSSPBranding dd { font-style: normal !important; }
|
|
#CDSWIDSSP .widSSPData .widSSPBranding a, #CDSWIDSSP .widSSPData .widSSPBranding a:link, #CDSWIDSSP .widSSPData .widSSPBranding a:visited { font-style: normal !important; }
|
|
#CDSWIDSSP .widSSPData .widSSPInformation { padding-bottom: 0 !important; }
|
|
#CDSWIDSSP .widSSPData .widSSPWrap { display: none !important }
|
|
#CDSWIDSSP .widSSPData { padding: 0 10px !important; }
|
|
/* --- */
|
|
#homeSlideshow { background:url(/js/orbit/orbit/1-0.gif) no-repeat center center; margin-top:100px; margin-bottom:25px; }
|
|
#homeSlideshow .flexslider { position:relative }
|
|
#homeSlideshow .flexslider ul { padding:0; margin:0 }
|
|
#homeSlideshow .flexslider ul.flex-direction-nav a { width:88px; height:88px; margin:-20px 0 0; display:block; background:url(https://data.chinahighlights.com/css/images/merge/csg-512c793703ac8.png) no-repeat 0 0; position:absolute; top:48%; cursor:pointer; text-indent:-9999px; opacity:0; -webkit-transition:all .3s ease; z-index:10 }
|
|
#homeSlideshow .flexslider ul.flex-direction-nav a:focus { outline:0 }
|
|
#homeSlideshow .flexslider ul.flex-direction-nav .flex-next { background-position:0 -422px; right:10px }
|
|
#homeSlideshow .flexslider ul.flex-direction-nav .flex-prev { background-position:0 -560px; left:10px }
|
|
#homeSlideshow .flexslider ul.flex-direction-nav .disabled { opacity:.3!important; filter:alpha(opacity=30); cursor:default }
|
|
#homeSlideshow .flexslider ul.slides { zoom:1; position:relative }
|
|
#homeSlideshow .flexslider ul.slides>li { display:none; -webkit-backface-visibility:hidden; position:inherit!important }
|
|
#homeSlideshow .flexslider ul.slides>li img { width:100%;}
|
|
#homeSlideshow .flexslider ul.slides>li span { display: block; color:#fff; font-size:45px; text-shadow:2px 2px 1px #333; width:100%; font-weight:normal; text-decoration: none; position:absolute; top:40px; left:0; text-align:center; }
|
|
#homeSlideshow .flexslider ul.slides>li span.visible-xs { font-size:14px;}
|
|
#homeSlideshow .flexslider ul.slides>img { width:100%; display:block }
|
|
#homeSlideshow .flexslider ul.slides:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }
|
|
#homeSlideshow .flexslider ol { padding:0; margin:0 }
|
|
#homeSlideshow .flexslider ol.flex-control-nav { position:absolute; top:90%; left:45%; z-index:1000 }
|
|
#homeSlideshow .flexslider ol.flex-control-nav>li { margin:0 6px; display:inline-block; zoom:1 }
|
|
#homeSlideshow .flexslider ol.flex-control-paging>li>a { width:11px; height:11px; display:block; cursor:pointer; text-indent:-9999px; background:#fff; border:1px solid #fff; border-radius:20px }
|
|
#homeSlideshow .flexslider ol.flex-control-paging>li>a:hover { background:#a31022 }
|
|
#homeSlideshow .flexslider ol.flex-control-paging>li>a.flex-active { background:#a31022 }
|
|
#homeSlideshow .flexslider:hover .flex-next { opacity:.8; right:5px }
|
|
#homeSlideshow .flexslider:hover .flex-next:hover { opacity:1 }
|
|
#homeSlideshow .flexslider:hover .flex-prev { opacity:.8; left:5px }
|
|
#homeSlideshow .flexslider:hover .flex-prev:hover { opacity:1 }
|
|
@media (max-width:768px) {
|
|
#homeSlideshow .flex-direction-nav { display:none!important }
|
|
#homeSlideshow { margin-top: 15px;}
|
|
}
|
|
@media(min-width:1000px) {
|
|
h2.categoryTitle { font-size: 28px !important; }
|
|
h2.categoryTitle a {
|
|
font-size: 28px;
|
|
margin-bottom: 20px;
|
|
margin-top: 15px;}
|
|
.tourRow h3 { height:33px !important}
|
|
.tourRow h3.moreText { height:42px !important;}
|
|
.tourRow p { font-size:12px;}
|
|
}
|
|
h2.categoryTitle { margin-top: 15px; margin-bottom: 20px; font-size: 20px; color: #444 }
|
|
.tourRow { border: 1px solid #d1d1d1; margin-bottom: 30px; padding: 15px; border-radius: 4px; position:relative; overflow:hidden; opacity:0.98; background:#f9f9f9; height:480px; }
|
|
.tourRow .tagIcon { background:#a31022; border-radius:0 4px 4px 0; position:absolute; left:0; top:10px; padding:3px 10px; color:#fff;}
|
|
.tourRow h3 { font-size: 15px; color: #000; margin: 20px 0 20px;}
|
|
.tourRow p { color: #919191; font-size:15px; }
|
|
.tourRow a { text-decoration: none; }
|
|
.tourRow:hover { border: 1px solid #a31022; opacity:1; background:#fff;}
|
|
.tourRow .subTitle { color: #04679a; margin: 0 0 15px; display: block; border-bottom: 1px dotted #919191; padding-bottom: 2px; }
|
|
.tourRow .tourImg { margin: -15px -15px 0 }
|
|
.tourRow .tourImg img { width: 100%; border-radius: 4px 4px 0 0; border-bottom: 3px solid #a31022; }
|
|
.featureTag { background: #04679a; border-radius: 4px; color: rgb(255, 255, 255); padding: 5px; }
|
|
.specialOffer { background: #04679a; border-radius: 4px; color: #fff; display: block; font-size: 12px; left: -22px; padding: 3px 43px 3px 15px; position: absolute; top: 17px; transform: rotate(-34deg); }
|
|
.priceFrom { display:block; text-align:right; color:#919191; margin:20px 0 0; position:absolute; bottom:10px; right:10px;}
|
|
.priceFrom strong { color:#a31022; font-size:20px; font-weight:normal; }
|
|
.photo300 { display: block; width:300px; float: right; margin:0 0 10px 10px; font-style:italic;}
|
|
.photo300 img { margin-bottom:5px; border-radius:4px;}
|
|
/* family tailor form */
|
|
.joinaHike { width: 100%; background: #f1f1f1; border-radius: 6px; padding: 10px 15px 20px 15px; margin: 30px 0; position: relative; border:1px solid #cecece; }
|
|
.joinaHike .hikingTitle { display: block; font-size: 26px; color:#a31022; margin-bottom:5px; text-align:center; }
|
|
.joinaHike input { background: #fff; border: 1px solid #d1d1d1; border-radius: 4px; color:#555 }
|
|
input.tourDays { width: 50px; }
|
|
.joinaHike input.contactInfo { width: 98%; margin-bottom: 10px; box-shadow: 0 0 2px #d1d1d1; border: ##d1d1d1; padding:7px 5px; font-size:14px; }
|
|
.joinaHike input.calendarIcon { background: url("https://data.chinahighlights.com/css/images/calender.GIF") no-repeat scroll 98% 3px #fff; padding:5px; font-size:14px;}
|
|
.joinaHike textarea { border: 1px solid #d1d1d1; background: #fff; border-radius: 4px; padding: 7px; height: 80px; width: 98%; line-height: 16px; font-size: 15px; color:#555;box-shadow: 0 0 2px #d1d1d1; }
|
|
.questionTitle { font-size: 14px; margin: 5px 0 10px 0; display: block; }
|
|
input.sendInquiry { background: #a31022; cursor: pointer; padding: 7px; font-size: 16px; border: none; color: #fff; display: block; margin: 10px 0 0; text-align: center; width: 98%; border-radius: 4px; }
|
|
.joinaHike label { margin-right: 5px; }
|
|
.joinaHike input[type="checkbox"], input[type="radio"] { vertical-align: middle; margin: -3px 0 0 !important; }
|
|
.joinaHike .selectBox { display: block; font-size:13px; }
|
|
.joinaHike .flexibility { display: block; margin-top: 8px }
|
|
.joinaHike select { width: 46%; display: inline-block; margin-right: 5px; border: 1px solid #d1d1d1; border-radius: 4px; background: #fff; color: #555; box-shadow: 0 0 2px #d1d1d1; padding:5px; font-size:14px; }
|
|
h2.categoryTitle { font-size:20px; margin-bottom:20px; margin-top:15px;}
|
|
.infoRec { display: block; margin:20px 0; height:95px; background:#f1f1f1; border-radius:0 4px 4px 0; padding-top: 25px}
|
|
.infoRec img { border-radius:4px 0 0 4px; float: left; margin-top:-25px; margin-right:15px;}
|
|
.infoRec a { text-decoration: none; font-size:15px;}
|
|
.infoRec:hover { background:#d1d1d1}
|
|
/* fixed main menu */
|
|
#header { position: fixed !important; z-index: 9999; top: 0; width: 100%;}
|