@charset "utf-8"; /* CSS Document */ body { background:url(https://data.chinahighlights.com/css/images/forms/bg-thankyou.jpg) repeat-x bottom; color:#545454; padding-bottom:20px; font-family:Verdana, Geneva, sans-serif; font-size:12px; } p { line-height:18px; margin-bottom:8px; } a { color:#545454; } a:hover { color:#a31022; text-decoration: none; } img { border:none; } h1 { font-size:28px; font-weight: normal; margin: 0 0 15px 15px; } h2 { font-size:20px; font-weight: normal;} .roundCorner { -moz-border-radius:4px;} .clear { clear:both; } @media(max-width:750px) { #mainContent { width: auto !important; } #banner { width:100% !important; height:100px !important} } #mainContent { width:855px; margin:-10px auto 0; } #banner { background:url(https://data.chinahighlights.com/css/images/feedback/banner-feedback-detail.jpg) no-repeat; height:218px; padding: 25px 0 0 30px; position:relative;background-size:100%; } .backHome { width:195px; height:31px; position:absolute; right:20px; bottom:20px; } #content { box-shadow:0 0 2px #999; border-radius:0 0 4px 4px; width:99%; padding:15px; margin:-5px auto 0; overflow:hidden; } .bottom { background:url(https://data.chinahighlights.com/css/images/forms/bg-thankyou-bottom.png) no-repeat; height:14px; } #footer {margin: 15px auto; background: none !important; color: #555; border: none !important; } #footer .CHinfo { text-align:center; } .featureBox { background:url(https://data.chinahighlights.com/css/images/forms/bg-features.png) no-repeat; width:234px; height:234px; float: left; margin: 15px 10px 20px 10px; padding:5px 10px; } .featureBox .featureTitle { font-size:20px; } .last { margin-right:0; } .promoAds { width:254px; height:244px; margin: 15px 0 20px 10px; float: left; } .members { margin-top:10px; } .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 20px 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; } .tips { color:#666; line-height:18px; width:830px; margin:5px auto; font-size:10px; } /* header */ #header { position:relative; background: none !important; overflow:hidden; margin-top:10px; } .aboutInfo { background:url(https://data.chinahighlights.com/css/images/feedback/bg-about.png) no-repeat; width:216px; height:28px; position:absolute; right:0; top:0; color:#fff; font-weight: bold; text-align:center; padding-top:5px; } .aboutInfo a { color:#fff; text-decoration: none; } .aboutInfo a:hover { text-decoration: underline; } #logo { width:109px; height:70px; float: left; margin-right:10px; } .slogan { width:469px; height:25px; float: left; border-left:1px solid #d1d1d1; padding:25px 0 10px 10px; margin-top:10px; } /* main content */ .essenceWords { background:url(https://data.chinahighlights.com/css/images/feedback/quote-left.jpg) no-repeat; padding-left:25px; line-height:18px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; text-align:justify; margin-bottom:15px; } .essenceWords .essenceContent { background:url(https://data.chinahighlights.com/css/images/feedback/quote-right.jpg) no-repeat right bottom; padding-right:25px; } .customerInfo { background:#f1f1f1; border:1px solid #d1d1d1; padding:8px 10px; font-size:11px; margin-bottom:15px; } .customerInfo td { padding:2px; } .customerPhoto { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #D1D1D1; float: right; margin: 0 0 5px 5px; padding: 5px; width: auto; } .feedbackVideo { width:537px;} .feedbackVideo h5 { font-size:16px; font-weight: normal; margin: 0 0 5px 0;} /* travel advisor info */ .rightContent { width:276px; float: right;} .travelAdvisor { background:url(https://data.chinahighlights.com/css/images/feedback/bg-advisor.jpg) no-repeat top; width:276px; height:289px; padding:60px 15px 20px 45px; font-size:11px; } .travelAdvisor .personalImg { float: right; width:80px; height:80px;} .travelAdvisor .personalImg img { width:80px; height:80px;} .travelAdvisor ul { margin-left:0; padding-left:0} .travelAdvisor ul li { list-style: none; line-height:18px; } .travelAdvisor ul li.name { font-family: Arial, Helvetica, sans-serif; font-size:15px; font-weight: bold; margin-bottom:8px;} .travelAdvisor ul li.name a { text-decoration: none; color:#a31022} .formTop { background:url(https://data.chinahighlights.com/css/images/citytour/bg-beijing-tour-top-825.jpg) no-repeat top; width:100%; height:51px; padding-top:7px; overflow: hidden; background-size:100%; } .formTop ul { margin: 0 0 0 10px; padding-left:0 } .formTop ul li { background:url(https://data.chinahighlights.com/css/images/citytour/bg-li-80.png) no-repeat; width:80px; height:25px; float: left; margin-right:5px; font-size:14px; font-weight: bold; list-style: none; padding:7px 0 0 0; text-align:center; cursor:pointer; font-family:Arial, Helvetica, sans-serif; display: block; margin-bottom:20px; } .formTop ul li.current, .formTop ul li:hover { background: url(https://data.chinahighlights.com/css/images/citytour/bg-li-80-active.png) no-repeat; color:#a31022; } .formTop ul li a { text-decoration: none; font-family:Arial, Helvetica, sans-serif } /*feedback upload样式*/ .uploadComm { margin-top:3px; border:1px #d1d1d1 solid; background:url(https://data.chinahighlights.com/css/images/story/blog-settings.gif) repeat-y scroll left top; } .uploadComm #sections { background-color:#f1f1f1; float:left; width:116px; height:100%; } .uploadComm #sections div { border-bottom:1px solid #d1d1d1; border-right:1px solid #d1d1d1; cursor:pointer; display:block; padding:20px 10px; text-align:center; } .uploadComm #sections div a { color:#545454; } .uploadComm #sections div a:hover { color:#a31022; text-decoration: none; } .uploadComm #sections div:hover { font-weight:bold; } .uploadComm #sections div.current { background-color:#FFF; border-right:0 none; font-weight:bold; color:#af0000; } .uploadComm #sections div.last { border-bottom:0 none; cursor:auto; height:100%; overflow:hidden; } /*文本层定位样式*/ .uploadComm .contentTable {background:#fff; padding:8px; } /*表格内样式*/ .uploadComm table.attractionSty { width:100%; margin-bottom:10px; } .uploadComm .feedbacktitle { font-size:16px; margin-bottom:10px; } .uploadComm table.guideComment { border-top:1px #d1d1d1 solid; width:100%; background:#FFF; margin-bottom:10px; } .uploadComm table.guideComment tr td { padding:5px 5px 5px 5px; border-bottom:1px #d1d1d1 solid; } .uploadComm table.guideComment tr td.title { width:90px; font-size:11px; font-weight:bold; border-right:1px solid #d1d1d1; background:#f1f1f1; } .uploadComm table.guideComment tr td.title a { display:block; width:90px; background:url(https://data.chinahighlights.com/css/images/story/more-detail.gif) right top no-repeat; padding:2px 0 2px 0; color:#545454; } .uploadComm table.guideComment tr td.title a:hover, .uploadComm table.guideComment tr td.hotelName a:hover { color:#af0000; } .uploadComm table.guideComment tr td.hotelName { width:90px; font-size:11px; font-weight:bold; border-right:1px solid #d1d1d1; background:#f1f1f1; } .uploadComm table.guideComment tr td.hotelName a { color:#545454; } .uploadComm table.guideComment tr td.attractionList { width:187px; font-size:11px; border-right:1px solid #d1d1d1; } .uploadComm table.guideComment tr td.attractionList a { color:#545454; } .uploadComm table.guideComment tr td.customerrate { width:105px; font-size:11px; border-right:1px solid #d1d1d1; } .uploadComm table.guideComment tr td.commentTyle { width:160px; font-size:11px; border-right:1px solid #d1d1d1; } .uploadComm table.guideComment tr td.commentButton { width:130px; font-size:11px; border-left:1px solid #d1d1d1; } .uploadComm table.guideComment tr td.commentButton img { margin:5px; } .uploadComm table.guideComment tr td.hotelnameLink { width: 200px; border-right:1px solid #d1d1d1;} /*质量反馈表信息*/ .feedbackInfo { margin:5px 0; width:100%; background:url(https://data.chinahighlights.com/css/images/story/feedback-top.gif) no-repeat top left; padding:36px 0 3px 0; } .feedbackInfo h5 { font-size:17px; margin-left:40px; margin-bottom:0; margin-top:0; } .feedbackInfo .feedbackDetial { background:url(https://data.chinahighlights.com/css/images/story/feedback-mid.gif) repeat-y top left; width:627px; padding:1px 20px; margin-top:5px; } .feedbackInfo .feedbackDetial h6 { font-size:14px; margin:10px 0; } .feedbackInfo .bottomstyle { width:647px; background:url(https://data.chinahighlights.com/css/images/story/feedback-bottom.gif) no-repeat bottom; height:10px; } .feedbackInfo .feedbackDetial table.feedbackTable1 { border:1px solid #d1d1d1; width:597px; margin-bottom:15px; } .feedbackInfo .feedbackDetial table.feedbackTable1 tr td { padding:5px 5px 3px 10px; } .feedbackInfo .feedbackDetial table.feedbackTable1 tr td.title { background:#d1d1d1; width:130px; font-size:12px; font-weight:bold; } .feedbackInfo .feedbackDetial table.feedbackTable1 tr td.title a { display:block; width:130px; background:url(https://data.chinahighlights.com/css/images/story/more-detail.gif) right top no-repeat; padding:2px 0 2px 0; color:#545454; } .feedbackInfo .feedbackDetial table.feedbackTable1 tr td.title a:hover { color:#af0000; } .feedbackInfo .feedbackDetial table.feedbackTable1 tr td.comment, .uploadComm table.guideComment tr td.comment { font-style:italic; font-size:11px; line-height:18px; } .uploadComm table.guideComment tr td a { color:#545454; font-size:11px; } /* question box for feedback detail */ .questionFormTitle { font-size:17px; font-weight: normal; display: block; margin: 5px 0 8px 5px; color:#a31022 } .questionForm { width:278px; height:273px; margin: 15px 0 0 10px; background:url(https://data.chinahighlights.com/css/images/tour/bg-question.jpg) no-repeat left; border: none; padding:5px 5px 5px 10px; } .questionForm .replyTips { font-size:11px; } .questionForm label { font-size:11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; } .questionForm input { border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; width:190px; padding:3px; } .questionForm textarea {border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; height:80px; width:260px; padding:5px; font-size:12px; line-height:18px; } .buttun01 { font-weight:bold; text-align:center; color:#A31022; cursor:pointer; width:130px; margin:20px auto 0 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; } .questionForm label { font-size:11px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; float: left; width:74px; } .arrowDownTest { border:#999 1px solid; padding:3px 4px; display:block; position:absolute; background-color:#FFF; color:#a31022; z-index:11000; -moz-border-radius:4px; } .arrowDown { position:absolute; top:21px; left:4px; } @media(max-width:750px) { .hidden-xs { display: none !important} .formTop { display: none !important;} .contentTable { display: none !important;} }