@charset "utf-8"; 
/* CSS Document */
body{font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.75em; line-height:1.75em; text-transform:none; color:#333; background-color:#C0E2FF; width:100%}

p{margin-left:15px; margin-right:15px}

*{margin:0px; padding:0px;}

a{color:#666}

.clear{font-size:1px; height:1px; line-height:1px; clear:both}

.roundedcorner{-moz-border-radius:6px 6px}

img{border:0px;}

#container{width:1000px; height:auto; margin:0 auto}

#header{background-image:url(/images/focus/canton-fair/banner2.jpg); width:1003px; height:297px}

#topNav{background-color:#408CB0; margin-top:0px; width:1003px; color:#fff; text-align:center; padding:7px 0px 7px 0px; font-size:1.1em}

#topNav a:link, #topNav a:visited{color:#fff; padding:25px 5px 25px 5px; text-decoration:none}

#topNav a:hover{color:#eb7f00; padding:7px; text-decoration:none}

#main{background-color:#FFF; width:1003px}

#main .topLink{padding:10px 10px 10px 10px; margin-bottom:30px}

#main h1{font-size:18px; text-align:center; color:#666; font-family:Verdana,Geneva,sans-serif; line-height:12px; margin:0px; padding:0px}

#contentLeft{position:relative; top:30px; left:10px; margin:0px; padding:0px; voice-family:inherit; width:181px; float:left; font-size:12px}

#contentLeft .pdf{ border:1px solid #ddd; text-align:center; padding-top:5px; margin-bottom:10px;}
#contentLeft .pdf img{ width:168px;}

#contentLeft li.active a:link, #contentLeft li.active a:visited, #contentLeft li.active a:hover, #contentLeft li.active a:active{background-color:#f4f4f4; color:#a01a01; font-weight:bold}

#contentLeft h5{color:#fff; border:none; font-size:1em; text-align:center; width:auto; margin:0px; padding:5px; background-color:#408CB0; border-bottom:medium none}

#contentLeft{padding:5px 0px; margin-bottom:0px}

#contentLeft ul{width:180px; margin:0px; padding:0px; padding-bottom:15px; background-color:#f9f9f9}

#contentLeft ul li{ list-style:none;  border-bottom:#ccc dotted 1px;  background-image:url(/images/focus/canton-fair/list-icon.gif);  background-repeat:no-repeat;  background-position:8px 10px}

#contentLeft ul li a{              text-decoration:none; color:#4E7EAC; font-size:0.9em}

#contentLeft ul li a:link, #contentLeft ul li a:visited{color:#4475A6; display:block; padding:5px 0 5px 20px; text-decoration:none}

#contentLeft ul li a:hover{color:#666; background-color:#f4f4f4}

#contentLeft .leftCity{width:auto; margin:0px; padding:0px; height:auto; margin-top:0px}

#contentLeft .leftCity h5{color:#4c4c4c; font-size:1em; line-height:15px; background-color:#fff !important}

#contentLeft .leftCity img{margin-left:15px; margin-top:10px}

#contentLeft .cityName, #contentLeft .cityName a{text-align:center; font-family:Verdana,Geneva,sans-serif; color:#4c4c4c; font-weight:bold; text-decoration:none; font-size:11px}

#contentLeft .cityName a:hover{color:#408CB0; text-decoration:none; font-family:Verdana,Geneva,sans-serif}

#mainContent{width:800px; float:right;  margin:30px 0px; background-color:#fff}

*html #mainContent{width:800px; float:right;  margin:30px 0px; background-color:#fff}

#mainContent h2{ font-size:15px;  color:#545454;  margin:10px 10px 10px 10px;  padding:5px;  background-image:url(/images/focus/canton-fair/title-background.gif);  background-repeat:no-repeat}

.indexHotel{float:left; width:380px; margin:15px 10px 15px 10px}

*html .indexHotel{float:left; width:360px; margin-left:10px; margin-right:10px}

.indexHotel p{font:Verdana,Geneva,sans-serif 12px; color:#333; margin:0px 15px 10px 5px !important; text-align:justify}

.indexHotel img{margin-right:5px}

.indexHotel h4{font-size:14px; color:#60A7C4; margin-bottom:5px}

.indexHotel h4 a, .indexHotel h4 a:link, .indexHotel h4 a:visited{color:#60a7c4; text-decoration:none}

.indexHotel h4 a:hover{color:#666}

.indexHotel ul.desList{list-style:none; padding:0px; margin:0px 0px 7px 0px; font-family:Verdana,Geneva,sans-serif; font-size:12px; color:#666; display:inline; float:left}

*html .indexHotel ul.desList{list-style:none; padding:0px; margin:0px 0px 7px 0px; font-family:Verdana,Geneva,sans-serif; font-size:12px; color:#666; display:inline; float:left}

.indexHotel ul.desList li{line-height:15px; margin-left:8px; margin-bottom:6px; background:url(/images/focus/china-train-travel/li-circle.gif) no-repeat 0px 4px; padding:0px 0px 0px 15px; width:165px; float:left}

*html .indexHotel ul.desList li{line-height:15px; margin-left:8px; margin-bottom:6px; background:url(/images/focus/china-train-travel/li-circle.gif) no-repeat 0px 4px; padding:0px 0px 0px 15px; width:150px; float:left}

.indexHotel ul.desList li a{color:#545454; text-decoration:none}

.indexHotel ul.desList li a.underline{color:#545454; text-decoration:underline}

.indexHotel ul.desList li a:hover{text-decoration:underline}

ul.desList2{margin-left:15px}

ul.desList2 li{margin-left:5px; padding-left:5px}

.indexHotel h4{font-size:13px; color:#423F3E}

.indexHotel h4 a{color:#60A7C4; text-decoration:none}

.longContent{float:left; width:auto; margin-left:10px; margin-right:10px; margin-top:5px}

*html .longContent{float:right; width:auto; margin-left:15px; margin-right:10px; margin-top:5px}

.longContent p a:hover{padding:0px; color:#a02a02; font-style:italic}
.longContent p{font:Verdana,Geneva,sans-serif 12px; color:#333; margin:0px 15px 10px 7px; text-align:justify}

.longContent img{margin:7px; margin-left:15px}

.longContent h3{font-size:14px; color:#666; margin:10px; margin-left:5px; margin-top:15px; padding:0px 0px 5px 2px; border-bottom:#60a7c4 solid 3px}

.longContent h3 a, .longContent h3 a:link, .longContent h3 a:visited{color:#60a7c4; text-decoration:none}

.longContent h3 a:hover{color:#666}

.indexTopthing{width:360px; float:left; margin:10px 15px 10px 15px; background-color:#F3F3F3; border:1px solid #ccc}

.indexTopthing .num{width:23px; height:23px; margin:0px; padding:0px;  position:relative; top:-1px; left:-1px; float:left}

.indexTopthing .num img{margin:0px; padding:0px}

.indexTopthing .topImage{margin:10px; padding:0px; float:left; width:auto}

.indexTopthing .topImage img{margin:0px; padding:0px; border:none; width:100px !important; height:100px}

.indexTopthing h4, .indexTopthing h4 a{font-size:13px; color:#595959; padding-left:20px; text-decoration:none}

.indexTopthing h4 a:hover{color:#999; text-decoration:none}

.topInfo{color:#666; font-size:12px; text-align:justify; padding-right:5px; float:right; width:230px}

*html .indexTopthing .topInfo{color:#666; font-size:12px; text-align:justify; padding-right:5px; float:right; width:220px}

#destFooter{ font-size:10px;  padding:0px 0px;  background-color:#FEF2D7;  margin:0px;  clear:both;  color:#666; border-top:#ccc 3px solid;  padding-top:15px;  width:1004px}
#destFooter a:link, #destFooter a:visited{ font-size:11px;  line-height:14px;  padding:0 10px 6px 10px;  text-decoration:underline;  color:#000}
#destFooter img{margin:15px}

#destFooter a:hover{font-size:11px; line-height:14px; padding:0 10px 6px 10px; text-decoration:none; color:#666}

.imageArticle{padding:20px 0px; border-bottom:#ccc 1px dashed}

.imageArticle img{padding:16px}

/*comment begins*/
#comment{width:750px; margin:auto;}
#comment .commentText{padding:5px; border-bottom:#ccc 1px solid; width:550px; margin-left:25px; text-align:justify;}
#comment a:link, #comment a:visited{color:#545454;}
#comment a:hover{color:#F90}
img.head{padding:3px; border:#000 1px solid; width:50px; height:50px; margin:5px;}
#comment h4{font-size:15px; background:#f4f4f4; border-bottom:2px solid #d1d1d1; padding:10px 5px; margin-bottom:15px}
#comment h4 span{ font-size:11px; float:right;}
#comment .mc{ padding-left:35px; margin-top:8px; margin-bottom:10px;}
#comment .addComment{ width:655px; border:1px solid #d1d1d1; background:#f4f4f4; margin:15px; margin-left:35px; }
#comment .addComment h5{font-size:14px; color:#000; margin-bottom:5px; background:#d1d1d1; padding:7px 5px;}
#comment .addComment table{ margin-left:15px;}
#comment .addComment table th{ width:80px; text-align:left; font-weight:normal; padding:5px; vertical-align: top;}
#comment .addComment table td{ padding:5px; }
#comment .addComment table .p2{ padding:0px 10px; padding-bottom:15px;}
#comment .addComment table td input.name{ border:1px solid #ccc; padding:7px; width:120px; font-family:Verdana, Geneva, sans-serif; font-size:12px; margin-bottom:4px;}
#comment .addComment table td span{ font-size:11px; font-style:italic;}
#comment .addComment table td textarea{ border:1px solid #ccc; padding:5px; font-family:Verdana, Geneva, sans-serif; font-size:12px; width:420px; height:120px;}

/*分 页 */
.pagination{color:#666; padding:5px 10px; ; margin:0}
.pagination a{color:#000}
.pagination p{position:relative; text-align:left; padding-top:5px; margin-bottom:0px; padding-bottom:0px; font-weight:bold; color:#666; background-image:url(file:///D|/pic/pagenation2.gif); background-repeat:no-repeat; padding-left:20px; background-position:left 8px}
.pagination p a:link, .pagination p a:visited, .pagination1 p a:hover, .pagination1 p a:active{text-decoration:none; color:#000; background:#fff; padding:5px 8px; border:1px solid #ccc}
.pagination p a:hover{background-color:#f3f3f3; color:#fff}
.pagination p span{text-decoration:none; background:#fff; padding:5px 8px; border:1px solid #ccc; color:#ccc}
.pagination #now{text-decoration:none; background:#999; font-size:120%; font-weight:bold; color:#fff}
.pagination *{margin:0}
.pagination h4{margin-top:-1.45em; padding:0; border:none}
.list li{float:left; width:200px; list-style:none}
.list ul{list-style:none; padding-left:10px}
/*分 页 */
#map-iframe{position:relative; top:-270px; width:200px; margin:auto}
.mapclass{filter:Alpha(opacity=10);    -moz-opacity:.1;    opacity:0.1}

.price{color:#F93; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold}

.promoPic{padding:0px; margin:10px 0px 10px 0px}

.promoPic img{border:none; margin:0px; padding:0px}

.rightMore{font-family:Verdana,Geneva,sans-serif; text-align:right; margin-right:25px}

.rightMore a, .rightMore a:link, .rightMore a:visited{color:#595959}

.rightMore a:hover{color:#69F}

.paraDiv{border-bottom:#ccc 1px solid; width:auto; margin:20px 15px 20px 10px}

ul.dropList{list-style:none; padding:0px; margin:0px 0px 15px 0px; font-family:Verdana,Geneva,sans-serif; font-size:12px; color:#545454; float:left}
*html ul.dropList{margin:0px 0px 20px 7px}
ul.dropList li{line-height:17px; margin-left:8px; margin-bottom:6px; background:url(/images/drop-2.GIF) no-repeat 0px 4px; padding:0 0 0 15px}
ul.dropList li a{color:#545454}
ul.dropList li a.underline{color:#545454}
ul.dropList li a:hover{color:#a03}
table.tableFair{border-top:3px solid #408CB0; margin-top:5px; border-left:1px solid #d1d1d1; width:750px; margin-left:10px}
table.tableFair th{padding:5px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:#f1f1f1; text-align:center}
table.tableFair td{padding:5px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1}
table.tableFair a{text-decoration:underline; color:#545454}
table.tableFair a:hover{text-decoration:none; color:#a31022}

.tipsNav{border:#ccc 3px solid; margin-bottom:25px; margin-left:10px}

.tipsNav a:hover{background:none !important; text-decoration:none}

span.top{color:#408CB0; font-size:11px; float:right; padding-right:10px; display:block}

ol{margin-bottom:15px}

ol li{margin-left:25px; list-style:decimal}

#mainContent .longContent .dateInfo{width:350px; float:right; border:2px solid #60A7C4; margin-left:10px; background:#f7f7f7}
#mainContent .longContent .dateInfo h3{font-size:14px; width:auto; background:none; margin:0px; padding-top:5px; padding-bottom:3px; background:#60A7C4; color:#fff; text-align:center}
#mainContent .longContent .dateInfo input.c1{border:none; padding:2px; padding-right:0px; padding-top:3px; font-size:13px; float:left; font-family:Geneva,Verdana,sans-serif; color:#C5162B; font-weight:bold; margin:0px;  background:#f7f7f7}
#mainContent .longContent .dateInfo dl.daojishi{width:340px; margin-left:6px}
#mainContent .longContent .dateInfo dl.daojishi dt{font-size:12px; font-weight:bold; float:left; display:block; margin-right:5px; padding-top:6px}
#mainContent .longContent .dateInfo dl.daojishi dd{float:left; display:block; padding-top:6px}
#mainContent .longContent .dateInfo ul{margin-left:5px}
#mainContent .longContent .dateInfo ul li{list-style:none}
#mainContent .longContent .dateInfo a:hover{color:#a01a01}

/*tour promo*/
#mainContent .tourDiv{border-bottom:1px solid #D1D1D1; padding:15px 0px 15px 0px; width:760px; float:right; margin-right:10px}
#mainContent .tourDiv img{border:none;}
#mainContent .tourDiv ul{margin:0px; padding:0; margin-left:5px; list-style:none}
#mainContent .tourDiv ul li{background-image:url(/images/focus/shanghai-expo/p.GIF); background-repeat:no-repeat; background-position:0px 7px; color:#545454; line-height:20px; padding-left:12px; margin-bottom:5px; font-size:12px}
#mainContent .tourDiv li a{color:#6b6b6b; text-decoration:none}
#mainContent .tourDiv li a:hover{text-decoration:underline}
#mainContent .tourDiv .tourImg{width:168px; height:132px; float:left; padding:0px; margin:0px; margin-top:5px}
#mainContent .tourImg img{border:1px solid #000; width:168px; height:132px; margin:0px; padding:0px}
#mainContent .tourDiv h4{margin-bottom:5px; font-size:14px}
#mainContent .tourDiv h4 a{color:#00522C; text-decoration:none}
#mainContent .tourDiv h4 a:hover{color:#a13022}
#mainContent .tourDiv h4 b{ color:#a13022; font-size:18px;}
#mainContent .tourInfo{width:400px; float:left; margin-left:10px;}
#mainContent .tourlistpriceArea{float:right; width:160px; text-align:center}
#mainContent .tourlistpriceArea img{margin:0px}
#mainContent .tourlistpriceArea .tourlistPrice{background:url(/images/tours/price_bg.gif) no-repeat; width:160px; height:97px; margin-bottom:10px}
#mainContent .tourlistpriceArea .tourlistPrice p{margin:5px 0px 3px 50px}
#mainContent .tourlistpriceArea .tourlistPrice img{margin:5px 0px 5px 15px; float:left}
#mainContent .tourlistpriceArea .tourlistPrice dl{margin-right:10px}
#mainContent .tourlistpriceArea .tourlistPrice dl dt{color:#A31022; font-size:18px; font-weight:bold; margin-top:20px}
#mainContent .tourlistpriceArea .tourlistPrice dl dd{text-align:right; padding-top:15px}
#mainContent ol{margin-left:15px; color:#666; text-align:justify; margin-bottom:10px; line-height:18px; list-style-type:decimal}
#mainContent ol li{margin-left:10px; margin-bottom:10px}
.readMore{color:#a01a01; margin:15px}

/*canton hotel table*/
table.cantonHotelTable { }
table.cantonHotelTable tr th { color:#545454; padding:5px 0 5px 5px; font-size:12px; border-bottom:2px solid #d1d1d1; text-align:left; background:#F2F2F2; }
table.cantonHotelTable tr:hover { background:#f4f4f4; }
table.cantonHotelTable tr td { color:#545454; text-align:left; padding:8px 0 8px 5px; font-size:11px; border-bottom:1px solid #dfdfdf; }
table.cantonHotelTable tr.hotelInfo td { background:#fff; border-bottom:3px solid #d1d1d1; }
table.cantonHotelTable tr.hotelInfo .hotelPic { width:92px; height:92px; margin:0 5px 0 0; float:left; filter: Alpha(opacity=70); -moz-opacity:.8; opacity:0.8; }
table.cantonHotelTable tr.hotelInfo .hotelPic img { width:92px; height:92px; }
table.cantonHotelTable tr.hotelInfo .hotelInfo { width:370px; float:left; color:#396888; line-height:18px; padding:0 0 0 10px; }
table.cantonHotelTable tr.hotelInfo .hotelInfo .hotelRoom { width:70px; height:50px; float:left; margin:10px 10px 0 0; filter: Alpha(opacity=70); -moz-opacity:.8; opacity:0.8; }
table.cantonHotelTable tr.hotelInfo .hotelInfo .hotelRoom img { width:70px; height:50px; }
table.cantonHotelTable tr td.hotelName a { color:#545454; }
table.cantonHotelTable tr td.select a { color:#166ea8; text-decoration:underline; font-size:12px; }
table.cantonHotelTable tr td a { text-decoration:none; }
table.cantonHotelTable tr td a:hover { text-decoration:underline; }
span.hotelPrice { font-size:20px; color:#A31022; }
a.morePrice { border-bottom:1px dashed #999; }
a.morePrice :hover { text-decoration:none; }
.mapcontrolButton { float:right; background: url(/css/images/hotel/map-button.png) no-repeat; width:80px; height:22px; padding: 10px 10px 0 45px; margin: 2px 0 0 0; font-size:12px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; cursor:pointer; color:#fff; }
.mapcontrolButton a { color:#FFF; }
ul.hotelSpecial li { font-size:11px; list-style:none; background:url('http://www.chinahighlights.com/css/images/drop-3.GIF') no-repeat left 5px; padding:0 0 0 15px; margin-left:15px; }
ul.hotelSpecial li a { color:#0D548A; text-decoration:underline; }
.usefuReview { width:220px; float:right; padding:10px; background: url('http://www.chinahighlights.com/css/images/hotel/review-left.gif') no-repeat scroll 8px 10px transparent; font-size: 11px; line-height: 18px; text-indent: 20px; }

.hotellistNew{ margin-top:10px; margin-left:10px; padding-bottom:5px; width:780px;}
.hotellistNew h3{font-size:15px; margin-bottom:2px; border-bottom:none; background:none; background:#e4e4e4; padding:5px;}
.hotellistNew h3 a{ color:#408CB0; background:none; text-decoration:none;}
.hotellistNew h3 a:hover{ color:#a01a01; background:none; text-decoration:underline;}
.hotellistNew h3 dl.service{ float:right; margin-right:15px; font-size:12px; font-weight:normal; display:block; width:220px;}
.hotellistNew h3 dl.service dt{ float:right; margin-right:10px;}
.hotellistNew h3 dl.service dd{ float:right;}
.hotellistNew .hotellistLeft{ float:left; margin:10px; text-align:center; }
.hotellistNew .hotellistLeft img{width:128px; height:127px; border:1px solid #757575;}
.hotellistNew .hotellistRight{ float:left; text-align:justify; width:620px;}
.hotellistNew .hotellistRight .hotellistContent{ float:left; width:440px; margin-right:10px; text-align:left;}
.hotellistNew .hotellistRight .hotellistContent ul{ margin-left:5px; font-size:11px;}
.hotellistNew .hotellistRight .hotellistContent ul li{ list-style:none; background: url("/images/check.GIF") no-repeat scroll 0px 5px transparent; text-align:left; padding-left:15px;}
.hotellistNew .hotellistRight .hotellistContent p{ margin-left:0px;}
.hotellistNew .hotellistRight .hotellistpriceArea{ float:right; width:170px; text-align:center;}
.hotellistNew .hotellistRight .hotellistpriceArea .hotellistPrice{ margin-bottom:10px; padding-top:5px;}
.hotellistNew .hotellistRight .hotellistpriceArea .hotellistPrice p{margin:0px !important; margin-left:20px !important; font-size:11px;}
.hotellistNew .hotellistRight .hotellistpriceArea .hotellistPrice img{margin:5px 0px 5px 5px; float:left;}
.hotellistNew span.price{ color:#d40008 !important; font-size:18px;}