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.
237 lines
11 KiB
CSS
237 lines
11 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(/image/travelguide/special-report/china-top-photography-destination/banner.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/special-report/china-top-photography-destination/menu-bg.gif); background-repeat:no-repeat; list-style:none; height:35px; padding:0px; margin:0px; padding-left:200px;}
|
|
#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; background-color:#fff; width: 1000px; }
|
|
#wrapper #contentWrapper #contentLeft { background-color:#fff; width: 740px;float: left; margin-left: 0px;}
|
|
#wrapper #contentWrapper #contentLeft a { color:#000;}
|
|
#wrapper #contentWrapper #contentLeft a:hover { color:#04018F; text-decoration:none;}
|
|
|
|
#wrapper #contentWrapper #contentRight {
|
|
width:260px;
|
|
float:right;
|
|
background-color:#f4f4f4;
|
|
margin-right: 0px;
|
|
}
|
|
#wrapper #contentWrapper #contentRight p { margin-left: 8px;}
|
|
|
|
#wrapper #contentWrapper #contentRight h4 { font-size:12px; text-align:center; background-color:#999; color:#fff; padding:4px 0px; margin-bottom:5px;}
|
|
#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;}
|
|
|
|
#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:16px;
|
|
margin:0px;
|
|
padding:0px;
|
|
padding-top: 8px;
|
|
padding-right: 0px;
|
|
padding-bottom: 5px;
|
|
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:10px;
|
|
background-color: #FFFFFF;
|
|
width:710px;
|
|
}
|
|
#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 .article p {
|
|
font-family:Verdana, Arial, Helvetica, sans-serif;
|
|
font-size:12px;
|
|
color:#34393e; margin: 10px 5px 0 5px; }
|
|
#wrapper #contentWrapper #contentLeft .article .block { width: 680px; background-color:#F9F9F9; border:#F3F3F3 2px solid; color: #545454; }
|
|
#wrapper #contentWrapper #contentLeft .article .block ul { margin-left: 5px;}
|
|
#wrapper #contentWrapper #contentLeft .article .block ul li { background: url(https://data.chinahighlights.com/pic/arrowcity.gif) no-repeat left 50%; padding-left: 15px; list-style: none; -moz-border-radius: 4px; padding-bottom: 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:8px;}
|
|
#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}
|
|
#tbody {width:700px;margin-left:20px; margin-right: 20px; background-color:#000; text-align:center;}
|
|
#mainbody {
|
|
width:640px;
|
|
margin:5px 1px 5px 4px;
|
|
border:1px solid #222;
|
|
padding-top: 5px;
|
|
}
|
|
#photos {
|
|
width:660px;
|
|
height:60px;
|
|
line-height:54px;
|
|
border:0px solid #222;
|
|
margin:8px 0;
|
|
overflow:hidden;
|
|
}
|
|
|
|
#goleft {float:left;clear:left;margin:6px 5px 0 3px;}
|
|
#goright {float:right;clear:right;margin:6px 3px 0 5px;}
|
|
#showArea img {display:block;float:left;margin:1px 0;cursor:pointer;border:1px solid #222;}
|
|
#txt_1 {font:bold 24px Verdana, Tahoma;color:#fff;}
|
|
.picturepromo {
|
|
float: left;
|
|
margin: 5px 5px 5px 5px;
|
|
padding: 2px 0px 2px 5px;
|
|
width:200px;
|
|
height:auto;
|
|
}
|
|
.promoword{
|
|
padding: 5px 5px 5px 5px;
|
|
color:#555;
|
|
font-size:11px;
|
|
width:180px;
|
|
line-height:12px;
|
|
}
|
|
#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;}
|
|
.liststyle { }
|
|
.listyle li { float: left; width: 300 px; margin-left: 20px; text-align: justify; background-color:#FFFFFF; background-image:}
|
|
.marginRight { margin-right:10px;}
|