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.
165 lines
15 KiB
CSS
165 lines
15 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
body { background:#f1f1f1;}
|
|
label { font-weight: normal !important}
|
|
.tourName { border-bottom: 1px dashed #0c6197; font-style: italic; color: #0c6197; padding-bottom: 2px; }
|
|
#tailorBlock { display: block; margin: 10px 0; position: relative }
|
|
#leftBlock { font-family: Georgia, "Times New Roman", Times, serif; font-size: 22px; margin: 20px 0; }
|
|
.michaelIcon { margin: 15px 0 55px; }
|
|
#leftBlock p { line-height: 35px; margin-bottom: 15px; }
|
|
#leftBlock img { display: block; float: left; margin: 0 10px 5px 0; }
|
|
#tailorRight { width:100%; padding:10px 10px 30px 0; border-radius:4px; z-index:9999; box-shadow:0 0 2px #999; background:#fff;}
|
|
#tailorRight h2 { display: block; margin: 0 0 15px; font-weight: normal; font-size: 20px; text-shadow: 1px 1px 0 #fff }
|
|
#tailorRight h2.withText { margin-bottom: 5px; }
|
|
#tailorRight .tipText { display: block; color: #999; margin: 5px 0 20px 27px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif }
|
|
#tailorRight input { vertical-align: middle; margin: -3px 5px 0 0; }
|
|
.whoTravel { display: block; margin: 5px 0 20px; }
|
|
@media(max-width:740px) {
|
|
body { background:#fff;}
|
|
.tourSelected { margin:auto -10px 10px !important; box-shadow: none !important; border-top:2px solid #d9d9d9; border-bottom:2px solid #d9d9d9; border-radius:0!important; padding:10px !important; background:#f9f9f9 !important;}
|
|
#tailorRight { padding: 0 !important; box-shadow:none !important; }
|
|
.tourSelected ul li { padding-left:0 !important;}
|
|
.groupType { padding: 0 !important }
|
|
.groupType, .travelDays, .daysBlock { font-size: 15px !important; font-weight: normal !important; margin-bottom: 10px !important; }
|
|
.alone, .couple, .family, .group { background: none !important; text-align: left !important }
|
|
.hotelStyle { text-align: left !important; margin-left: 20px; }
|
|
.guideStyle { text-align: left !important; margin-left: 20px !important }
|
|
.transportStyle { text-align: left !important; margin-left: 20px !important }
|
|
.specialRequest textarea { height: 220px !important; }
|
|
#tailorRight h2 { margin-left:10px !important;}
|
|
.mobileSend { position:fixed; bottom:0; left:0; display: block; width:100%; z-index:9999}
|
|
.mobileSend input { background:#a31022; text-align:center; padding:10px 0; display: block; width:100%; border-radius: 0!important; color:#fff; font-size:16px; border: none !important;}
|
|
.mobileStart { display: block; margin-top:15px; font-size:14px;}
|
|
}
|
|
.whoTravel .groupType { display: block; padding: 60px 0 0; text-align: center; margin-left: 20px; }
|
|
.whoTravel .groupType.selected { background-color: #c1c1c1 !important; width: auto; border-radius: 4px; height: 100%; padding: 10px 0 !important; background-image: none !important; }
|
|
.whoTravel .groupType label { display: block; clear: both; width: 100%; }
|
|
.whoTravel .groupType .familyDetail { display: block; margin: 15px 0 0; padding: 0 10px; }
|
|
.whoTravel .groupType .familyDetail b { font-weight: normal; font-size: 0.9em; display: inline-block; width: 50px; float: left; }
|
|
.whoTravel .groupType .familyDetail input { width: 50px; text-align: center; border: 1px solid #555; background: #fff; border-radius: 4px; font-family: Verdana, Geneva, sans-serif; padding: 2px 0; color: #555; display: inline-block; margin-top: 0 !important; }
|
|
.whoTravel .groupType.alone { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat 11px 6px; }
|
|
.whoTravel .groupType.alone:hover { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat -245px 6px; }
|
|
.whoTravel .groupType.couple { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat 27px -256px; }
|
|
.whoTravel .groupType.couple:hover { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat -230px -256px; }
|
|
.whoTravel .groupType.family { background-image: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png); background-repeat: no-repeat; background-position: 35px -517px; }
|
|
.whoTravel .groupType.family:hover { background-image: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png); background-repeat: no-repeat; background-position: -221px -517px; }
|
|
.whoTravel .groupType.group { background-image: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png); background-repeat: no-repeat; background-position: 43px -780px; }
|
|
.whoTravel .groupType.group:hover { background-image: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png); background-repeat: no-repeat; background-position: -213px -780px; }
|
|
.datesArrival .daysBlock { margin-left: 20px; display: block; }
|
|
.datesArrival .daysBlock input[type="radio"] { width: auto !important; display: inline !important; margin-left: 0 !important }
|
|
.datesArrival .daysBlock label { display: inline-block; margin-right: 10px; }
|
|
.datesArrival { display: block; margin: 5px 0 30px; position: relative }
|
|
.datesArrival input { border: 1px solid #555; background: url(https://data.chinahighlights.com/css/images/calender.GIF) no-repeat 98% 6px #fff; padding: 6px 3px; text-align: center; width: 100%; border-radius: 4px; margin: 0 0 0 20px !important; color: #555; font-family: Verdana, Geneva, sans-serif; }
|
|
@media(max-width:750px) {
|
|
.hotelStyle { padding: 0 !important; width: auto !important }
|
|
.fiveStar, .fourStarL, .fourStarV, .threeStar { background: none !important; text-align: left !important }
|
|
}
|
|
.hotelBlock { display: block; margin: 5px 0 30px; }
|
|
.hotelBlock .hotelStyle { display: block; width: 155px; padding-top: 50px; text-align: center }
|
|
.hotelBlock .hotelStyle.fiveStar { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat 56px -1054px; }
|
|
.hotelBlock .hotelStyle.fiveStar:hover { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat -200px -1054px; }
|
|
.hotelBlock .hotelStyle.fourStarL { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat 58px -1316px; }
|
|
.hotelBlock .hotelStyle.fourStarL:hover { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat -198px -1316px; }
|
|
.hotelBlock .hotelStyle.fourStarV { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat 48px -1578px; }
|
|
.hotelBlock .hotelStyle.fourStarV:hover { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat -208px -1578px; }
|
|
.hotelBlock .hotelStyle.threeStar { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat 57px -1839px; }
|
|
.hotelBlock .hotelStyle.threeStar:hover { background: url(https://data.chinahighlights.com/pic/tailor-icon-blue.png) no-repeat -200px -1839px; }
|
|
.specialRequest { display: block; margin: 5px 0 30px; }
|
|
.specialRequest textarea { border: 1px solid #555; background: #fff; padding: 10px; height: 100px; margin-left: 27px; border-radius: 4px; font-family: Verdana, Geneva, sans-serif; color: #555; font-size: 12px; }
|
|
.citySelect { margin: 0 0 15px 17px; }
|
|
.citySelect input { margin-left: 10px !important; }
|
|
.contactInfo { display: block; margin: 5px 0 30px; }
|
|
.personalInfo { margin: 0 20px 20px; position: relative }
|
|
.personalInfo label { color: #666; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; font-family: Arial, Helvetica, sans-serif }
|
|
.personalInfo input { margin:0 !important;}
|
|
.personalInfo select { border:none; background:#f1f1f1; margin:-1px -5px 0 -10px; color:#0c6197;}
|
|
.sendInquiry { display: block; margin: 20px 25px; }
|
|
.sendInquiry input { background: #a31022; text-align: center; width: 100%; color: #fff; padding: 8px 0; border-radius: 4px; font-size: 1.8em; border: none; font-family: Arial, Helvetica, sans-serif; margin-right: 0 !important; text-shadow: 1px 1px 0 #333; cursor: pointer }
|
|
.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; }
|
|
/* Mcafee Security */
|
|
.securityArea { margin: 10px 0 0 0; }
|
|
.mcafeeIcon { width: 80px; float: left; }
|
|
.mcafeeIcon img, .Trusteicon img { height: 35px; }
|
|
.Trusteicon { width: 120px; float: left; }
|
|
/*nationality */
|
|
.ac_results { background-color: #FFF; border: 1px solid #5E5E5E; z-index:9999 }
|
|
.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: #bce7ff; 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; }
|
|
.noSpam { display: block; font-size: 0.9em; position: absolute; bottom: -20px; left: 10px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999 }
|
|
/* header & footer */
|
|
#tailorFooter { display: block; }
|
|
#tailorFooter .footerBlock { margin: 0 auto; padding-top: 40px; }
|
|
/* footer */
|
|
.footPhone1 { display: block; border-bottom: 1px solid #d1d1d1; padding: 10px 0 10px 30px; background: url(https://data.chinahighlights.com/pic/phone-icon.png) no-repeat left center; margin-bottom: 10px; }
|
|
/* -------------- */
|
|
.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; }
|
|
/* Mcafee Security */
|
|
.securityArea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333; margin-top: 15px; }
|
|
.mcafeeIcon img, .TrusteIcon img { height: 35px; display: block }
|
|
#submitLoading { width: 550px; margin: 0 auto; text-align: center; font-size: 16px; color: #a31022; height: 55px; display: none; background: #fff; padding: 10px; }
|
|
#submitLoading img { margin-top: 15px; }
|
|
.showLarge { clear: both; font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000; margin: 0 0 5px 0; }
|
|
.nationalityList { border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width: 1px; border-style: solid; color: #333; width: 248px; height: 150px; overflow-y: scroll; position: absolute; left: 0; top: 43px; z-index: 9999; background: #fff; padding: 3px 0; }
|
|
.nationalityList ul { margin: 0; padding-left: 5px; }
|
|
.nationalityList ul li { list-style: none; line-height: 18px; font-size: 12px; }
|
|
/*nationality */
|
|
.ac_results { background-color: #FFF; border: 1px solid #5E5E5E; width: 300px; }
|
|
.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: #bce7ff; 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; }
|
|
/* auto email */
|
|
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default }
|
|
.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none }
|
|
.ui-menu .ui-menu { margin-top: -3px; position: absolute }
|
|
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100% }
|
|
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 }
|
|
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal }
|
|
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px }
|
|
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5 }
|
|
.ui-menu .ui-state-disabled a { cursor: default }
|
|
.ui-menu-icons { position: relative }
|
|
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em }
|
|
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em }
|
|
.ui-menu .ui-menu-icon { position: static; float: right }
|
|
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em }
|
|
.ui-widget .ui-widget { font-size: 1em }
|
|
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana, Arial, sans-serif; font-size: 1em }
|
|
.ui-widget-content { border: 1px solid #aaa; background: #fff url(/css/ui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222 }
|
|
.ui-widget-content a { color: #222 }
|
|
.ui-widget-header { border: 1px solid #aaa; background: #ccc url(/css/ui/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222; font-weight: bold }
|
|
.ui-widget-header a { color: #222 }
|
|
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555 }
|
|
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none }
|
|
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121 }
|
|
.ui-helper-hidden-accessible { display: none }
|
|
.tourSelected { display: block; background: #fff; box-shadow: 0 0 2px #000; border-radius: 4px; margin: 10px -15px 15px -5px; padding: 10px 20px; }
|
|
.tourSelected ul { margin: 0 }
|
|
.tourSelected ul li { line-height: 20px; margin-bottom: 5px; font-size: 16px; padding-left: 15px; }
|
|
.tourSelected ul li strong { color:#999; font-weight: normal;}
|
|
.tourSelected ul li.first { margin-bottom: 10px; font-size: 20px; padding-left: 0; }
|
|
.requiredArea { border-bottom: 1px dashed #a31022; clear: both; color: #a31022; display: block; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; margin-top: 10px; padding: 2px 0 4px 10px; }
|
|
|
|
/* rewrite icons style */
|
|
@media(max-width:750px) {
|
|
.fa-fw, .fa-globe, .fa-phone { font-size:20px !important;}
|
|
.personalInfo input { font-size: 14px !important; font-weight: normal; padding:7px 3px 7px 10px !important; background-color: #fff; color: #333; width: 100%; font-family:Arial, Helvetica, sans-serif; border-radius:2px; margin:0 !important;}
|
|
.form-control { height: auto !important;}
|
|
}
|
|
.fa-fw, .fa-globe, .fa-phone { color:#0c6197; font-size:16px !important; width:2em !important;} |