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.

84 lines
7.0 KiB
CSS

@charset "utf-8";
/* CSS Document */
h2 { color:#a31022; font-size:20px; margin:35px 0 25px !important;}
.fa-map-marker { border:1px solid #a31022; width:35px; height:35px; text-align:center; border-radius:50%; margin-right: 10px; padding-top:5px; font-size:110%;}
.fa-question { border:1px solid #a31022; width:35px; height:35px; text-align:center; border-radius:50%; margin-right: 10px; padding-top:5px; font-size:110%;}
.fa-book { border:1px solid #a31022; width:35px; height:35px; text-align:center; border-radius:50%; margin-right: 10px; padding-top:6px; font-size:100%;}
.fa-gift { border:1px solid #a31022; width:35px; height:35px; text-align:center; border-radius:50%; margin-right: 10px; padding-top:5px; font-size:110%;}
.fa-sign-in { border:1px solid #a31022; width:35px; height:35px; text-align:center; border-radius:50%; margin-right: 10px; padding-top:5px; font-size:110%;}
.fa-newspaper-o { border:1px solid #a31022; width:35px; height:35px; text-align:center; border-radius:50%; margin-right: 10px; padding-top:8px; font-size:80%;}
.fa-picture-o { border:1px solid #a31022; width:35px; height:35px; text-align:center; border-radius:50%; margin-right: 10px; padding-top:8px; font-size:80%;}
.fa-certificate { border:1px solid #a31022; width:35px; height:35px; text-align:center; border-radius:50%; margin-right: 10px; padding-top:5px; font-size:110%;}
/* greeting cards style */
.topThingsList { width: 350px; float: left; margin-right: 5px; margin-bottom: 5px; margin-top: 15px; padding: 10px; height: 100px; background-color: #F9F9F9; border: 1px solid #d1d1d1; }
.topThingsList h4 { font-size: 12px; margin: 0 0 10px 0; display: block; }
.topThingsList .photo { float: left; width: 90px; height: 80px; margin-right: 5px; }
/*Right Content*/
#contentRight h3 { font-weight: bold; }
#sideBar { margin-top: 5px; }
#sideBar p { margin-bottom: 10px; }
#sideBar .navLeft { margin-bottom: 20px; border-top: 5px solid #a31022; text-align: left; }
#sideBar .navLeft li { list-style: none; margin: 0; padding: 0; background: #fff url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 8px -692px; line-height: 30px; border-top: 1px solid #fff; border-bottom: 1px dotted #ccc; position: relative; display: block; }
#sideBar .navLeft a { display: block; font-size: 11px; }
#sideBar .navLeft a:link, #sideBar .navLeft a:visited, #sideBar .navLeft a:hover, #sideBar .navLeft a:active { text-decoration: none; cursor: pointer; font-size: 13px; }
#sideBar .navLeft a:link, #sideBar .navLeft a:visited { color: #a1a1a1 }
#sideBar .navLeft a:hover { color: #A31022; background-color: #f4f4f4; background: url(https://data.chinahighlights.com/css/images/sprites.gif) no-repeat 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 .facts { border: 1px solid #e8e8e8; background: #f9f9f9; margin: 0 0 10px 0; }
#sideBar .facts h2 { font-size: 15px; text-transform: none; }
#sideBar .facts ul { list-style: none; margin: 0; padding: 0; }
#sideBar .facts ul li { font-size: 11px; color: #666; line-height: 14px; margin-bottom: 7px; list-style-image: url(https://data.chinahighlights.com/css/images/arrow-gray.gif); margin-left: 12px; }
#sideBar .otherContact { border: 1px solid #D1D1D1; margin: 0 10px 15px 2px; width: 185px; }
#sideBar .otherContact h5 { border-bottom: 1-px solid #d1d1d1; font-size: 15px; background: url(https://data.chinahighlights.com/css/images/arrow4.gif) no-repeat 175px 5px; margin: 5px 0 8px 0; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px }
#sideBar .otherContact ul { margin-left: 5px }
#sideBar .otherContact ul li { list-style: none; background: url(https://data.chinahighlights.com/pic/arrow-r.GIF) no-repeat left 7px; padding-left: 15px; line-height: 20px; margin-bottom: 5px; }
.FestivalPhoto { font-size: 14px; font-style: italic; margin-top: 10px; text-align: center; margin-bottom:15px; }
.FestivalPhoto img { border-radius:4px; margin-bottom:10px;}
.FestivalPhoto a { text-decoration: none; }
.FestivalPhoto a:hover { color: #a31022; }
/* fixed main menu */
#header { position: fixed !important; z-index: 9999; top: 0; width: 100%; }
#contentHead { padding-top: 110px; }
/* left menu */
ul.leftNav { margin: 0; background: #f9f9f9; margin-bottom:10px; border-top:2px solid #a31022;}
ul.leftNav li { border-bottom: 1px solid #e4e4e4; line-height: 15px; padding: 8px 5px 8px 12px; list-style: none; border-bottom: 2px solid #fff; }
ul.leftNav li.mainTitle { background: #dfdfdf; padding: 10px 5px 10px 12px; font-size: 13px; font-weight: bold; color: #333; margin-bottom: 1px; border-bottom: none }
ul.leftNav li.mainTitle a { color: #333; text-decoration: none; }
ul.leftNav li.mainTitle a:hover { color: #a31022; }
ul.leftNav li a, ul.leftNav2 li a { color: #666; text-decoration: none; display: block; }
ul.leftNav li a:hover, ul.leftNav2 li a:hover { color: #a31022; }
ul.leftNav li.active { color: #fff; border-bottom: 2px solid #a31022; border-top: 1px solid #a31022; font-weight: bold; background: #a31022 }
ul.leftNav li.active a, ul.leftNav2 li.active a { color: #fff; }
ul.leftNav li.mainNav { background: #f1f1f1; padding: 7px 5px 8px 12px; font-size: 13px; color: #333; margin-bottom: 1px; border-bottom: none }
ul.leftNav.lessNav { border: none; margin-bottom: 15px; }
ul.leftNav li.subNav.active { background: #a31022; }
ul.leftNav li.subNav.active a { color: #fff!important }
ul.floatList { display: block; overflow:hidden; margin-bottom:30px;}
ul.floatList li { width:140px; display: block; float: left;}
.articleList { display: block;}
.articleList img { margin-bottom:10px; border-radius:4px 4px 0 0;}
.articleList a { text-decoration: none;}
@media(max-width:750px) {
ul.floatList li { margin-bottom: 15px;}
.articleList { overflow: hidden; margin-bottom: 20px;}
}
/* author */
.tourPublishers .publishintros { font-size: 11px; line-height: 22px; margin-top: 30px; }
.publishPic { margin-right: 15px; }
.publishintros ul.author li { list-style: none; line-height: 25px; }
.publishintros ul.author a.email { text-decoration: underline; background: url(/image/travelguide/city-guide/email.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; }
.publishintros ul.author a.feedback { text-decoration: underline; background: url(/image/travelguide/city-guide/message.gif) no-repeat; padding-left: 30px; padding-bottom: 10px; }
.chtqrcode { float: right; width: 97; height: 130px; }
.chtqrcode img { display: block; }
.videoBlock { display: block; margin-top:50px;}
/* articles list style */
#articleRecommend .articleTitle { font-size: 13px!important;}
@media(max-width:760px) {
#contentHead { padding-top: 10px !important;}
.articleList { font-size: 14px !important;}
.articleList img { width: 100px; float: left; margin: -2px 15px 0 0!important; border-radius: 4px 0 0 4px!important;}
}
.photoRight400 { width:400px; float: right; margin:0 0 20px 20px; display: block;}
.photoRight400 img { width:100%;}