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.

124 lines
10 KiB
CSS

body { margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; background-color:#d3d3d3; line-height: 1.8em; }
* { margin:0px; padding:0px; }
.clear { font-size:1px; height:1px; line-height:1px; clear:both; }
#wrapper { width:1024px; margin:0px auto; background-color:#fff; }
#wrapper #header { height:239px; background-color:#f4f4f4; }
#wrapper #header #logo { width:245px; text-align:center; padding-top:60px; float:left; }
#wrapper #header #banner { width:779px; float:right; height:239px; background-image: url(https://data.chinahighlights.com/css/images/banner/china-guide/chinese-food.jpg); background-repeat:no-repeat; }
#wrapper #header #banner #secNav { height:24px; width:366px; background-image:url(/image/travelguide/chinese-festivals/nav-bg.gif); background-repeat:no-repeat; margin-left:400px; color:#fff; font-weight:bold; }
#wrapper #header #banner #secNav p { margin-left:10px; }
#wrapper #header #banner #secNav a { color:#fff; }
#wrapper #menu { color:#fff; position:relative; top:-28px; }
#wrapper #menu ul { background-image:url(/image/travelguide/chinese-food/menu-bg.gif); background-repeat:no-repeat; list-style:none; height:35px; padding:0px; margin:0px; padding-left:80px; }
#wrapper #menu ul li { display:block; float:left; line-height:27px; }
#wrapper #menu a { color:#fff; font-weight:bold; text-decoration:none; padding-right:7px; padding-left:2px; }
#wrapper #menu a:hover { color:#999; }
#wrapper #contentWrapper { padding:10px 20px; background-color:#fff; padding-top:0px; top:-10px; }
#wrapper #contentWrapper #contentLeft { background-color:#fff; }
#wrapper #contentWrapper #contentLeft a { color:#000; }
#wrapper #contentWrapper #contentLeft a:hover { color:#04018F; text-decoration:none; }
#wrapper #contentWrapper #contentRight { width:224px; float:right; background-color:#f4f4f4; }
#wrapper #contentWrapper #contentLeft h1 { font-size:24px; text-align:center; padding:25px 0px; padding-bottom: 20px; color:#717171; }
#wrapper #contentWrapper #contentLeft h2 { font-size:18px; text-align:left; padding:15px 0px; padding-bottom: 8px; border-bottom:#a31022 2px solid; line-height:20px; }
#wrapper #contentWrapper #contentLeft h2 a { text-decoration:none; }
#wrapper #contentWrapper #contentLeft h3 { font-size:14px; margin:0px; padding:0px; padding-top: 8px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }
#wrapper #contentWrapper #contentRight h4 { font-size:12px; text-align:center; background-color:#999; color:#fff; padding:10px 0px; margin-bottom:5px; }
#wrapper #contentWrapper #contentLeft .article { padding: 0px; text-align:justify; padding-right:20px; background-color: #FFFFFF; }
#wrapper #contentWrapper #contentLeft .article img { margin: opx 10px 5px 0px; }
#wrapper #contentWrapper #contentLeft .article img a { text-decoration: none; }
#wrapper #contentWrapper #contentLeft .article .background { padding: 5px 0px 4px 4px; font-size:12px; width:455px; float:left; margin-right:20px; }
#wrapper #contentWrapper #contentLeft .article .background1 { padding: 5px 0px 4px 4px; font-size:12px; }
#wrapper #contentWrapper #contentLeft .article .background1 img { padding:5px; border:#34393e 1px solid; margin:3px; }
#wrapper #contentWrapper #contentLeft .article .background1 img .select { border:hidden; }
#wrapper #contentWrapper #contentLeft .article .background1 p { margin: 0px; }
#wrapper #contentWrapper #contentLeft .article .background p { margin: 0px; }
span.price { font-size:14px; font-weight:bold; color:#a31022; padding-left:5px; }
#wrapper #contentWrapper #contentLeft .article .background img { padding:5px; border:#34393e 1px solid; margin:3px; }
#wrapper #contentWrapper #contentLeft .article1 { padding: 0px; text-align:justify; padding-right:20px; background-color:#F2F2F2; }
#wrapper #contentWrapper #contentLeft .article a { color:#000; }
#wrapper #contentWrapper #contentLeft .article a:hover { color:#a31022; text-decoration:none; }
#wrapper #contentWrapper #contentLeft .article a:visited { color:#039; }
#wrapper #contentWrapper #contentLeft ul { list-style: none; }
#wrapper #contentWrapper #contentLeft ul li { width:350px; display:block; float:left; list-style: none; padding-left:15px; background-image:url(https://data.chinahighlights.com/pic/arrowcity.gif); background-repeat:no-repeat; background-position:left 6px; }
#wrapper #contentWrapper #contentLeft .article p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#34393e; margin: 10px 5px 0 5px; }
.imgBorder { border:#34393e 3px solid; margin:15px auto; }
.imgBorder1 { border:#34393e 2px solid; margin:5px auto; }
.previousImg { padding:2px 5px; text-align:left; border:#b1221c 3px solid; }
#imagePrev { padding:2px 5px; text-align:left; }
#imagePrev img { border:#34393e 1px solid; margin:3px; width:80px; height:80px; padding:3px; }
#imagePrev .previousImg { border:#b1221c 3px solid; }
#imagePrev img:hover { border:#b1221c 2px solid; }
#wrapper #contentWrapper #contentRight ul li { padding-left:18px; background-image:url(https://data.chinahighlights.com/pic/arrowcity.gif); background-repeat:no-repeat; background-position:5px 7px; list-style:none; margin-bottom:15px; }
#wrapper #contentWrapper #contentRight a { color:#000; text-decoration:underline; }
#wrapper #contentWrapper #contentRight a:hover { color:#a31022; }
.redBorderBottom { border-bottom:#a31022 1px dashed; }
img.photo { margin-right:10px; border:#ccc 1px solid; }
.marginTop { margin-top:15px; }
.table1 { border: 1px solid silver; border-top:2px solid #A31022; border-collapse:collapse; text-align: center; vertical-align: middle; font-size:98%; }
.table1 td { padding:4px 2px; border: 1px solid #f0f0f0; line-height:15px }
.table1 td.schedule { padding-top: 10px; border: 1px solid #e4e4e4; font-size:11px; color:#777; text-align:left; vertical-align: top; }
.table1 td.schedule a:link;
.table1 td.schedule a:visited { font-size:11px; color:#222; }
.table1 td.schedule div.datecalendar { font-size:18px; color:#a31022; font-weight:bold; text-align:center; }
.table1 tr th { text-align:center; border: 1px solid #fff; font-size:95%; background: #efefef; line-height:15px; }
.table1 thead th { color:#fff; font-size:105%; background: #a1a1a1; padding: 6px }
.table1 tbody th { color:#000; font-size:97%; background: #efefef; padding: 4px }
.table1 tbody th.sub { font-size:95%; color:#000; background: #f8f8f8; text-align:left; }
.photo { width:160px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding: 0 20px; background-color:#f4f4f4; margin:10px; }
.photo img { border:1px solid #CECECE; padding:5px; width:150px; height:112px; margin:5px; margin-left:0px; }
.photo img:hover { border:#a31022 1px solid; }
.smallfont { font-size:11px; line-height:13px; }
.photo a:link { text-decoration:none; }
{
width:44%;
margin:5px 1% 5px 1%;
padding: 3px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.photoIndexTop:hover { background-color:#f1f1f1; }
.pagination { background: #e4e4e4; color:#666; padding: 0; border: 1px solid #d3d3d3; margin: 0 }
.pagination p { position:relative; text-align:left; }
.pagination p a:link, .pagination p a:visited, .pagination1 p a:hover, .pagination1 p a:active { text-decoration:none; background:#fff; padding:2px 5px; border: 1px solid #ccc }
.pagination p a:hover { background:#A31022; color:#fff }
.pagination p span { text-decoration:none; background:#fff; padding:2px 5px; border: 1px solid #ccc; color:#ccc }
.pagination #now { text-decoration:none; background:#A31022; font-size: 120%; font-weight:bold; color:#fff; }
.pagination * { margin:0 }
.pagination h4 { margin-top:-1.45em; padding:0; border:none }
.pageDivision { background: #f2f2f2; color:#666; padding: 4px 2px 4px 7px; border: 1px solid #ddd; margin: 0 0 1.5em }
.pageDivision p a:link, .pageDivision p a:visited, .pageDivision p a:hover, .pageDivision p a:active { text-decoration:none; background:#fff; padding:2px 5px; border: 1px solid #ccc; color:#A31022; }
.pageDivision p a:hover { background:#A31022; color:#fff; }
.pageDivision p span { text-decoration:none; background:#fff; padding:2px 5px; border: 1px solid #ccc; color:#ccc }
.pageDivision * { margin:0 }
.pageDivision h4 { margin-top:-1.45em; padding:0; border:none }
#footer { clear:both; font-size:77%; color:#666; padding-top: 10px; padding-bottom: 30px; margin-top:8px; border-top: 4px solid #A30122; background-color: #F4F4F4; background-image: url(https://data.chinahighlights.com/css/images/china-highlights.gif); background-repeat: no-repeat; text-align: center; line-height:1.4em; background-position: 98% 45%; }
#footer img { border:none; }
#footer p { margin:0 }
#footer a:link, #footer a:visited, #footer a:hover { font-weight: bold; color:#666666; border:none; }
#footer a:hover { color:#a31022; text-decroration:none }
.proverbImg { margin:15px; text-align:center; }
.proverbImg img { border:#000 5px solid; margin:15px; }
.proverbImg img:hover { border:#a31022 5px solid; margin:15px; }
span.pre { background-image:url(https://data.chinahighlights.com/pic/prev.gif); background-repeat:no-repeat; padding-left:20px; margin-right:15px; }
span.next { background-image:url(https://data.chinahighlights.com/pic/next.gif); background-repeat:no-repeat; padding-left:20px; margin-left:15px; }
#wrapper #contentWrapper #contentRight #now { color:#a31022; text-decoration:none; }
#wrapper #contentWrapper #contentRight #now a { color:#a31022; text-decoration:none; }
#wrapper #contentWrapper #contentRight #now ul, #wrapper #contentWrapper #contentRight #now ul li { color:#a31022; text-decoration:none; }
.centerAlign { text-align:center; padding-bottom:3px; }
p.borderLeft { display:block; float: right; }
.line { clear:both; border-bottom:#a31022 1px solid; margin-bottom:10px; }
.borderRight { border-right:#ccc 1px dashed; }
.space { margin:25px 0px 15px 0px; border-top:#ccc 1px dashed; }
.article h4 { margin-bottom:10px; font-size:12px; }
img.marginImg { margin-right:10px; }
#wrapper #contentWrapper #contentLeft ul { list-style: none; }
#wrapper #contentWrapper #contentLeft ul li { width:300px; display:block; float:left; margin-top: 10px; list-style: none; padding-left:15px; background-image:url(https://data.chinahighlights.com/pic/arrowcity.gif); background-repeat:no-repeat; background-position:left 6px; }
.liststyle { }
.listyle li { float: left; width: 300 px; margin-left: 20px; text-align: justify; background-image:
}
.marginRight { margin-right:10px; }
/* like us on facebook */
.fbLike { float: right; padding:10px; width:250px; font-style:italic; margin-top:5px; color:#3B5998; }
.fbLike a { color:#3B5998!important; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight: bold;}
.fbLike a:hover { text-decoration: none;}