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.
93 lines
9.2 KiB
CSS
93 lines
9.2 KiB
CSS
6 years ago
|
@charset "utf-8";
|
||
|
|
/* CSS Document */
|
||
|
|
body { padding:0px; margin:0 0 20px 0; background:#ededed; font-family: Verdana, Geneva, sans-serif; font-size:18px; color:#545454; font-size:12px; }
|
||
|
|
.clear { clear:both; }
|
||
|
|
#header { background:url(/css/images/tour/us/bg-us-header.jpg) no-repeat; width:846px; height:235px; margin:0 auto; display: block; padding:400px 50px 0 50px;}
|
||
|
|
#header p { color:#545454; font-size:14px; line-height:20px;}
|
||
|
|
#header p span { color:#194772; font-size:18px;}
|
||
|
|
#header ul { margin-left:0; padding-left:0}
|
||
|
|
#header ul li { list-style: none; line-height:20px; margin-bottom:5px; background:url(/pic/green-mark.png) no-repeat left 5px; padding-left:25px; font-size:14px;}
|
||
|
|
|
||
|
|
img { border: none; }
|
||
|
|
#top { width:100%; height:79px; background-image:url(/css/images/flight-tour-promotion/top-bg-1.png); margin-bottom:20px; }
|
||
|
|
#top-in { width:1026px; height:72px; margin:auto; background-image:url(/css/images/flight-tour-promotion/top-bg-2.jpg); background-repeat:no-repeat; }
|
||
|
|
.logo { width:74px; height:62px; padding-top:10px; float:left; }
|
||
|
|
#nav { float:left; }
|
||
|
|
h1 { font-size:40px; font-weight: normal; font-family:Arial, Helvetica, sans-serif; color:#ffea00; margin: 0 0 5px 0 }
|
||
|
|
.sponsoredBy { color:#194772; font-family:Arial, Helvetica, sans-serif; font-size:20px;}
|
||
|
|
.sponsoredBy strong { font-size:32px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}
|
||
|
|
.promoWords { float: left; display: block; font-size:20px; color:#fff; margin:14px 10px; }
|
||
|
|
#nav #topnav { width:160px; height:25px; background:#7C7C7C; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; text-align:center; padding:8px 0 0 0; margin:0 0 0 730px; }
|
||
|
|
#nav #topnav a { color:#fff; text-decoration:none; }
|
||
|
|
#nav #topnav a:hover { text-decoration:underline; }
|
||
|
|
#nav #mainnav { width:900px; }
|
||
|
|
#nav #mainnav ul { padding:0px; margin:8px 0 0 0; list-style:none; }
|
||
|
|
#nav #mainnav ul li { float:left; }
|
||
|
|
#nav #mainnav ul li a { display:block; padding:5px 8px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin-right:5px; color:#454545; }
|
||
|
|
#nav #mainnav ul li a:hover { background-color:#7C7C7C; color:#FFF; }
|
||
|
|
#main { width:922px; margin:auto; background:url(/css/images/tour/us/bg-content.png) repeat-y; padding:12px; }
|
||
|
|
|
||
|
|
.tour { width:899px; background-color:#DEDEDE; padding:2px; -moz-border-radius:6px; }
|
||
|
|
.tour h2 { margin:0; font-family:Verdana, Geneva, sans-serif; font-size:18px; font-weight: normal; color:#545454; padding:8px 0 8px 8px; }
|
||
|
|
.package { width:100%; background-color:#FFF; }
|
||
|
|
.package1 { font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#055F9E; font-weight:bold; text-align:center; border-bottom:#d1d1d1 1px solid; padding:8px 0 8px 0; }
|
||
|
|
.package2 { border-bottom:#d1d1d1 1px solid; font-family:Verdana, Geneva, sans-serif; font-size:12px; padding:8px 0 8px 0; text-align:center; line-height:22px; }
|
||
|
|
.package2 a { color:#545454; }
|
||
|
|
.package2 a:hover { color:#a31022; text-decoration:none }
|
||
|
|
#qaArea { margin: 20px 0; height:100%; overflow:hidden; clear: both; }
|
||
|
|
#qaArea .questionBox { background:url(/css/images/flight-tour-promotion/bg-question.jpg) no-repeat; width:549px; height:264px; float: left; }
|
||
|
|
#qaArea .questionBox .questionTitle { color:#045f9e; font-size:22px; padding:5px 0 0 15px; }
|
||
|
|
#qaArea .questionBox .qaDetail { margin: 10px 0; height:190px; overflow-y: scroll; width:529px; padding:10px; }
|
||
|
|
.qaList { border-bottom: 2px dashed #d1d1d1; padding: 0 5px 15px 5px; margin-bottom:15px; margin-right:10px; }
|
||
|
|
.qaList .question { font-size:14px; position:relative }
|
||
|
|
.qaList .question .questionContent { float: left; width:465px; display: block; margin-bottom:5px; }
|
||
|
|
.qaList .question .qTitle { display: block; float: left; font-size:20px; color:#a31022; width: 27px; height:27px; text-align:center; margin-top:-8px; }
|
||
|
|
.qaList .question .whoAsked { font-size:11px; color:#666; display: block; margin: 3px 0 0 0; padding-left:27px; font-style:italic; clear:both; }
|
||
|
|
.qaList .question .whoAsked a { background:url(/pic/reply.png) no-repeat left; padding:2px 0 2px 23px; font-size:12px; color: #545454; margin-left:10px; }
|
||
|
|
.qaList .answer { background:#f1f1f1; border:1px solid #d1d1d1; position:relative; padding:10px 10px 10px 40px; margin:15px 0 0 27px; line-height:18px; }
|
||
|
|
.qaList .answer .aTitle { background:#d1d1d1; width:27px; height:26px; font-size:18px; color:#0789bf; position:absolute; top:0; left:0; padding:1px 0 0 0; text-align:center; _left:-10px; }
|
||
|
|
.qaList .answer .whoReplied { font-size:11px; display: block; margin: 0 0 5px 0; }
|
||
|
|
#qaBox { background:url(/css/images/flight-tour-promotion/bg-qa-box-340.png) no-repeat top; width:300px; height:240px; border:0px solid #d1d1d1; padding: 15px 20px 25px 20px; float: right; color:#545454 }
|
||
|
|
#qaBox .qaTitle { font-size:20px; display: block; margin:0 0 15px 0; }
|
||
|
|
#qaBox .questionboxTitle { font-size:11px; font-weight: bold; display: block; margin-bottom:10px; }
|
||
|
|
#qaBox .questionboxTitle a { color:#a31022; text-decoration: underline; }
|
||
|
|
#qaBox .questionboxTitle a:hover { text-decoration: none; }
|
||
|
|
#qaBox textarea { border:1px solid #d1d1d1; background:#fff; padding:5px; width:285px; height:70px; }
|
||
|
|
#qaBox .name-email { margin: 10px 0; font-size:11px; font-weight: bold; }
|
||
|
|
#qaBox .name-email input { border:1px solid #d1d1d1; background:#fff; padding:3px; width:170px; margin:0 10px 5px 5px; font-size:12px; }
|
||
|
|
/* footer info */
|
||
|
|
#footerFeature { width:903px; margin: 0 auto; border-top:1px solid #d1d1d1; padding-top:20px; height:100%; overflow: hidden }
|
||
|
|
#footerFeature .featureDetail { background:url(/css/images/citytour/border-right.png) no-repeat right; float: left; width:200px; padding: 0 10px 20px 0; text-align:left; margin-right:15px; }
|
||
|
|
#footerFeature .featureDetail.last { background: none; padding-right:0; margin-right:0; width:217px; }
|
||
|
|
#footerFeature .featureDetail .featureTitle { font-size:18px; display: block; margin: 0 0 10px 0; }
|
||
|
|
#footerFeature .featureDetail ul { margin-left:0; padding-left:5px; }
|
||
|
|
#footerFeature .featureDetail ul li { list-style: none; background:url(/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; }
|
||
|
|
.greatDeals { width:161px; height:161px; position: absolute; top: -30px; right:-30px; }
|
||
|
|
#copyRight { width:500px; font-size:16px; margin: 10px auto; color:#fff; text-align:center; height:100%; overflow: hidden; }
|
||
|
|
.iata { background-image: url("/css/images/member-sprite.png"); background-position: -10px -105px; display: block; float: left; width: 45px; height:30px; margin: 10px 40px 0 10px; }
|
||
|
|
.ustoa { background-image: url("/css/images/member-sprite.png"); background-position: -10px -155px; display: block; float: left; width:103px; height:21px; margin: 10px 40px 0 10px; }
|
||
|
|
.pata { background-image: url("/css/images/member-sprite.png"); background-position: -10px -196px; display: block; float: left; width:70px; height:30px; margin: 10px 40px 0 10px; }
|
||
|
|
.asta { background-image: url("/css/images/member-sprite.png"); background-position: -10px -246px; display: block; float: left; width:48px; height:30px; margin: 10px 40px 0 10px; }
|
||
|
|
|
||
|
|
.tour-us-list { width:835px; margin:15px auto 20px auto; display: block; clear: both; height:382px;}
|
||
|
|
.tour-us-list .tourTitle { display: block; background:url(/css/images/tour/us/bg-tour-title.png) no-repeat; width:825px; height:71px; margin-bottom:20px; padding:5px 0 0 15px;}
|
||
|
|
.tour-us-list .tourTitle .mainTitle { color:#194772; font-size:27px; font-family:Georgia, "Times New Roman", Times, serif; display: block; font-style:italic;}
|
||
|
|
.tour-us-list .tourTitle .destinations { display: block; font-weight: bold; margin-top:3px;}
|
||
|
|
.tour-us-list .tourTitle .destinations img { margin: 0 5px;}
|
||
|
|
.tour-us-list .photoLeft { float: left; width:334px; height:302px; margin:0 0 0 -30px; }
|
||
|
|
.tour-us-list .infoRight { float: right; width:500px; padding-right:10px; }
|
||
|
|
.tour-us-list .infoRight .whyRecommend { color:#194772; font-size:16px; display: block; margin:10px 0;}
|
||
|
|
.tour-us-list .infoRight p { line-height:20px; margin:20px 0 10px 0;}
|
||
|
|
.tour-us-list .infoRight ul { margin-left:5px; padding-left:0;}
|
||
|
|
.tour-us-list .infoRight ul li { list-style: none; line-height:18px; margin-bottom:5px; background:url(/pic/square-blue.png) no-repeat left 5px; padding-left:12px;}
|
||
|
|
.tour-us-list .priceArea { height:67px; background:#ededed; display: block; float:left; width:515px; margin-left:-5px;}
|
||
|
|
.tour-us-list .priceArea .priceFrom { float: left; background:#d9d9d9; text-align: center; font-size:22px; height:57px; width:310px; padding-top:10px;}
|
||
|
|
.tour-us-list .priceArea .priceFrom strong { color:#a31022; font-size:40px; font-family:Arial, Helvetica, sans-serif;}
|
||
|
|
.tour-us-list .priceArea .viewMore { float: right; width:150px; padding:14px 20px 0 0;}
|
||
|
|
|
||
|
|
#bottomBlock { background:url(/css/images/tour/us/bg-bottom.png) no-repeat; width:946px; height:22px; display: block; margin:0 auto;}
|
||
|
|
.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; }
|