|
|
|
|
|
@charset "utf-8";
|
|
|
|
|
|
/* CSS Document */
|
|
|
|
|
|
* { font-family:Verdana, Arial, Helvetica, sans-serif; }
|
|
|
|
|
|
body { background:#f3f3f3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#545454; right:auto; margin:0; }
|
|
|
|
|
|
img, ul, ul li { padding:0; margin:0; border:0; }
|
|
|
|
|
|
.clear { clear:both; width:100%; border:0; line-height:0 }
|
|
|
|
|
|
a { color:#545454; text-decoration: underline }
|
|
|
|
|
|
a:hover { color:#a31022; text-decoration: none }
|
|
|
|
|
|
/*菜单样式*/
|
|
|
|
|
|
.meuneStyle { font-size:12px; color:#545454; font-weight:bold; display:block; border-bottom:1px solid #d1d1d1; padding:0 0 5px 0; }
|
|
|
|
|
|
.menueListDiv { width:300px; float:left; }
|
|
|
|
|
|
.promotionBox { width:140px; float:right; height:100%; }
|
|
|
|
|
|
.promotionBox ul { margin:10px 0 0 0; }
|
|
|
|
|
|
.promotionBox ul li { list-style:none; font-size:12px; color:#2c72b0; margin-bottom:8px; }
|
|
|
|
|
|
.promotionBox ul li a { color:#5F7892; text-decoration:none; }
|
|
|
|
|
|
.promotionBox ul li a:hover { text-decoration:underline; }
|
|
|
|
|
|
.oneLineDiv { width:150px; }
|
|
|
|
|
|
/*通用样式*/
|
|
|
|
|
|
h1 { font-family:Verdana, Geneva, sans-serif; font-size:21px; color:#545454; border-bottom:#D2D2D2 1px solid; padding:0px 0px 3px 8px; margin:0px 0px 15px 0px; display:block }
|
|
|
|
|
|
p { font-size:12px; line-height:20px; margin:0 0 10px 0; }
|
|
|
|
|
|
ul.drop1 { margin:0 0 10px 0; }
|
|
|
|
|
|
ul.drop1 li { list-style: none; background:url(https://data.chinahighlights.com/css/images/drop-1.GIF) no-repeat left 6px; padding-left:18px; line-height:18px; margin-bottom:5px; margin-left:0 }
|
|
|
|
|
|
ul.dropLeft { list-style:none; padding:0px; float:left; margin:5px 10px 15px 0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#545454 }
|
|
|
|
|
|
ul.drop1 { list-style:none; padding:5px 0 0 0; margin:0px 0px 15px 0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#545454 }
|
|
|
|
|
|
ul.drop1 li, ul.dropLeft li { line-height:18px!important; margin-left:5px; margin-bottom:6px!important; background:url(https://data.chinahighlights.com/css/images/drop-1.GIF) no-repeat 0px 6px!important; padding:0 0 0 15px; float: none!important; width:auto!important; overflow: visible!important }
|
|
|
|
|
|
ul.drop1 li a, ul.dropLeft li a { color:#545454; text-decoration: underline; }
|
|
|
|
|
|
ul.drop1 li a.underline { color:#545454 }
|
|
|
|
|
|
ul.drop1 li a:hover, ul.dropLeft li a:hover { color:#a31022; text-decoration: underline; }
|
|
|
|
|
|
ul.drop1 .italic11 { font-style:italic; font-size:11px }
|
|
|
|
|
|
ul.drop2 { list-style:none; padding:0px; margin:0px; margin:0px 0px 20px 15px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#545454; float:right }
|
|
|
|
|
|
ul.drop2 li { line-height:15px; margin-bottom:6px; background:url(https://data.chinahighlights.com/css/images/drop-2.GIF) no-repeat 0px 5px; padding:0 0 0 15px }
|
|
|
|
|
|
ul.drop2 li a { color:#545454; text-decoration:none }
|
|
|
|
|
|
ul.drop2 li a:hover { text-decoration:underline }
|
|
|
|
|
|
ul.redarrow { margin-left:18px; }
|
|
|
|
|
|
ul.redarrow li { list-style:none; float:left; background:url(https://data.chinahighlights.com/pic/arrow-r.GIF) no-repeat left 5px; padding-left:10px; width:200px; line-height:14px; margin-bottom:5px; font-size:11px; }
|
|
|
|
|
|
ul.redarrow2 { margin:0 0 10px 0; }
|
|
|
|
|
|
ul.redarrow2 li { list-style:none; float:left; background:url(https://data.chinahighlights.com/pic/arrow-r.GIF) no-repeat left 5px; padding-left:10px; width:190px; line-height:18px; margin-bottom:5px; }
|
|
|
|
|
|
ol { list-style-position: outside; padding-left:10px; margin-left:10px; }
|
|
|
|
|
|
ol li { margin:0 0 8px 0; padding:0px; line-height:18px }
|
|
|
|
|
|
.roundCorner { border-radius:4px; }
|
|
|
|
|
|
/* the layout */
|
|
|
|
|
|
#wrapper { width:100%; clear:both; position: relative; }
|
|
|
|
|
|
#headerWrapper { width:100%; /*height:100%;*/ background:url(https://data.chinahighlights.com/css/images/bg-top.png) repeat-x top; }
|
|
|
|
|
|
#header { width:990px; margin: 0 auto; padding:5px 0 0px 0; height:155px; }
|
|
|
|
|
|
#headerWrapper #headerLinks ul { margin:0; }
|
|
|
|
|
|
#headerWrapper #headerLinks ul li { list-style:none; display:block; float:left; padding:1px 10px; font-weight:bold; border-right:1px solid #ccc; }
|
|
|
|
|
|
#headerWrapper #headerLinks ul li.last { border:0; }
|
|
|
|
|
|
#headerWrapper #headerLinks ul li a { color:#545454; text-decoration:none; }
|
|
|
|
|
|
#headerWrapper #headerLinks ul li a.redFont { color:#a31022; }
|
|
|
|
|
|
#headerWrapper #headerLinks { /*width:720px;*/ margin:auto; float:right; }
|
|
|
|
|
|
#logo { width:223px; height:122px; float:left; padding:10px 0 0px 10px; }
|
|
|
|
|
|
#menu { float:right; width:740px; height:45px; padding:62px 0 0 0; /*position: relative;*/ }
|
|
|
|
|
|
#mainMenu { margin:0 }
|
|
|
|
|
|
#mainMenu ul.menu { margin:0; padding:0; float: right; clear: both; /*height: 100%; overflow: hidden;*/ }
|
|
|
|
|
|
#mainMenu ul.menu li { list-style:none; display:block; float:left; font-size:12px; height:32px; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-nav-middle.png) repeat-x; color:#fff; border-right:1px solid #fff; padding: 3px 5px 0 5px; position:relative; }
|
|
|
|
|
|
/*#mainMenu ul.menu li:hover { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-nav-middle-hover.png) repeat-x; }*/
|
|
|
|
|
|
#mainMenu ul.menu li.active { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-nav-middle-hover.png) repeat-x; }
|
|
|
|
|
|
#mainMenu ul.menu li.first { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-nav-left.png) left repeat-x; width:120px; }
|
|
|
|
|
|
/*#mainMenu ul.menu li.first:hover { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-nav-left-hover.png) left no-repeat; }*/
|
|
|
|
|
|
#mainMenu ul.menu li.first.active { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-nav-left-hover.png) left no-repeat; width:auto; margin:auto }
|
|
|
|
|
|
#mainMenu ul.menu li.destinations { width:120px; }
|
|
|
|
|
|
#mainMenu ul.menu li.travelInfo { width:110px; }
|
|
|
|
|
|
#mainMenu .current { width:34px; margin:2px 0 0 40px; height:33px; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/menu-nav.png) no-repeat center 6px; display: block; }
|
|
|
|
|
|
#mainMenu ul.menu li.last { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-nav-right.png) right no-repeat; width:125px; border: none; }
|
|
|
|
|
|
/*#mainMenu ul.menu li.last:hover { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-nav-right-hover.png) right; }*/
|
|
|
|
|
|
#mainMenu ul.menu li.last.active { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-nav-right-hover.png) right; }
|
|
|
|
|
|
#mainMenu ul.menu li a.navHead { text-decoration:none; color:#fff; font-weight:bold; display:block; padding:7px 10px 6px 10px; }
|
|
|
|
|
|
#mainMenu ul.menu li a.home { background:url(https://data.chinahighlights.com/pic/home-icon.png) no-repeat 5px 7px; padding-left:30px; }
|
|
|
|
|
|
#mainMenu ul.menu li a.home:hover { background:url(https://data.chinahighlights.com/pic/home-icon.png) no-repeat 5px -20px; }
|
|
|
|
|
|
/* ---- */
|
|
|
|
|
|
#mainMenu ul.menu li.sildeActive { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-active-first.png) no-repeat left!important; height:40px!important; margin-top:-7px; width:121px; border: none!important }
|
|
|
|
|
|
#mainMenu ul.menu li.sildeActive3 { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-active-destination.png) no-repeat left!important; height:40px!important; margin-top:-7px; width:111px; border: none!important }
|
|
|
|
|
|
#mainMenu ul.menu li.sildeActive4 { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-active-last.png) no-repeat left!important; height:40px!important; margin-top:-7px; width:125px; border: none!important }
|
|
|
|
|
|
.sildeActiveRight { display: block; float: left; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-active-right.png) no-repeat right; height:40px; width:7px; margin:-5px 0 0 -1px; }
|
|
|
|
|
|
.sildeBox { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-slide-box.png) no-repeat bottom; width:200px;/* height:340px;*/ display: block; position:absolute; top:42px; left:-4px; z-index:9999; padding: 5px 10px; }
|
|
|
|
|
|
.sildeBox ul { margin-left:0 }
|
|
|
|
|
|
.sildeBox ul li { background:url(https://data.chinahighlights.com/pic/square.gif) no-repeat 5px 11px!important; border-bottom:1px dashed #d1d1d1; height:auto!important; width:180px!important; line-height:18px; padding:5px 0 5px 18px!important; }
|
|
|
|
|
|
.sildeBox ul li:hover { background:#f1f1f1!important; }
|
|
|
|
|
|
.sildeBox ul li a { color:#545454!important; text-decoration: none; }
|
|
|
|
|
|
.sildeBox ul li.last { border-bottom: none!important; }
|
|
|
|
|
|
#mainMenu ul.menu li.sildeActive a, #mainMenu ul.menu li.sildeActive2 a, #mainMenu ul.menu li.sildeActive3 a, #mainMenu ul.menu li.sildeActive4 a { color:#a31022; padding-right: 0!important; }
|
|
|
|
|
|
#mainMenu ul.menu .left { width:14px; height:30px; background:url(https://data.chinahighlights.com/css/images/hotel/mun-bg.png) top left; float:left; }
|
|
|
|
|
|
#mainMenu ul.menu .right { width:14px; height:30px; background:url(https://data.chinahighlights.com/css/images/hotel/mun-bg.png) top right; float:right; }
|
|
|
|
|
|
#mainMenu ul.menu img.highlights { background:url(https://data.chinahighlights.com/css/images/hotel/mun-bg-hight.gif) }
|
|
|
|
|
|
#mainMenu .arrow { margin:0 0 0 5px; }
|
|
|
|
|
|
#mainMenu .tab { position: relative; }
|
|
|
|
|
|
#mainMenu .menu .subMenu { background:#f1f1f1; position:absolute; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-left:1px solid #d1d1d1; padding:10px; z-index: 99; top: 29px; width:auto; }
|
|
|
|
|
|
#mainMenu .menu .subMenuRight { background:#f1f1f1; position:absolute; border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-left:1px solid #d1d1d1; padding:10px; z-index: 99; top: 29px; width:auto; right: 0px; }
|
|
|
|
|
|
.menuList { width:450px; }
|
|
|
|
|
|
#mainMenu ul.meunecityList, #mainMenu ul.meunecityList2 { margin:10px 0 0 0; }
|
|
|
|
|
|
#mainMenu ul.meunecityList li { list-style:none; font-size:12px; margin:0 0 10px 0; display:block; width:100px; float:left; }
|
|
|
|
|
|
#mainMenu ul.meunecityList2 li { list-style:none; font-size:12px; margin:0 0 10px 0; background:url(https://data.chinahighlights.com/css/images/arrow-6.gif) no-repeat top left; padding:0 0 0 15px; }
|
|
|
|
|
|
#mainMenu ul.meunecityList li a, #mainMenu ul.meunecityList2 li a { color:#545454; text-decoration:none; }
|
|
|
|
|
|
#mainMenu ul.meunecityList li a:hover, #mainMenu ul.meunecityList2 li a:hover { text-decoration:underline; }
|
|
|
|
|
|
#subNav { font-size:11px; color:#A31022; padding:5px 0px 3px 20px; position:relative; clear:both }
|
|
|
|
|
|
#subNav a { text-decoration:underline; background-image:url(https://data.chinahighlights.com/css/images/arrow-navigate.gif); background-repeat:no-repeat; background-position:right 7px; padding:2px 8px 4px 5px; color:#444 }
|
|
|
|
|
|
#subNav a:hover { color:#a31022; text-decoration:none }
|
|
|
|
|
|
#videoPhoto { width:160px; height:25px; float: right; clear: both; margin-bottom:10px; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-video-photo.png) no-repeat; }
|
|
|
|
|
|
#videoPhoto li { float: left; width:45px; height:21px; list-style: none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; padding:4px 0 0 25px; }
|
|
|
|
|
|
#videoPhoto li a { text-decoration: none; color:#333; }
|
|
|
|
|
|
#videoPhoto li a:hover { text-decoration: underline; color:#a31022 }
|
|
|
|
|
|
#videoPhoto li.videoNav { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/video-icon.png) no-repeat 3px 5px; margin-right:15px; }
|
|
|
|
|
|
#videoPhoto li.photoNav { background:url(https://data.chinahighlights.com/css/images/guide/bg-city/photo-icon.png) no-repeat 0 5px; }
|
|
|
|
|
|
/* table style */
|
|
|
|
|
|
table.tableOnly { border-top:3px solid #a31022; border-left:1px solid #d1d1d1; }
|
|
|
|
|
|
table.tableOnly tr:hover { background:#f1f1f1; }
|
|
|
|
|
|
table.tableOnly th { padding:5px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; background:#f1f1f1; text-align:center; }
|
|
|
|
|
|
table.tableOnly td { padding:5px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; }
|
|
|
|
|
|
table.tableOnly a { text-decoration:underline; color:#545454; }
|
|
|
|
|
|
table.tableOnly a:hover { text-decoration:none; color:#a31022; }
|
|
|
|
|
|
.tableStyle1 { border:1px solid #d1d1d1; border-bottom: none; margin:0 0 15px 0; border-collapse: collapse; width:100% }
|
|
|
|
|
|
.tableStyle1 th { border-bottom:1px #d1d1d1 solid; border-right:1px solid #d1d1d1; padding:6px 5px; font-size:12px; text-align:center; background-color:#F3F3F3; line-height:18px }
|
|
|
|
|
|
.tableStyle1 tr th a { text-decoration: none }
|
|
|
|
|
|
.tableStyle1 tr th a:hover { text-decoration:none; color:#a31022 }
|
|
|
|
|
|
.tableStyle1 td { border-right:#d1d1d1 1px solid; border-bottom:#d1d1d1 1px solid; padding:6px 0; text-align:center; font-size:12px; background:#fff }
|
|
|
|
|
|
.tableStyle1 td.tableLeft { text-align:left; padding:3px 0 8px 5px; line-height:18px }
|
|
|
|
|
|
.tableStyle1 tr { border-collapse:separate; border-right:1px solid #D9D9D9; border-left:1px solid #D9D9D9 }
|
|
|
|
|
|
.tableStyle1 tr a { color:#6b6b6b; text-decoration:none }
|
|
|
|
|
|
.tableStyle1 tr a:hover { text-decoration:underline }
|
|
|
|
|
|
.tableStyle1 tr:hover { background-color:#DDD }
|
|
|
|
|
|
.tableStyle1 tr.odd td { background-color:#f1f1f1 }
|
|
|
|
|
|
.tableStyle1 tr:nth-child(odd) { background-color:#f1f1f1 }
|
|
|
|
|
|
/*正文内容*/
|
|
|
|
|
|
#content { width:997px; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-content.png) repeat-y; margin: 0 auto; padding:0px 0 5px 0; }
|
|
|
|
|
|
#contentHead { width:977px; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-content-top.png) no-repeat; font-size:12px; padding:15px 0 5px 20px; color:#a31022; margin:10px auto 0 auto; }
|
|
|
|
|
|
#contentHead a { background:url(https://data.chinahighlights.com/css/images/arrow-navigate.gif) right no-repeat; padding:0 10px 0 0; color:#545454; text-decoration:none; }
|
|
|
|
|
|
#MainhotelContent { width:955px; margin:0 0px 0 20px; padding: 18px 0 0 0; }
|
|
|
|
|
|
/*底部样式*/
|
|
|
|
|
|
#footer { width:100%; margin:0 auto 0 auto; *margin-top:-5px;
|
|
|
|
|
|
background:url(images/bg-footer.gif) repeat-x bottom; padding-bottom:30px; position:relative; z-index:1 }
|
|
|
|
|
|
/* footer info of site */
|
|
|
|
|
|
#bottomPromo { height:180px; text-align:center; width:997px; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-content.png) repeat-y; padding:15px 0 40px 0; *padding-top:10px;
|
|
|
|
|
|
margin:auto; }
|
|
|
|
|
|
#footerFeature { width:950px; margin: 0 auto; border-top:1px solid #d1d1d1; padding:20px 0 0 20px; }
|
|
|
|
|
|
#footerFeature .featureDetail { background:url(https://data.chinahighlights.com/css/images/citytour/border-right.png) no-repeat right; float: left; width:215px; _width:210px; height:160px; padding: 0 10px 20px 0; text-align:left; margin-right:15px; }
|
|
|
|
|
|
#footerFeature p img { margin-right:25px; }
|
|
|
|
|
|
#footerFeature .featureDetail.last { background: none; padding-right:0; margin-right:0; width:217px; }
|
|
|
|
|
|
#footerFeature .featureDetail .featureTitle { font-size:20px; display: block; margin: 0 0 10px 0; }
|
|
|
|
|
|
#footerFeature .featureDetail ul { margin-left:0; }
|
|
|
|
|
|
#footerFeature .featureDetail ul li { list-style: none; background:url(https://data.chinahighlights.com/css/images/citytour/green-mark.png) no-repeat left 5px; padding-left:20px; font-size:11px; line-height:16px; margin-bottom:10px; }
|
|
|
|
|
|
#footerFeature .featureDetail ul { margin-left:0; }
|
|
|
|
|
|
#footerFeature .featureDetail.first li { margin-bottom:8px!important; }
|
|
|
|
|
|
#footerFeature .featureDetail ul li.last { background: none; padding-left:0; text-align:right; margin-right:15px; }
|
|
|
|
|
|
#bottomBackground { width:997px; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-content-bottom.png) no-repeat bottom; height:42px; margin:auto }
|
|
|
|
|
|
#footer #bottom { width:992px; height:163px; text-align:center; background:url(images/bg-bottom.png) no-repeat bottom; padding:15px 0 50px 0; *padding-top:10px;
|
|
|
|
|
|
margin:auto }
|
|
|
|
|
|
#footer #footerContent { width:992px; margin:auto; text-align:center }
|
|
|
|
|
|
#footer #footerContent p { font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#515151; text-align:center; padding:0px; margin:0px; line-height:22px }
|
|
|
|
|
|
#footer #footerContent p a { color:#515151; text-decoration:underline }
|
|
|
|
|
|
#footer #footerContent p a:hover { text-decoration:none; color:#a31022 }
|
|
|
|
|
|
#footer #bottom #footerPromo { width:900px; height:163px; position:relative; background:none; padding:0; margin:0px 71px 0 61px; text-align:left; z-index:1000 }
|
|
|
|
|
|
#footer #bottom #footerPromo img { margin-right:25px; }
|
|
|
|
|
|
#footersearch { background-image:url("https://data.chinahighlights.com/css/images/main-sprite.png"); background-position:-10px -107px; width:615px; height:45px; margin:10px auto; }
|
|
|
|
|
|
#footersearch .footersearchBox { width:490; }
|
|
|
|
|
|
#footersearch .footersearchBox input { width:450px; height:25px; border:none; float:left; color:#000; padding:5px; margin:5px 0 0 10px; opacity:0.5; font-family:Arial, Helvetica, sans-serif; font-size:20px; }
|
|
|
|
|
|
#footersearch .footersearchButton { width:100px; float:left; margin:4px 0 4px 23px; }
|
|
|
|
|
|
.ourMembers { margin:20px auto; font-size:11px; font-weight:bold; width:92%; _width:93%; text-align:left; }
|
|
|
|
|
|
.ourMembers .security { float:left; border-right:1px solid #999; width:195px; margin-right:12px; }
|
|
|
|
|
|
.ourMembers .members { float:left; border-right:1px solid #999; width:310px; margin-right:12px; }
|
|
|
|
|
|
.ourMembers .payment { float:left; width:360px; margin-right:12px; }
|
|
|
|
|
|
.ourMembers a { color:#545454; }
|
|
|
|
|
|
.truste { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -10px; display:block; float:left; width:95px; height:26px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.mcafee { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -56px; width:76px; height:29px; display:block; float:left; margin:10px 10px 0 0; }
|
|
|
|
|
|
.iata { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -105px; display:block; float:left; width:45px; height:30px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.ustoa { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -155px; display:block; float:left; width:103px; height:21px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.pata { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -196px; display:block; float:left; width:70px; height:30px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.asta { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -246px; display:block; float:left; width:48px; height:30px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.visa { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -296px; display:block; float:left; width:48px; height:30px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.masterCard { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -346px; display:block; float:left; width:54px; height:33px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.jcb { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -399px; display:block; float:left; width:35px; height:27px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.paypal { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -446px; display:block; float:left; width:98px; height:25px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.moneybookers { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -491px; display:block; float:left; width:57px; height:31px; margin:10px 10px 0 0; }
|
|
|
|
|
|
.germany { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -539px; padding-left:22px; margin-right:5px; }
|
|
|
|
|
|
.french { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -571px; padding-left:22px; margin-right:5px; }
|
|
|
|
|
|
.spanish { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -602px; padding-left:22px; margin-right:5px; }
|
|
|
|
|
|
.italy { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -698px; padding-left:22px; margin-right:5px; }
|
|
|
|
|
|
.japanese { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -635px; padding-left:22px; margin-right:5px; }
|
|
|
|
|
|
.russian { background-image:url("https://data.chinahighlights.com/css/images/member-sprite.png"); background-position:-10px -667px; padding-left:22px; margin-right:5px; font-family:Arial, Helvetica, sans-serif; background-repeat: no-repeat; font-size:13px; }
|
|
|
|
|
|
.mobileVersion { background:transparent url(https://data.chinahighlights.com/css/images/webCssPic.png) no-repeat top left; background-position:left -542px; margin-right:5px; padding: 2px 0 2px 15px; }
|
|
|
|
|
|
.securityArea { width:320px; height:32px; position:absolute; left:650px; top:-8px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#333; }
|
|
|
|
|
|
.mcafeeIcon { width:120px; height:32px; font-size:11px; float:left; }
|
|
|
|
|
|
.mcafeeHotel { width:115px; height:32px; position:absolute; left:530px; top:70px; }
|
|
|
|
|
|
.mcafeeHotel2 { width:115px; height:32px; position:absolute; left:820px; top:-38px; }
|
|
|
|
|
|
.mcafeeFlight { width:115px; height:32px; position:absolute; left:610px; top:40px; }
|
|
|
|
|
|
.TrusteIcon { width:181px; float:left; text-align:right; margin-top:-5px; }
|
|
|
|
|
|
.TrusteIcon span { margin-top:4px; display:block }
|
|
|
|
|
|
#socialMedia { margin:15px auto 10px auto; width:600px; }
|
|
|
|
|
|
.followusOn { float: left; display: block; font-weight: bold; margin-right:5px; }
|
|
|
|
|
|
.facebook { background-image:url("https://data.chinahighlights.com/css/images/social-media-sprite-s.png"); background-position:-1px -5px; background-repeat:no-repeat; display:block; float:left; width:80px; height:18px; padding-left:15px; }
|
|
|
|
|
|
.twitter { background-image:url("https://data.chinahighlights.com/css/images/social-media-sprite-s.png"); background-position:-1px -30px; background-repeat:no-repeat; display:block; float:left; width:65px; height:18px; padding-left:15px; }
|
|
|
|
|
|
.linkedin { background-image:url("https://data.chinahighlights.com/css/images/social-media-sprite-s.png"); background-position:-1px -55px; background-repeat:no-repeat; display:block; float:left; width:75px; height:18px; padding-left:15px; }
|
|
|
|
|
|
.youtube { background-image:url("https://data.chinahighlights.com/css/images/social-media-sprite-s.png"); background-position:-1px -80px; background-repeat:no-repeat; display:block; float:left; width:75px; height:18px; padding-left:15px; }
|
|
|
|
|
|
.gPlus { background-image:url("https://data.chinahighlights.com/css/images/social-media-sprite-s.png"); background-position:-1px -105px; background-repeat:no-repeat; display:block; float:left; width:75px; height:18px; padding-left:15px; }
|
|
|
|
|
|
/*顶部广告图片*/
|
|
|
|
|
|
#promoBox { position: absolute; top:17px; right:0; width:500px; right:0; }
|
|
|
|
|
|
#promoBox img { width:500px; height:70px; }
|
|
|
|
|
|
/*列表和详细页面框架*/
|
|
|
|
|
|
#sideBar { width:175px; padding-bottom:40px; float:left; z-index:1000; }
|
|
|
|
|
|
#sideBar p { display: block; margin: 0; }
|
|
|
|
|
|
#mainContentRight { width:765px; float: right; position: relative; }
|
|
|
|
|
|
#mainContentLeft { width:720px; float: left; position: relative; } /* for attraction detail */
|
|
|
|
|
|
#mainContentRight h2 { font-size:18px; font-weight: normal; margin: 0; margin-bottom:10px; }
|
|
|
|
|
|
#mainContentRight h2.dinningMain { background:url(https://data.chinahighlights.com/css/images/pic-round-arrow.gif) no-repeat left; padding-left:24px; }
|
|
|
|
|
|
#mainContentRight h3.dinningIcon { padding-bottom:2px; font-size:16px; background:url(https://data.chinahighlights.com/css/images/hotel/bg-folks.png) no-repeat left; padding-left:20px; font-weight: normal; margin:10px 0 5px 0; }
|
|
|
|
|
|
#contentMiddle { width:530px; float: left; }
|
|
|
|
|
|
#contentRight { float:right; width:220px; margin:0 0 0 0; position: relative; }
|
|
|
|
|
|
/* top series pages layout */
|
|
|
|
|
|
#mainContent { float: left; width:660px; }
|
|
|
|
|
|
#sideBarRight { float:right; width:275px; }
|
|
|
|
|
|
#sideBarRight p { display: block; margin: 10px 0 }
|
|
|
|
|
|
/* book mark tools */
|
|
|
|
|
|
.bookmarkTools { display: block; position: absolute; right: -20px; top: -40px; width: 160px; color:#999; }
|
|
|
|
|
|
.bookmarkTools .googlePlusone { display:block; float: left; margin:4px 0 0 5px; }
|
|
|
|
|
|
.bookmarkTools .facebookShare { display: block; float: left; background:url(https://data.chinahighlights.com/pic/fb-icon.jpg) no-repeat left; padding:3px 0 3px 18px; margin-right:10px; }
|
|
|
|
|
|
/* products search */
|
|
|
|
|
|
ul#product-search-nav { margin:0; padding:0; color:#444; height:40px; width:220px; overflow:hidden; background:url(https://data.chinahighlights.com/css/images/bg-search-nav-220.jpg) no-repeat left -2px; }
|
|
|
|
|
|
ul#product-search-nav li { float:left; text-align:center; list-style:none; }
|
|
|
|
|
|
ul#product-search-nav li a { display:block; padding:25px 8px; color:#f6f6f6; height:12px; font-weight:bold; font-size:11px; text-decoration:none; }
|
|
|
|
|
|
ul#product-search-nav li a:hover { color:#444444; }
|
|
|
|
|
|
ul#product-search-nav li a:focus { outline:0; }
|
|
|
|
|
|
ul#product-search-nav li a.tour { width:38px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-right:1px solid #bdbdbd; }
|
|
|
|
|
|
ul#product-search-nav li a.tourSelected { background:url(https://data.chinahighlights.com/css/images/bg-search-nav-220.jpg) no-repeat left -50px; color:#9c0027; }
|
|
|
|
|
|
ul#product-search-nav li a.cruise { width:37px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; padding:25px 12px 25px 4px; }
|
|
|
|
|
|
ul#product-search-nav li a.cruiseSelected { background:url(https://data.chinahighlights.com/css/images/bg-search-nav-220.jpg) no-repeat -55px -50px; color:#9c0027; }
|
|
|
|
|
|
ul#product-search-nav li a.hotel { width:37px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; }
|
|
|
|
|
|
ul#product-search-nav li a.hotelSelected { background:url(https://data.chinahighlights.com/css/images/bg-search-nav-220.jpg) no-repeat -110px -50px; color:#9c0027; }
|
|
|
|
|
|
ul#product-search-nav li a.flight { width:37px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; border-left:1px solid #bdbdbd; }
|
|
|
|
|
|
ul#product-search-nav li a.flightSelected { background:url(https://data.chinahighlights.com/css/images/bg-search-nav-220.jpg) no-repeat -166px -50px; color:#9c0027; }
|
|
|
|
|
|
.productBox .productTitle { font-size:16px; line-height:20px; display:block; margin:5px 0; }
|
|
|
|
|
|
.productBox { padding:5px 5px 10px 5px; background:#fff url(https://data.chinahighlights.com/css/images/bg-search.gif) no-repeat left bottom; border-left:2px solid #BDBDBD; border-right:2px solid #BDBDBD; border-bottom:2px solid #BDBDBD; margin-bottom:10px; }
|
|
|
|
|
|
.productBox table { font-size:11px; }
|
|
|
|
|
|
.productBox table tr td { text-align:left; margin-bottom:3px; padding:0 0 6px 0; font-size:10px; }
|
|
|
|
|
|
.productBox img.searchStyle { margin:5px 83px 5px 0; float:right; }
|
|
|
|
|
|
.productBox ul li { list-style:none; }
|
|
|
|
|
|
.productBox .flightCity { background:#fff url(https://data.chinahighlights.com/css/images/flight/menu.png) 140px center no-repeat; -moz-background-clip:border; -moz-background-inline-policy:continuous -moz-background-origin:padding;
|
|
|
|
|
|
border-left:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; width:153px; }
|
|
|
|
|
|
.productBox a:link, .productBox a:visited { size:11px; color:#545454; }
|
|
|
|
|
|
.productBox a:hover { text-decoration:none; color:#a31022; }
|
|
|
|
|
|
.productBox label { width:80px; line-height:14px; padding-top:10px; font-size:10px; }
|
|
|
|
|
|
.productBox label.noPadding { padding-top:5px; }
|
|
|
|
|
|
.searchBoxinput200 { width:200px; }
|
|
|
|
|
|
.searchBoxinput250 { width:250px; }
|
|
|
|
|
|
.searchBoxinput100a { width:100px; margin:8px 0 0 29px; }
|
|
|
|
|
|
.searchBoxinput80 { width:80px; margin:5px 0 0 0; }
|
|
|
|
|
|
.searchBoxinput50 { width:50px; margin:10px 0 0 0; }
|
|
|
|
|
|
.searchBoxinput100 { width:100px; margin:5px 0 0 0; }
|
|
|
|
|
|
.searchBoxinput130 { width:130px; margin:5px 0 0 0; }
|
|
|
|
|
|
.searchBoxinput300 { width:300px; margin:8px 0 0 29px; }
|
|
|
|
|
|
.searchBoxinput120 { width:120px; margin:10px 0 0 0; }
|
|
|
|
|
|
.productBox input { background:#fff; color:#666; font-family:Verdana, Sans-Serif; font-size:11px; line-height:16px; margin:5px 0 5px 0; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; }
|
|
|
|
|
|
.productBox select { background:#fff; color:#666; font-family:Verdana, Sans-Serif; font-size:11px; line-height:16px; margin:5px 0 5px 0; height:21px; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; }
|
|
|
|
|
|
.productBox textarea { background:#fff; color:#666; font-family:Verdana, Sans-Serif; font-size:11px; line-height:16px; margin:5px 0 5px 0; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; }
|
|
|
|
|
|
.productBox input:focus, .productBox textarea:focus, .productBox select:focus, .productBox input.nobg:focus { border:1px solid #a31022; background-color:#f1f1f1; }
|
|
|
|
|
|
.productBox input { background:#fff url(https://data.chinahighlights.com/css/images/calender.GIF) 120px center no-repeat; width:133px; padding:4px 3px; border:1px solid #F3CB76; }
|
|
|
|
|
|
.productBox input.nobg { background:#fff; width:133px; border:solid 1px #ddd; }
|
|
|
|
|
|
.productBox input.radio { width:18px; border:1px solid #fff; margin-top:5px; float:left; }
|
|
|
|
|
|
.productBox select { width:140px; }
|
|
|
|
|
|
.productBox select option { padding-left:5px; background:#fff; border-bottom:1px solid #eee; font-size:12px; }
|
|
|
|
|
|
.productBox .productboxcity { font-size:10px; width:190px; background:#fff; border:1px solid #DDDDDD; float:left; padding:5px 0 5px 5px; }
|
|
|
|
|
|
.productBox .productboxcity td { padding:2px 5px 5px 2px; color:#666; vertical-align:middle; line-height:12px; }
|
|
|
|
|
|
.productBox input.checkbox { background:#fff; width:16px; padding:2px 0 2px 2px; border: none; margin-top:-3px; margin-bottom:0px; vertical-align:middle; margin-right:0 }
|
|
|
|
|
|
.productBox textarea { width:140px; height:40px; margin-top:5px; }
|
|
|
|
|
|
.productBox .advancedSearch { float:right; font-size:11px; bottom:5px; }
|
|
|
|
|
|
.productBox .advancedSearch a { color:#9c0027; }
|
|
|
|
|
|
.functionBox { margin-bottom:15px; border:#ccc 1px solid; position:relative; }
|
|
|
|
|
|
.functionBox li:first-letter { text-transform:capitalize; }
|
|
|
|
|
|
.functionBox h5, .functionBox h3 { background: url(https://data.chinahighlights.com/css/images/bg-gray-jianbian.gif) repeat-x; line-height:33px; color:#fff; font-size:14px; padding-left:10px; margin:0; }
|
|
|
|
|
|
.functionBox h5 a { color:#666; }
|
|
|
|
|
|
.functionBox h5 a:hover { color:#a31022; }
|
|
|
|
|
|
.functionBox .functionTitle { background: url(https://data.chinahighlights.com/css/images/bg-gray-jianbian.gif) repeat-x; line-height:33px; color:#fff; font-size:14px; padding-left:10px; margin:0; display:list-item }
|
|
|
|
|
|
.functionBox .functionTitle a { color:#666; text-decoration: none; }
|
|
|
|
|
|
.functionBox .functionTitle a:hover { color:#a31022; }
|
|
|
|
|
|
.functionBox span { padding:5px; }
|
|
|
|
|
|
.questionForm { height:273px; margin: 5px 0 -50px 0; background:url(https://data.chinahighlights.com/css/images/tour/bg-question.jpg) no-repeat left; border: none; padding:5px 5px 5px 10px; border-right:2px solid #999; }
|
|
|
|
|
|
#content #subContent .questionForm p { margin:5px 0 0 5px; }
|
|
|
|
|
|
.questionForm h3 { display:block; font-size:14px; margin:0; color:#fff; background:#999 none repeat scroll 0 0; padding:8px 0 8px 12px; }
|
|
|
|
|
|
.questionForm .questionFormTitle { font-size:17px; font-weight: normal; display: block; margin: 5px 0 8px 5px; color:#a31022 }
|
|
|
|
|
|
.questionForm label { float:left; width:70px; line-height:14px; padding-top:10px; padding-right:8px; }
|
|
|
|
|
|
.questionForm input { background-color: #fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color:#666; font-size:11px; line-height:16px; padding:4px 5px; width:160px; margin:5px 0 3px 0; }
|
|
|
|
|
|
.questionForm textarea { background-color: #fff; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; color:#666; font-size:11px; line-height:16px; padding:4px 5px; width:258px; height:80px; margin:5px 0 3px 0; }
|
|
|
|
|
|
.buttun01 { font-weight:bold; text-align:center; color:#A31022; cursor:pointer; margin:auto; }
|
|
|
|
|
|
.buttun01 a { display:block; -moz-border-radius:5px; -moz-border-radius:5px; border:#D1D1D1 1px solid; background-color:#fff; background-image:url(https://data.chinahighlights.com/css/images/bg-click.GIF); background-repeat:repeat-x; background-position:bottom; padding:6px 12px; text-decoration:none; color:#a31022; }
|
|
|
|
|
|
.buttun01 a:hover { display:block; padding:6px 12px; background-color:#fff; background-image:url(images/bg-click-hover.GIF); background-repeat:repeat-x; background-position:bottom; }
|
|
|
|
|
|
.searchSuggestBox { width:279px; height:auto; position:absolute; background:url(https://data.chinahighlights.com/css/images/search-suggest-1.png) no-repeat top left; z-index:1000; display:block; }
|
|
|
|
|
|
.searchSuggestBox ul { position:relative; background:url(https://data.chinahighlights.com/css/images/search-suggest-2.png) repeat-y; }
|
|
|
|
|
|
.searchSuggestBox .bottom { position:relative; background:url(https://data.chinahighlights.com/css/images/search-suggest-3.png) no-repeat top left; height:7px; color:#999; }
|
|
|
|
|
|
.searchSuggestBox ul li { line-height:25px; height:25px; list-style:none; border-top:1px solid #CCC; width:270px; }
|
|
|
|
|
|
.searchSuggestBox ul li a { display:block; text-decoration:none; color:#666; padding:0 0 0 8px; margin:0; }
|
|
|
|
|
|
.searchSuggestBox ul li a strong { color:#666; }
|
|
|
|
|
|
.searchSuggestBox ul li a:hover, #searchSuggestBox ul li a:hover strong { color:#a31022; background-color:#CCC; margin:0; height:25px; }
|
|
|
|
|
|
.searchSuggestBoxliahover a, .searchSuggestBoxliahover strong { color:#a31022!important; background-color:#CCC; }
|
|
|
|
|
|
/* social media bar on the left */
|
|
|
|
|
|
#ShareBar { top: 30%; width:67px; height:311px; padding:10px; left:50%; margin-left:-590px; background:url(https://data.chinahighlights.com/css/images/guide/bg-city/bg-social-media-bar.png) no-repeat; overflow:hidden; position: fixed; z-index: 100000; text-align:center; line-height:normal; _position: absolute; font-size:11px; }
|
|
|
|
|
|
#ShareBar a, #ShareBar a:hover, #ShareBar a:visited { text-decoration:none; font-size:11px; }
|
|
|
|
|
|
#FACEBOOK { margin-right: -7px; border-bottom:1px solid #fff; padding-bottom:10px; display: block; padding-left:10px; }
|
|
|
|
|
|
#TWEET { margin-right: -5px; display: block }
|
|
|
|
|
|
#GPLUS { margin-top:10px; border-bottom:1px solid #fff; padding-bottom:10px; display: block }
|
|
|
|
|
|
#SUBMIT { margin:10px 0; border-bottom:1px solid #fff; padding-bottom:10px; display: block }
|
|
|
|
|
|
#FACEBOOK .pluginCountBox { width:45px!important; height:22px!important; border-radius:2px; }
|
|
|
|
|
|
.count-o { height:30px!important; padding:0!important }
|
|
|
|
|
|
#widget { width:48px!important; margin-left:10px!important; }
|
|
|
|
|
|
/* video about info */
|
|
|
|
|
|
.videoRight220 { width:220px; margin: 0 0 15px 0 }
|
|
|
|
|
|
.videoRight220 .watchMore { display: block; margin:8px 0; width:220px }
|
|
|
|
|
|
.videoRight300 .watchMore { display: block; margin:8px 0; width:300px }
|
|
|
|
|
|
.videoRight275 .watchMore { display: block; margin:8px 0; width:275px; }
|
|
|
|
|
|
.watchMore a { color:#545454; font-style: italic }
|
|
|
|
|
|
.watchMore a:hover { text-decoration: none; color:#a31022; }
|
|
|
|
|
|
.watchMore .videoName { margin-right:10px; }
|
|
|
|
|
|
.videoRight300 { width: auto; float: right; margin: 0 0 10px 10px; }
|
|
|
|
|
|
.videoRight275 { width: 275px; margin: 0 0 10px 8px; float:right; }
|
|
|
|
|
|
/* reviews style for info */
|
|
|
|
|
|
.infoReview { border-top:1px dashed #a31022; margin:10px 0 20px 0; padding:5px 0 0 0; display: block; clear: both; }
|
|
|
|
|
|
/* nav new promo */
|
|
|
|
|
|
.guideNavPromo { border:1px solid #a31022; width: auto; position:absolute; padding:3px 5px 3px 17px; border-radius:4px; top:25px; font-weight: normal; color:#a31022; background:url(https://data.chinahighlights.com/pic/redstar.png) no-repeat 2px 3px #fff; font-size:11px; }
|
|
|
|
|
|
.guideNavPromo .redArrow { background:url(https://data.chinahighlights.com/pic/arrow-up-red-18.png) no-repeat; width:18px; height:9px; position:absolute; top:-9px; left:5px; display: block; }
|
|
|
|
|
|
.guideNavPromo a { font-weight: normal; }
|
|
|
|
|
|
.guideNavPromo a:hover { text-decoration:underline; }
|
