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.

47 lines
4.3 KiB
CSS

@charset "utf-8";
/* CSS Document */
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; }
.B-guidebook { background: url(/css/images/guide/bg-city/banner-travel-info.jpg) right 40px no-repeat #f3f3f3!important; }
#chinesefood { background-color: #FFF; border-bottom: 10px; border-bottom-color: #dfdfdf; }
#chinesefood .foodlist { display: block; padding: 8px 15px; border: #dfdfdf solid 1px; width: 375px; float: left; margin: 0 4px 10px 8px; height: 550px; }
#chinesefood .foodlist img { width: 355px; }
#chinesefood .foodlist h2 { font-weight: normal; width: 100%; float: left; font-size: 20px; color: #a31022; padding-bottom: 10px; font-weight: bold; }
#chinesefood .foodlist p { line-height: 18px; float: left; padding: 5px 0; }
/* nav left */
.navLeft { margin: 0 0 20px 0; padding: 0; border-top-width: 5px; border-top-style: solid; border-top-color: #A31022 }
.navLeft ul { position: static; margin: 0; padding: 0 }
.navLeft li { list-style: none; margin: 0; padding: 5px 0; background: #fff; background: #fff url(/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 }
.navLeft li a { text-decoration: none; }
/* info right */
@media(min-width:1000px) {
.rightBox { padding: 5px 0 13px 13px !important; }
.rightContent { border-left: 1px solid #c9c9c9 !important; margin-bottom:15px; }
}
.rightContent { border-left: none }
.rightContent .rightBox { padding: 10px 0; border-bottom: 1px solid #c9c9c9; height: 100%; overflow: hidden }
.rightContent .rightBox img { width: 100% }
.rightContent .rightBoxNews { border-bottom: 1px solid #c9c9c9; padding: 0 0 13px 13px; margin-bottom: 10px; background: #f0f0f0; }
.rightContent .rightBoxNews .newsTitle { padding-top: 8px; padding-left: 5px; font-size: 16px; }
.rightContent .rightBoxNews ol { margin: 0; padding-left: 0px; }
.rightContent .rightBoxNews ol li { list-style: none; list-style-position: outside; line-height: 20px; margin-bottom: 10px; }
.rightContent .rightBoxNews ol li .topNumber { background: url(/css/images/guide/bg-city/bg-top-number.png) no-repeat left; width: 13px; height: 15px; display: block; color: #fff; float: left; text-align: center; padding: 0 2px 6px 0; margin-right: 10px; font-size: 12px; }
.rightContent .rightBoxNews ol li a { text-decoration: none; color: #336699; }
.rightContent .rightBoxNews ol li a:hover { text-decoration: underline; }
.rightContent .rightBoxNews ul { margin-left: 0; }
.rightContent .rightBoxNews ul li { background: url(/css/images/drop-1.gif) no-repeat left 6px; padding-left: 15px; list-style: none; line-height: 20px; margin-bottom: 5px; }
.rightContent .rightBoxNews ul li a { text-decoration: none; }
.rightContent .rightBoxNews ul li a:hover { text-decoration: underline; }
.rightContent .rightBox h4, .rightContent .rightBox h3 { font-size: 16px; margin: 0 0 10px 0; font-weight: normal; color: #000 }
.rightContent .rightBox h4 a, .rightContent .rightBox h3 a { font-size: 16px; text-decoration: none; color: #000 }
.rightContent .rightBox h4 a:hover, .rightContent .rightBox h3 a:hover { text-decoration: underline; color: #a31022; }
.rightContent .rightBox ol { margin: 0; padding-left: 15px; float: left; }
.rightContent .rightBox ol li { line-height: 20px; margin-bottom: 10px; font-size: 14px; }
.rightContent .rightBox ol li .topNumber { background: url(/css/images/guide/bg-city/bg-top-number.png) no-repeat left; width: 13px; height: 15px; display: block; color: #fff; float: left; text-align: center; padding: 0 2px 6px 0; margin-right: 10px; font-size: 12px; }
.rightContent .rightBox ol li a { text-decoration: none; }
.rightContent .rightBox ol li a:hover { text-decoration: underline; }
.rightContent .rightBox ul { margin-left: 0; }
.rightContent .rightBox ul li { background: url(/css/images/drop-1.gif) no-repeat left 6px; padding-left: 15px; list-style: none; line-height: 20px; margin-bottom: 5px; font-size: 14px }
.rightContent .rightBox ul li a { text-decoration: none; }
.rightContent .rightBox ul li a:hover { text-decoration: underline; }