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.

358 lines
24 KiB
CSS

@charset "utf-8";
.cInquiry{width:980px; height:28px; background:#eee; line-height:27px;}
.cInquiry ul li{float:left; height:28px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAcCAYAAACZOmSXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4QkM4RUU4RDE4NDhFMzExOTg2N0I0M0VBN0FDNkRCQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyQjVEOTQyNEEyQUUxMUUzQTQwMkE1QkM4MDFFRURFNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyQjVEOTQyM0EyQUUxMUUzQTQwMkE1QkM4MDFFRURFNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI2MkE3QzY2NjQ5MEUzMTFBQ0RBOTlFOEU1QkU3MTY2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjhCQzhFRThEMTg0OEUzMTE5ODY3QjQzRUE3QUM2REJCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qNAt5wAAAN1JREFUeNpi/P//P8NAASaGAQSjlg8IYEEX2Lp1qyeQmgvEkiSYE+Xt7b2cGj4n1WIQWAB0tB81LJckIwTZgHgl0AFOAxXnHEC8CegA84FKcNxAvBPoAL2BSu38QLwH6ADVgcpqokC8D+gAuYHK5zJAvBfoAImBKmRUgHjLiCxe7wCx90BY/gSInYDF7kt6W/4aiB2BFj+md7B/AGJnoMV36B3nX4DYA2jxZXonuO9A7A+0+CQlqf05GRb/AuJwoMX7KM1qKUD8gkTL44EWbybVxYyjTedRy+kJAAIMALzvOTRSuO6mAAAAAElFTkSuQmCC") no-repeat 0 0; list-style:none; padding-left:8px; color:#FFF;}
.cInquiry ul li span{ padding-left:20px; color:#545454;width:202px; float:right;}
.cInquiry ul li.first{ background:url(https://data.chinahighlights.com/css/images/merge/csg-5353c9230632f.png) no-repeat 0 -614px; color:#FFF; width:205px; padding-left:30px; word-spacing:-1px; letter-spacing:0;}
#mainMenu ul.chNav li.chinaTours.active { background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAtCAIAAAAcDL1ZAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAFQSURBVHjabFNLjkMxCMOI1Zygh+6dGYwhyaKV+vIDO8YE37+P/fr5z93kAQzggmP9zfQNbepM04oHkhmzY5MMwsMHodMNE1bLWPz+kDQJRQ70LQqVd4EAahYP88Lxn+EVy2iyWaZEVGzrMI2L1ADRYwoHo5o7cXdEk8MSPnwaUpPiFNTGXUEYKFwY3rAGXlcgOR4MY6y8U99BDVxy7XdGcQBTHBUspQt1Kz/u0GknW51614qx/C4xs3wtM6yZmgSrmlwoQ3Yl2ihIq6qZWhf50z/cdRXM+1Zpp1S5Uo/ylsGUqYOgcqTYwZyMp+nyZoyufMJt+kp9kG3dhXKcxrfD5dsl0tvVGJLA7T5cw25T+95HevA6CLu6T/ssiOS3U/PwulnanenoN8O2PG2UvNjG3FXSj9MxU0cJiEOps2056Knl+9b6faY/D0moAsW/AAMA6lRsZzwxbxQAAAAASUVORK5CYII=") repeat-x bottom !important; border-radius: 5px 5px 0 0; margin-top:-9px; padding-top:15px; }
.topIcon { width:50px; position:fixed; right:50%; top:50%; margin-right:-550px; }
#tourTop { margin: 20px 0; height:300px; width: 980px; clear: both; }
#tourTop .largeImg { float: left; width:680px; position: relative; }
#tourTop .largeImg img { border-radius:4px; width:680px; height:300px;}
#tourTop .largeImg .titleBlock { background:rgba(0,0,0,0.4); display: block; width: auto; padding:5px 10px 10px 10px; position:absolute; top: 20px; left:0; color:#fff; width:660px; }
#tourTop .largeImg h1 { color:#fff; border-bottom: none; margin: 0 0 5px 0; font-weight: normal; font-size:30px; text-shadow:0 0 2px #333 }
#tourTop .largeImg h2 { font-size: 14px; color:#fff; margin:0; font-weight: normal; text-shadow:0 0 2px #333 }
#tourTop .topRight { float: right; width:245px; height:270px; padding:15px; position:relative; border-radius:4px; background: url(https://data.chinahighlights.com/css/images/merge/csg-5353c9230632f.png) no-repeat 0 -852px;}
#tourTop .topRight .class{ width: 130px; float:left; margin-left:10px; margin-top:-7px;}
#tourTop .topRight .class img { margin-left:45px; margin-top:-15px;}
#tourTop .topRight .rating { width: 200px; float:left; margin-top:-2px; margin-left:10px;}
#tourTop .topRight .rating span.rate { font-size:30px; color:#a31022;}
#tourTop .topRight ul.figure1 { width: 140px; float:left; line-height:17px; font-size:11px; margin-left:10px; margin-top:13px;}
#tourTop .topRight ul.figure1 li { list-style:none;}
#tourTop .topRight ul.figure2 { float:right; line-height:17px; font-size:11px; margin-right:10px; margin-top:13px;}
#tourTop .topRight ul.figure2 li { list-style:none;}
#tourTop .topRight .discription { width:240px; float:left; font-style:italic; margin-top:10px; margin-left:5px; min-height:30px; max-height:50px; overflow:hidden;}
#tourTop .topRight .price { width:245px; float:left; margin-top:15px; margin-left:5px; height:50px;}
#tourTop .topRight .price span.pricefrom {color: #545454;
display: inline-block;
float: left;
margin: -8px 10px 0 0;}
#tourTop .topRight .price span.dollar { color: #A31022;
display: block;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 16px;
font-weight: bold;
margin-top: -5px; margin-left:-5px; margin-right:5px;}
#tourTop .topRight .price span.number { color: #A31022;
display: inline-block;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 43px;
font-weight: bolder;
margin-right: 10px; margin-top:-13px;}
#tourTop .topRight .price span.pax {display: block; float: left; margin-top: 10px;}
#tourTop .topRight .inquire img { margin-top:30px; margin-left:50px;}
#maintourContent #Content { margin-top:15px; width:980px;}
#maintourContent #Content h2 { font-size:24px;}
#maintourContent #Content h2 .blue { font-size: 30px; color: #034f8d; float:left; margin-right: 5px; font-family:Impact; font-weight:lighter; }
#maintourContent #Content h2 .red { font-size:30px; color:#a31022; font-family:Impact;font-weight:lighter;}
.itineraryChoose{ width:978px; margin-top:15px; border:1px solid #d1d1d1;}
.itineraryChoose ul{list-style:none; height:41px; background-color:#f1f1f1;}
.itineraryChoose ul li{width:50%; float:left; text-align:center; line-height:41px;}
.itineraryChoose ul li label{cursor:pointer;}
table.quota { width: 960px; margin:10px 5px 0 9px;}
table.quota td{height:65px; text-align:center;}
table th.stream{ background-color:#f1f1f1; width:980px;}
table th.stream span.downstream { font-size:13px; margin-right:20px; float:left; }
table th.stream span.upstream { font-size:13px;}
table th.suite {background-color:#f1f1f1; font-size:13px; text-align:center; padding-top: 3px; border-right:1px #d1d1d1 solid; width:240px; }
table th.suitelast{border-right:none;}
table td.date1 {font-size:13px; text-align:center; border-right:1px #d1d1d1 solid;border-bottom:1px #d1d1d1 solid;}
table td.date1 span{font-size:10px; line-height:2em}
table td.date2 {font-size:13px; text-align:center; border-right:1px #d1d1d1 solid;border-bottom:1px #d1d1d1 solid;}
table td.date3 {font-size:13px; text-align:center; border-right:1px #d1d1d1 solid;border-bottom:1px #d1d1d1 solid;}
table td.date4 {font-size:13px; text-align:center; border-right:1px #d1d1d1 solid;border-bottom:1px #d1d1d1 solid;}
table td.date5 {font-size:13px; text-align:center; border-right:1px #d1d1d1 solid;}
table tr.booktd{ background:#FFF;}
table td.abc{ border-top:1px #d1d1d1 solid;}
.book {font-size:13px; text-align:right; width:972px; float:left; background-color:#f1f1f1;height:80px; margin:5px 3px;}
.book img {margin:20px 10px 0 10px;}
table td.quotation {font-size:13px; line-height:2em; text-align:center; border-right:1px #d1d1d1 solid;border-bottom:1px #d1d1d1 solid;}
table td.quotalast{border-right:none;}
table td.quotation span.quotation { color:#a31022;}
table td.quotation label{ cursor:pointer}
table td.bottomquotation {font-size:13px; text-align:right; border-right:1px #d1d1d1 solid;}
table td.bottomquotation span.quotation { color:#a31022; font-size: 15px; padding-right:50px;}
table td.balconyquotation {font-size:13px; text-align:right; border-bottom:1px #d1d1d1 solid;}
table td.cornor {font-size:13px;}
table td.cornor span.quotation { color:#a31022; font-size: 15px; padding-left:80px;}
table td.balconyquotation span.quotation { color:#a31022; font-size: 15px; padding-right:50px;}
.grayBg{background:#f1f1f1; margin:5px 0; height:50px; padding-top:15px;}
#CruisePriceForm, #CruisePriceFormrow{width:140px; padding-top:10px; float:right;}
.submitButton{float:right;}
.submitButton img{cursor:pointer;}
.submitButton img.buttonSubmit{margin-right:15px;}
.priceincludes { width:465px; float:left; margin:25px 0px; border:1px solid #d1d1d1; background-color:#f1f1f1; -moz-border-radius:4px; padding:5px;height:220px;}
.priceincludes ul { margin-left:5px }
.priceincludes ul li { list-style:none; background:url("data:image/gif;base64,R0lGODlhEQAOANUAAAAAAP///74ODr4PD78SEsAVFcAXF8EcHMMjI8QqKsUsLMc3N8g7O8lAQMxNTc5TU85WVtBgYNJmZtRxcdZ4eNd/f9iDg9mHh9qLi9uPj9yTk92Xl96bm9+fn+GoqOS1tea/v+rS0uzd3e3h4e/m5vDs7PHx8f///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACcALAAAAAARAA4AAAZwQJNwSBxaIMKOcslUUgSCxAjSbDqgUEOlSMxgBYPLlmvSfAsf07ioGWARIuGkE2F4hBs3NEG8QhsmeVgPDkQVDVAEHHoEHiCFQxUkBF8CByEmj4YmGF8LJUKakUIKUBJEokJjIQUcRakmVFVLFZBCQQA7") no-repeat left 3px; padding-left:20px; line-height:18px; margin-bottom:5px; font-size:11px; color:#545454 }
.priceincludes ul li .bgyellow { background:#FFFFE1; border:1px dashed #d1d1d1; padding:5px; -moz-border-radius:4px; margin-top:5px }
.priceexcludes ul li .bgyellow { background:#FFFFE1; border:1px dashed #d1d1d1; padding:5px; -moz-border-radius:4px; margin-top:5px }
.priceexcludes { width:465px; float:right; margin:25px 0px; border:1px solid #d1d1d1; background-color:#f1f1f1; -moz-border-radius:4px; padding:5px; height:220px; }
.priceexcludes ul { margin-left:5px }
.priceexcludes ul.excludes { margin-left:5px }
.priceexcludes ul li { list-style:none; background:url("data:image/gif;base64,R0lGODlhDwAOANUAAAAAAP///74ODr8REb8TE8AWFsAZGcEbG8IeHsIhIcMjI8MmJsQpKcUrK8c2Nsg7O8k+PspDQ8xLS8xOTs1RUc5TU85WVs9bW9BeXtFhYdJmZtJpadRxcdV2dtd7e9qJiduOjtyUlN2Wlt6ent+hoeCkpOGpqeGsrOKuruO0tOS2tuW8vOa+vubBwefGxujJyenMzOnOzurR0evW1uzZ2e3e3u3h4e7k5O/m5u/p6fDs7PDu7vHx8f///wAAAAAAACH5BAEAAD0ALAAAAAAPAA4AAAaSQJ6Qd5IMBILEZjYU6jDIx2bDEBRKzQwS1DwhBichSgBBHF5NmCGB400GMRVhUWt+BCLdICIUkXNDNgMVMwIaQx0CF00JDzQCGUM7FQIeQwcROwgNO0M4DgIkPC6QPBsCIU00CQQsFAIoPDIFBylNLQUGAnxCI0cdLkIuEAILNE0mCkjLAhZMTTw3IRMPEhwrTUEAOw==") no-repeat left 3px; padding-left:20px; line-height:18px; margin-top:5px; font-size:11px}
.map img{ width: 980px; max-height:270px!important;}
.itinerary { width:980px;}
.tags{margin-top:10px;}
.itinerary .tags span{width:335px; text-align:center; float:left; font-size:16px; margin-top:5px; color:#000; background: url(https://data.chinahighlights.com/css/images/merge/csg-5353c9230632f.png) no-repeat 0 -466px; height:50px; line-height:40px; margin-bottom:10px; cursor:pointer;}
.itinerary .tags span.actives{background: url(https://data.chinahighlights.com/css/images/merge/csg-5353c9230632f.png) no-repeat 0 -751px; color:#FFF;}
.itinerary table { width:980px; border-left: #d1d1d1 1px solid; border-right: #d1d1d1 1px solid; border-top: #d1d1d1 1px solid;}
.itinerary table th.title {background-color:#e5e6e6; font-size:16px; text-align:left; padding-left:10px; border-bottom: 1px solid #d1d1d1; border-right:none; height:25px;}
.itinerary table td.day { border-right:1px #d1d1d1 solid;border-bottom:1px #d1d1d1 solid; text-align:center;}
.itinerary table td.daybottom { border-right:1px #d1d1d1 solid;text-align:center;}
.itinerary table td.dayright { border-bottom:1px #d1d1d1 solid;text-align:center;}
.itinerary table td.daycornor { text-align:center;}
.itinerary table th {border-bottom: 1px solid #d1d1d1; width:44px;border-right:1px solid #d1d1d1; padding:5px; font-size:15px;font-weight: normal; }
.itinerary table td { border-bottom: 1px solid #d1d1d1; padding:10px;}
.itinerary table tr{border-bottom:1px solid #C00;}
.summary { width:980px; float:left;margin-top:10px; margin-right:20px;}
.detail{ float:right; width:330px; margin:0 0 15px 20px; border: solid 1px #d1d1d1; padding:7px; -webkit-box-shadow: 0 0 2px 2px rgba(84,84,84,0.1);box-shadow: 0 0 2px 2px rgba(84,84,84,0.1);}
.detail img { width:330px; height:180px; }
.detail table{margin-top:15px;}
.detail ul.details { width:350px; margin-top:10px; float:left; line-height:20px; margin-bottom:10px;}
.detail ul.details li { list-style:none; width:80px; float:left;font-size:15px;}
.detail ul.measurement { width:350px; line-height: 20px;}
.detail ul.measurement li { list-style:none; width:80px; float:left;font-size:15px;}
.cabinTupe { width:980px; background:url(https://data.chinahighlights.com/css/images/merge/csg-5353c9230632f.png) no-repeat 0 -112px; height:300px; margin-bottom:-50px;}
.cabinTupe span.roomTitle { width:900px; padding-left:35px; float:left; font-size:18px; height:25px; margin-bottom: 10px; margin-top:15px;}
.cabinTupe .CabinPic { width:300px; margin-left:30px; margin-right:-25px; float:left;}
.cabinTupe .CabinPic img { max-width: 600px!important; height:150px; margin-bottom: 10px;}
.cabinTupe .CabinPic span.Name { width:300px; margin-top:20px; font-size: 14px; text-align:center; }
.cabinTupe .measure { width:260px; float:left; margin-left:365px; margin-top:-178px; }
.cabinTupe .measure img { width: 260px; height:150px; margin-bottom: 10px;}
.cabinTupe .measure span.name { width:260px; margin-top:20px; font-size: 14px; margin-left:100px; }
.cabinTupe .facility { width: 210px; float:right; margin-top:-15px; margin-right:85px;}
.cabinTupe .facility span.FacilityTitle { width:210px; font-size:18px; height:25px; margin-bottom: 20px; margin-top:15px; }
.cabinTupe .facility ul { list-style:none; line-height:25px; }
.deckInfo { margin-top:20px; width:980px;}
.deckInfo ul.DeckImage { width:980px; float:left; line-height:40px;}
.deckInfo ul.DeckImage li{ background:none; list-style:none;}
.deckInfo ul.DeckImage li span{float:left; width:100%;}
.moreitin{width:100%; margin:10px 0; text-align:center; font-size:16px;}
.moreitin a{text-decoration:none;}
span.rating { color:#a31022; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold }
span.aveRating { color:#a31022; font-size:18px;}
.customerRating { font-size:12px; margin: 10px 0 30px 0; clear:both;}
.customerRating .ratingTitle { margin: 5px 0 8px 0; display: block;}
#facts table tr td{width:25%; padding:0 8% 5px 0; font-size:16px; color:#034f8d;}
#facts table tr td span{color:#034f8d!important;}
#facts table tr th{ font-weight:normal; font-size:9px; color:#9B9B9B; text-align:left;}
.bottomimg{margin:15px 0 0 0; float:left; width:100%;}
.bottomimg span, .map span{ font-size:15px; margin:15px 0 5px 0; width:100%; float:left; font-weight:bold;}
/*timeline*/
#timeline{position:absolute; left:50%; margin-left:-620px; top:150px;}
.timeline { width: 80px; float:left; height: 180px; border-left:3px dashed #d1d1d1; z-index:10}
.timeline ul{margin-top:0; margin-left:-13px; list-style:none; padding-top:25px}
.timeline ul li{padding:0 0 36px 0px;width: 130px;}
.timeline ul li a{text-decoration:none;background:url(https://data.chinahighlights.com/css/images/merge/csg-5353c9230632f.png) no-repeat 7px -403px; padding-left:25px;}
.timeline li.active a{background:url(https://data.chinahighlights.com/css/images/merge/csg-5353c9230632f.png) no-repeat 7px -688px; color:#a31022;}
.pricepp{font-size:24px!important; line-height:40px;}
#cruiseInfoDetail{width:100%; float:left;}
.cabinbox{ border: solid 1px #d1d1d1; padding:7px; -webkit-box-shadow: 0 0 2px 2px rgba(84,84,84,0.1);box-shadow: 0 0 2px 2px rgba(84,84,84,0.1); min-width:500px; min-height:300px; padding-top:15px; display:none;}
.cabinbox .LeftSide { width: 225px; height: 245px; float:left; padding:5px 0 0 10px}
.LeftSide img { width: 200px; height:150px; margin-bottom: 5px; }
.LeftSide span.CabinTitle { font-size:15px; color: #000; margin-bottom:3px; font-weight:bold; line-height:30px }
.LeftSide ul li { background: url(https://data.chinahighlights.com/css/images/merge/csg-5353c9230632f.png) no-repeat 0 -552px; margin-bottom:10px; list-style:none; padding-left:15px }
.RightSide { width: 245px; height: auto; float:left; margin-left:1px; padding:0 0 0 15px; border-left:#ECECEC 1px solid; }
.RightSide span.Facility { font-size:15px; color: #3F3F3F; margin-bottom:10px; font-weight:bold; line-height:30px}
.RightSide ul li { background: url(https://data.chinahighlights.com/css/images/merge/csg-5353c9230632f.png) no-repeat 0 -552px; margin-bottom:10px; list-style:none; padding-left:15px }
.cabintapimg{background:url(https://data.chinahighlights.com/css/images/merge/csg-5353c9230632f.png) no-repeat 0 0; width:60px; height:62px;cursor:pointer; display:none;}
.showimg{cursor:pointer; padding-left:5px; padding-top:-2px;}
.cabin{display:none;}
.chPromise { display:block; margin:15px 0; }
.chPromise h2 { font-size:30px; margin:10px 0 30px 0; text-align:center; font-weight: normal; float:left; width:100%;}
.chPromise .advantageItem { display: block; float: left; width:178px; margin-right:20px; }
.chPromise .advantageItem.last { margin-right:0; float: right; }
.chPromise .advantageItem .titleBlock { display: block; margin: 0 0 10px; font-size:18px; color:#04679A; padding-bottom:2px; }
.chPromise .advantageItem .titleBlock.last { font-size:13px; }
.chPromise .advantageItem .titleBlock:first-letter { font-size:23px; font-weight: bold; }
.chPromise .advantageItem p { font-size:14px; line-height:18px; display: block; margin-top:10px; }
.chPromise .advantageItem .flexible { display: block; width:178px; height:93px; background:url(https://data.chinahighlights.com/pic/bg-city-tour-icon.png) no-repeat 0 0; }
.chPromise .advantageItem .expert { display: block; width:178px; height:93px; background:url(https://data.chinahighlights.com/pic/bg-city-tour-icon.png) no-repeat -200px 0; }
.chPromise .advantageItem .noshops { display: block; width:178px; height:93px; background:url(https://data.chinahighlights.com/pic/bg-city-tour-icon.png) no-repeat -395px 0; }
.chPromise .advantageItem .moneyback { display: block; width:178px; height:93px; background:url(https://data.chinahighlights.com/pic/bg-city-tour-icon.png) no-repeat -800px 0; }
.chPromise .advantageItem .fullCare { display: block; width:178px; height:93px; background:url(https://data.chinahighlights.com/pic/bg-city-tour-icon.png) no-repeat -595px 0; }
#facebox .b {background:url(https://data.chinahighlights.com/css/images/community/b.png);}
#facebox .tl {background:url(https://data.chinahighlights.com/css/images/community/tl.png);}
#facebox .tr {background:url(https://data.chinahighlights.com/css/images/community/tr.png);}
#facebox .bl {background:url(https://data.chinahighlights.com/css/images/community/bl.png);}
#facebox .br {background:url(https://data.chinahighlights.com/css/images/community/br.png);}
#facebox {position:absolute;top:0;left:0;z-index:9999;text-align:left;}
#facebox .popup {position:relative;}
/* popup inner css style by Mercier */
#facebox .popup .loginName { width: 240px; float: left; margin: 0 0 8px 0 }
#facebox .popup .loginEmail { width: 240px; float: left; margin: 0 0 8px 0}
#facebox .popup .loginName input { background:url(https://data.chinahighlights.com/pic/p-blue.gif) no-repeat 5px 8px #fff;border:1px solid #7E9DB9; -moz-border-radius:4px; padding:5px 0;}
#facebox .popup .loginEmail input { background:url(https://data.chinahighlights.com/css/images/community/log-in-email.png) no-repeat 5px 8px #fff; border:1px solid #7E9DB9;-moz-border-radius:4px; padding:5px 0}
#facebox .popup .textContent { margin: 8px 0; border:1px solid #7E9DB9; background:#fff; padding:5px;}
#facebox table {border-collapse:collapse;}
#facebox td {border-bottom:0;padding: 0;}
#facebox .body {padding: 10px;background: #fff;width:370px;}
#facebox .loading {text-align:center;}
#facebox .image {text-align:center;}
#facebox .footer {border-top: 1px solid #DDDDDD; padding-top: 5px;margin-top: 10px;text-align: right; height:auto; background:none}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide { z-index:-100;}
.facebox_overlayBG { background-color: #000;z-index: 99;}
/*Facebox End*/
/*BoxXY*/
.boxy-wrapper{ position: absolute; }
.boxy-wrapper.fixed { position: fixed; }
.boxy-modal-blackout { position: absolute; background-color:#666; left: 0; top: 0; }
.boxy-wrapper { empty-cells: show; }
.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }
.boxy-wrapper .top-left { background: url('/image/expo-shanghai/boxy/boxy-nw.png'); }
.boxy-wrapper .top-right { background: url('/image/expo-shanghai/boxy/boxy-ne.png'); }
.boxy-wrapper .bottom-right { background: url('/image/expo-shanghai/boxy/boxy-se.png'); }
.boxy-wrapper .bottom-left { background: url('/image/expo-shanghai/boxy/boxy-sw.png'); }
/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
/* NB: these must be absolute paths or URLs to your images */
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/expo-shanghai/boxy/boxy-nw.png'); }
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/expo-shanghai/boxy/boxy-ne.png'); }
.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/expo-shanghai/boxy/boxy-se.png'); }
.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/expo-shanghai/boxy/boxy-sw.png'); }
.boxy-wrapper .top,
.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
.boxy-wrapper .left,
.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }
/* Title bar */
.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }
/* Content Region */
.boxy-inner { background-color: white; padding: 0 }
.boxy-content { padding: 15px; }
/* Question Boxes */
.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right; }
.boxy_bottom {color: #545454;cursor: pointer;font-size: 13px;font-weight: bold;text-align: right;}
/*BoxXY End*/
#contactme {
width: 182px;
height:131px;
position: fixed;
right: 50%;
bottom:0;
margin-right: -670px;
z-index:1000;
}
@media (min-width:1280px){
#contactme{
margin-right: -600px;
}
}
@media (max-width:1024px){
#contactme{
margin-right: -500px;
}
}
.fancybox-skin{background: rgba(0,0,0,0.3);}
.fancybox-close{
top : 25px;
right : 25px;
background:url(https://data.chinahighlights.com/css/images/community/closelabel.gif) no-repeat;
width:66px;
height:22px;
}
#contactform{
width:600px;
background:#fff;
padding:10px;
display:none;
}
#comments {
width: 95%;
height: 120px;
padding: 10px;
margin: 2% 0;
float: left;
}
#contactform h3{
color:#a31022;
}
#contactform textarea {
padding: 4px 3px;
color: #666;
background: #fff;
border-color: #D1D1D1 #999999 #999999 #D1D1D1;
border-radius: 4px;
border-style: solid;
border-width: 1px;
margin: 3px 0 10px 0;
padding:10px;
font-size: 13px;
font-family: Verdana, Geneva, sans-serif;
height: 150px;
border-radius: 4px;
box-shadow: 2px 2px 4px #999;
resize:vertical;
}
#contactform input {
margin: 0;
padding: 10px;
color: #666;
background: #fff;
border-color: #D1D1D1 #999999 #999999 #D1D1D1;
border-radius: 4px;
border-style: solid;
border-width: 1px;
margin: 3px 0 10px 0;
font-size: 14px;
font-family: Verdana, Geneva, sans-serif;
width: 260px;
border-radius: 4px;
box-shadow: 2px 2px 4px #999;
}
#contactform input.safyemail {
background: url(https://data.chinahighlights.com/css/images/safty-icon.png) no-repeat 245px #fff;
}
#contactform input.submit {
margin-left: 135px;
padding-top: 3px;
background-color: #a31022;
color: #fff;
border-radius: 4px;
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
padding: 8px 10px;
width: 283px;
cursor: pointer;
}