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.
152 lines
14 KiB
CSS
152 lines
14 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
h2 { background: url(https://data.chinahighlights.com/css/images/border-1px.png) repeat-x 5px center; width: 100%; font-size: 30px !important; font-weight: 300 !important; text-align: center; margin: 25px 0 40px !important; display: block; }
|
|
h2 span { background: #fff; padding: 0 15px; margin-top: -15px; display: inline-block; }
|
|
.TopPhoto { margin-bottom: 10px; position:relative }
|
|
@media(min-width:1500px) {
|
|
.TopPhoto img { width:100%;}
|
|
}
|
|
.TopThingsArticles { margin-top: 50px; }
|
|
.BestChinaArticles { margin-top: 100px; }
|
|
.maptop { margin-top: 40px; }
|
|
.firstParagraph { font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 300; line-height: 25px; display: block; margin: 25px 0; }
|
|
.TopPhoto h1 { display: block; border-bottom: none; font-family: 'Open Sans', sans-serif; font-size: 80px; font-weight: 600; position: absolute; bottom: 100px; width: 100%; text-align: center; color: #fff; text-shadow: 2px 2px 2px #333; }
|
|
.Title2 { background: url(/image/travelguide/index/bg-2.png) 0 1px no-repeat; z-index: 10 }
|
|
.TopThings { margin-bottom: 40px; }
|
|
h2.topthingtitle { color: #a31022; font-family: impact; font-size: 50px; }
|
|
.ThingsTitle { font-size: 50px; color: #999; font-family: impact; margin-left: 182px; margin-top: 165px; }
|
|
.firstarticle { margin-bottom: 30px; }
|
|
.toptitle { background: #f1f1f1; display: block; padding: 10px 40px 15px 30px; border-top: 4px solid #a31022; position: relative; box-shadow: 0 2px 3px #d1d1d1; }
|
|
.firstarticle a { text-decoration: none; font-size: 18px !important; font-family: 'Open Sans', sans-serif!important; font-weight: 300; color: #444 }
|
|
.arrowTo { position: absolute; top: 10px; right: 15px; }
|
|
.toptitle:hover .arrowTo { right: 20px !important; }
|
|
.topmoretitle { border-top: 1px solid #FFF; padding-bottom: 15px; text-align: center; padding-top: 15px; }
|
|
.morearticle { padding: 0; background: #eeeeee; width: 200px; text-align: center; }
|
|
span.big { font-size: 30px; font-weight: bold; }
|
|
.MoreTopThings { font-size: 22px; color: #a31022; height: 228px; padding-top: 45px; }
|
|
.linetitlebox { margin-bottom: 15px; margin-top: -20px; }
|
|
.linetitle { background: none repeat scroll 0 0 #FFFFFF; font-size: 24px; padding: 0 10px; }
|
|
.linebox { margin-top: 20px; margin-bottom: 30px; margin-top: 60px; }
|
|
.text-center { text-align: center; }
|
|
.line { background: none repeat scroll 0 0 #CCCCCC; height: 1px; width: 100%; }
|
|
.topcitytitle { background: #eeeeee; padding-bottom: 15px; text-align: center; font-size: 14px; padding-top: 15px; }
|
|
.topcity { margin-bottom: 30px; }
|
|
.topcity img { width: 100%; }
|
|
.culture { background: url(/image/travelguide/best-china/culture-background.jpg) no-repeat; }
|
|
.culture h2 { color: #a31022; font-size: 75px; font-family: brushTip-C; margin-top: 45px; margin-bottom: -5px; }
|
|
.culturetitle { background: #FFF; padding-bottom: 15px; text-align: center; font-size: 14px; padding-top: 15px; }
|
|
.culturearticle { margin-top: 25px; margin-bottom: 20px; }
|
|
.culturearticle img { width: 100% }
|
|
.naturalscenery { background: url(/image/travelguide/best-china/natural-scenery-jiuzhaigou.jpg) no-repeat; height: 450px; margin-bottom: 40px; }
|
|
.scenerytop { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); color: #FFF; margin-top: 335px; padding-top: 5px; padding-left: 160px; padding-right: 160px; }
|
|
.sceneryarticle { margin-bottom: 20px; }
|
|
.sceneryarticle img { width: 100%; }
|
|
.months { padding-left: 4px; padding-right: 0; }
|
|
.interest { margin-top: 10px; }
|
|
.interest img { width: 100%; }
|
|
span.interestblank { color: #FFF; position: absolute; padding-top: 70px; top: 1px; text-align: center; font-size: 15px; text-indent: -99999px; left: 15px; margin-right: 0; padding-bottom: 72px; right: 15px; }
|
|
a { text-decoration: none; }
|
|
a:hover { text-decoration: underline; }
|
|
a:hover span.interestblank { color: #FFF; position: absolute; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); right: 0; text-align: center; left: 0; font-size: 15px; color: #FFF; padding-top: 70px; top: 0; text-indent: 0; margin-right: 10px; }
|
|
.topthing { padding: 0; }
|
|
.links { border-top: 1px solid #000; margin-top: 40px; padding-top: 30px; }
|
|
.attractionTop { width: auto; background: #8c8c8c; border: 1px solid #b2b2b2; padding: 0 10px 10px 10px; margin: 0 0 15px 0; }
|
|
.attractionBoxB { background: #FFFFFF; margin-top: 0px; }
|
|
.attractionBoxS { width: 150px; height: 130px; background: url(https://data.chinahighlights.com/css/images/box-shade.gif) no-repeat 5px 10px; float: left; margin: 0 8px 30px 10px; }
|
|
.attractionBoxPhoto { margin-left: 13px; margin-top: 10px; }
|
|
.attractionBoxPhoto img { padding-top: 8px; padding-left: -2px; }
|
|
.attractionBoxTitle { width: 130px; margin-top: 15px; float: left; margin-left: 10px; font-size: 11px; text-align: center; }
|
|
.attractionBoxTitle a { text-decoration: none; color: #545454; }
|
|
.attractionListDetail { margin-bottom: 20px; border: 1px solid #d1d1d1; padding: 5px; }
|
|
.attractionListInfo { border-bottom: #d1d1d1 dashed 1px; margin-bottom: 10px; height: 100%; overflow: hidden; }
|
|
.attractionListInfo .infoTitle { display: block; margin: 0 0 8px 0; font-size: 17px; }
|
|
.attractionListInfo img { padding-right: 10px; }
|
|
.attractionListDetail ul { margin-left: 10px; padding-left: 0; height: 100%; overflow: hidden; }
|
|
.attractionListDetail ul li { line-height: 18px; margin-bottom: 6px; background: url(https://data.chinahighlights.com/css/images/drop-1.GIF) no-repeat 0px 6px; padding: 0 0 0 12px; width: 150px; float: left; list-style: none; margin-right: 5px; }
|
|
ul.twoColumn li { width: 220px!important; margin-right: 5px; }
|
|
h2.categoryTitle { background: none repeat scroll 0 0 #E2E2E2 !important; border-left: 8px solid #BDBDBD; clear: both; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; margin-bottom: 15px; padding: 5px 0 5px 15px; color: #a31022 }
|
|
h2.categoryTitle a { text-decoration: none; }
|
|
.popularList { width: auto; border: 1px solid #b2b2b2; margin: 0 0 5px 0; }
|
|
.popularList h2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #545454; padding-left: 12px; margin-top: 10px; }
|
|
#popularListDetail { background: #fff; padding: 15px 0 0 15px; }
|
|
#popularListDetail .photo { width: 140px; float: left; margin: 0 15px 10px 12px; font-size: 11px; height: 145px; text-align: center }
|
|
#popularListDetail .photo a { text-decoration: none; }
|
|
#popularListDetail .photo a:hover { text-decoration: underline; color: #a31022; }
|
|
#popularListDetail .photo img { margin-bottom: 5px; }
|
|
.TopListCityPhoto { display: block; float: left; margin-right: 10px; }
|
|
/* style for China Museum */
|
|
.area2 { position: relative; -moz-border-radius: 3px; border: 1px solid #d1d1d1; line-height: 20px; margin: 25px 0 10px 0; padding: 13px 10px 0 10px; width: 350px; float: left; height: 190px; }
|
|
.area2 ul { clear: both!important; }
|
|
.area2 .areaHead { padding: 0 6px; background-color: #fff; position: absolute; left: 10px; top: -12px; font-size: 18px; }
|
|
.area2 .areaHead a { color: #545454; text-decoration: none; font-size: 18px; }
|
|
.area2 img { margin: 7px 15px 0 0 }
|
|
.area2 .imgright { margin-left: 8px; }
|
|
.area2 p { margin: 0px; }
|
|
.allTopListDetail ul { margin: 0 0 10px 0; height: 100%; overflow: hidden; }
|
|
.allTopListDetail ul li { list-style: none; background: url(https://data.chinahighlights.com/css/images/drop-1.GIF) no-repeat left 6px; padding-left: 18px; line-height: 18px; margin-bottom: 5px; margin-left: 0; width: 240px; float: left; }
|
|
/* products search */
|
|
ul#product-search-nav { margin: 0; padding: 0; color: #444; height: 40px; width: 220px; overflow: hidden; background: url(https://data.chinahighlights.com/css/images/bg-search-nav-220.jpg) no-repeat left -2px; }
|
|
ul#product-search-nav li { float: left; text-align: center; list-style: none; }
|
|
ul#product-search-nav li a { display: block; padding: 25px 8px; color: #f6f6f6; height: 12px; font-weight: bold; font-size: 11px; text-decoration: none; }
|
|
ul#product-search-nav li a:hover { color: #444444; }
|
|
ul#product-search-nav li a:focus { outline: 0; }
|
|
ul#product-search-nav li a.tour { width: 38px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-right: 1px solid #bdbdbd; }
|
|
ul#product-search-nav li a.tourSelected { background: url(https://data.chinahighlights.com/css/images/bg-search-nav-220.jpg) no-repeat left -50px; color: #9c0027; }
|
|
ul#product-search-nav li a.cruise { width: 37px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; padding: 25px 12px 25px 4px; }
|
|
ul#product-search-nav li a.cruiseSelected { background: url(https://data.chinahighlights.com/css/images/bg-search-nav-220.jpg) no-repeat -55px -50px; color: #9c0027; }
|
|
ul#product-search-nav li a.hotel { width: 37px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; }
|
|
ul#product-search-nav li a.hotelSelected { background: url(https://data.chinahighlights.com/css/images/bg-search-nav-220.jpg) no-repeat -110px -50px; color: #9c0027; }
|
|
ul#product-search-nav li a.flight { width: 37px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-left: 1px solid #bdbdbd; }
|
|
ul#product-search-nav li a.flightSelected { background: url(https://data.chinahighlights.com/css/images/bg-search-nav-220.jpg) no-repeat -166px -50px; color: #9c0027; }
|
|
.productBox .productTitle { font-size: 16px; line-height: 20px; display: block; margin: 5px 0; }
|
|
.productBox { padding: 5px 5px 10px 5px; background: #fff url(https://data.chinahighlights.com/css/images/bg-search.gif) no-repeat left bottom; border-left: 2px solid #BDBDBD; border-right: 2px solid #BDBDBD; border-bottom: 2px solid #BDBDBD; margin-bottom: 10px; }
|
|
.productBox table { font-size: 11px; }
|
|
.productBox table tr td { text-align: left; margin-bottom: 3px; padding: 0 0 6px 0; font-size: 10px; }
|
|
.productBox img.searchStyle { margin: 5px 83px 5px 0; float: right; }
|
|
.productBox ul li { list-style: none; }
|
|
.productBox .flightCity { background: #fff url(https://data.chinahighlights.com/css/images/flight/menu.png) 140px center no-repeat; -moz-background-clip: border; -moz-background-inline-policy:continuous -moz-background-origin:padding;
|
|
border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; width: 153px; }
|
|
.productBox a:link, .productBox a:visited { size: 11px; color: #545454; }
|
|
.productBox a:hover { text-decoration: none; color: #a31022; }
|
|
.productBox label { width: 80px; line-height: 14px; padding-top: 10px; font-size: 10px; }
|
|
.productBox label.noPadding { padding-top: 5px; }
|
|
.searchBoxinput200 { width: 200px; }
|
|
.searchBoxinput250 { width: 250px; }
|
|
.searchBoxinput100a { width: 100px; margin: 8px 0 0 29px; }
|
|
.searchBoxinput80 { width: 80px; margin: 5px 0 0 0; }
|
|
.searchBoxinput50 { width: 50px; margin: 10px 0 0 0; }
|
|
.searchBoxinput100 { width: 100px; margin: 5px 0 0 0; }
|
|
.searchBoxinput130 { width: 130px; margin: 5px 0 0 0; }
|
|
.searchBoxinput300 { width: 300px; margin: 8px 0 0 29px; }
|
|
.searchBoxinput120 { width: 120px; margin: 10px 0 0 0; }
|
|
.productBox input { background: #fff; color: #666; font-family: Verdana, Sans-Serif; font-size: 11px; line-height: 16px; margin: 5px 0 5px 0; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width: 1px; border-style: solid; }
|
|
.productBox select { background: #fff; color: #666; font-family: Verdana, Sans-Serif; font-size: 11px; line-height: 16px; margin: 5px 0 5px 0; height: 21px; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width: 1px; border-style: solid; }
|
|
.productBox textarea { background: #fff; color: #666; font-family: Verdana, Sans-Serif; font-size: 11px; line-height: 16px; margin: 5px 0 5px 0; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width: 1px; border-style: solid; }
|
|
.productBox input:focus, .productBox textarea:focus, .productBox select:focus, .productBox input.nobg:focus { border: 1px solid #a31022; background-color: #f1f1f1; }
|
|
.productBox input { background: #fff url(https://data.chinahighlights.com/css/images/calender.GIF) 120px center no-repeat; width: 133px; padding: 4px 3px; border: 1px solid #F3CB76; }
|
|
.productBox input.nobg { background: #fff; width: 133px; border: solid 1px #ddd; }
|
|
.productBox input.radio { width: 18px; border: 1px solid #fff; margin-top: 5px; float: left; }
|
|
.productBox select { width: 140px; }
|
|
.productBox select option { padding-left: 5px; background: #fff; border-bottom: 1px solid #eee; font-size: 12px; }
|
|
.productBox .productboxcity { font-size: 10px; width: 190px; background: #fff; border: 1px solid #DDDDDD; float: left; padding: 5px 0 5px 5px; }
|
|
.productBox .productboxcity td { padding: 2px 5px 5px 2px; color: #666; vertical-align: middle; line-height: 12px; }
|
|
.productBox input.checkbox { background: #fff; width: 16px; padding: 2px 0 2px 2px; border: none; margin-top: -3px; margin-bottom: 0px; vertical-align: middle; margin-right: 0 }
|
|
.productBox textarea { width: 140px; height: 40px; margin-top: 5px; }
|
|
.productBox .advancedSearch { float: right; font-size: 11px; bottom: 5px; }
|
|
.productBox .advancedSearch a { color: #9c0027; }
|
|
.allWidth { width: 100%; }
|
|
/* top highlights */
|
|
.readMoreBtn { text-align: center; font-size: 18px; width: 250px; margin: 20px auto 40px; display: block; border-radius: 6px; border: 2px solid #a31022; font-weight: 400; }
|
|
.readMoreBtn a { color: #a31022; text-decoration: none; display: block; padding: 5px 10px;font-family: 'Open Sans', sans-serif; }
|
|
.tailorLast { display: block; margin:40px 0 -20px; font-size:25px; font-family: 'Open Sans', sans-serif; line-height:40px; text-align:center; color:#333; font-weight:300; background: url(https://data.chinahighlights.com/css/images/aboutus/arrow-with-bg.jpg) no-repeat top center #e7e8ea; position:relative; padding:40px 0 30px;}
|
|
.tailorLast span { text-align:center; font-size:20px; width:250px; margin:20px auto; display: block; border-radius:6px; border:2px solid #a31022; font-weight:400;}
|
|
.tailorLast span a { color:#a31022; text-decoration: none; display: block; padding:1px 10px;}
|
|
.tailorLast span .fa { font-size:120%; margin-left:15px;}
|
|
.tourPackage { background: #e7e8ea; border-radius: 0 0 6px 6px; margin-bottom: 25px; padding: 15px; border-top: none; }
|
|
.tourPackage h3 { font-size: 20px; font-family: 'Open Sans', sans-serif; margin: 5px 0 10px; min-height: 45px; }
|
|
.tourPackage .destinations { color: #777; display: block; height: 40px; margin: 10px 0; }
|
|
.tourPackage .viewDetail { background: #a31022 none repeat scroll 0 0; border-radius: 4px; display: block; margin: 10px 0; text-align: center; }
|
|
.tourPackage .viewDetail a { color: #fff; font-size: 15px; text-decoration: none; display: block; padding: 6px 0; }
|
|
.tourPackage p { min-height: 110px; display: block; }
|
|
.popularTours img { border-radius:4px 4px 0 0;}
|