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.
550 lines
9.9 KiB
CSS
550 lines
9.9 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
body {
|
|
padding:0px;
|
|
margin:0 0 20px 0;
|
|
background:url(/css/images/flight-tour-promotion/bg.jpg) center top no-repeat;
|
|
background-attachment:fixed;
|
|
font-family: Verdana, Geneva, sans-serif;
|
|
font-size:18px;
|
|
color:#545454;
|
|
font-size:12px;
|
|
}
|
|
.clear {
|
|
clear:both;
|
|
}
|
|
.word1 {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size:18px;
|
|
color:#a31022;
|
|
}
|
|
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;
|
|
margin-left:50px;
|
|
}
|
|
#nav {
|
|
float:left;
|
|
padding-right: 10px;
|
|
}
|
|
h1 {
|
|
font-size:20px;
|
|
font-weight: normal;
|
|
color:#fff;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
.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 690px;
|
|
}
|
|
#nav #topnav a {
|
|
color:#fff;
|
|
text-decoration:none;
|
|
}
|
|
#nav #topnav a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
#nav #mainnav {
|
|
width:750px;
|
|
height:100%;
|
|
overflow: hidden;
|
|
float: right;
|
|
padding-right:0px;
|
|
}
|
|
#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:903px;
|
|
margin:auto;
|
|
background-color:#fff;
|
|
-moz-box-shadow:0 0 8px #555;
|
|
-webkit-box-shadow: 0 0 8px #555;
|
|
border:1px solid #999;
|
|
-moz-border-radius:5px;
|
|
padding:12px;
|
|
}
|
|
.greatwall {
|
|
width:903px;
|
|
height:39px;
|
|
background-image:url(/image/deals/flight-tour-promotion/greatwall.jpg);
|
|
padding:364px 0 0 0;
|
|
position: relative;
|
|
}
|
|
.selectButton {
|
|
width:206px;
|
|
position:absolute;
|
|
left: 25px;
|
|
top: 164px;
|
|
}
|
|
.greatwalltext {
|
|
width:895px;
|
|
height:31px;
|
|
background-image:url(/css/images/flight-tour-promotion/bg-2.png);
|
|
font-family:Verdana, Geneva, sans-serif;
|
|
font-size:18px;
|
|
color:#fff;
|
|
padding:8px 0 0 8px;
|
|
}
|
|
.offer {
|
|
background-color:#5DA3C4;
|
|
background-image:url(/css/images/flight-tour-promotion/bg-3.jpg);
|
|
background-position:bottom;
|
|
background-repeat:repeat-x;
|
|
-moz-border-radius:6px;
|
|
margin-top:15px;
|
|
padding:0 12px 12px 12px;
|
|
margin-bottom:10px;
|
|
}
|
|
.offer h2 {
|
|
margin:0;
|
|
font-family:Verdana, Geneva, sans-serif;
|
|
font-size:18px;
|
|
color:#fff;
|
|
padding:8px 0 8px 0;
|
|
}
|
|
|
|
|
|
.offerin {
|
|
width:560px;
|
|
background-color:#FFF;
|
|
padding:0 0 0 20px;
|
|
-moz-border-radius:6px;
|
|
font-size:14px;
|
|
float:left;
|
|
height: 285px;
|
|
}
|
|
.offerRight {
|
|
float:right;
|
|
width:285px;
|
|
background-color:#FFF;
|
|
-moz-border-radius:6px;
|
|
font-size:14px;
|
|
height: 285px;
|
|
|
|
}
|
|
.offerRight p {
|
|
font-family:Verdana, Geneva, sans-serif;
|
|
font-size:12px;
|
|
color:#055F9E;
|
|
line-height:18px;
|
|
font-size:18px;
|
|
}
|
|
.offerin p {
|
|
font-family:Verdana, Geneva, sans-serif;
|
|
font-size:12px;
|
|
color:#055F9E;
|
|
line-height:18px;
|
|
font-size:18px;
|
|
}
|
|
.offerin ul {
|
|
margin-left:0
|
|
}
|
|
.offerin ul li {
|
|
list-style: none;
|
|
background:url(/css/images/citytour/green-mark.png) no-repeat left 6px;
|
|
padding-left:20px;
|
|
line-height:20px;
|
|
margin-bottom:8px;
|
|
margin-left: -15px;
|
|
|
|
}
|
|
.offerin .redfont17 {
|
|
font-size:17px;
|
|
color:#a31022;
|
|
}
|
|
.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;
|
|
}
|
|
td a {
|
|
color:#545454;
|
|
}
|
|
td a:hover {
|
|
color:#a31022;
|
|
text-decoration:none
|
|
}
|
|
#qaArea {
|
|
margin: 10px 0;
|
|
height:100%;
|
|
overflow:hidden
|
|
}
|
|
#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:145px;
|
|
height:145px;
|
|
position: absolute;
|
|
top: -40px;
|
|
right:-40px;
|
|
}
|
|
#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;
|
|
}
|
|
|
|
.note {
|
|
font-family:Verdana, Geneva, sans-serif;
|
|
line-height:18px;
|
|
padding-left:15px;
|
|
font-size:14px;
|
|
margin-top:5px;
|
|
}
|
|
.egbox {
|
|
font-size:14px;
|
|
padding-left:10px;
|
|
}
|
|
|
|
.offerRight ul {
|
|
margin-left:0
|
|
}
|
|
.offerRight ul li {
|
|
list-style: none;
|
|
background:url(/css/images/citytour/green-mark.png) no-repeat left 6px;
|
|
padding-left:30px;
|
|
line-height:20px;
|
|
margin-bottom:8px;
|
|
margin-left: -15px;
|
|
}
|
|
|
|
|
|
.tour h2 {
|
|
color:#055F9E;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
p.exampletop {font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:18px; color:#545454;}
|
|
p.examplecontent {font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:18px; color:#545454;}
|
|
p.examplenote{
|
|
font-family:Verdana, Geneva, sans-serif;
|
|
font-size:12px;
|
|
line-height:18px;
|
|
color:#545454;
|
|
margin-top:-10px;
|
|
}
|
|
.hainan { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFF; line-height:18px; margin-top:10px; padding-left:15px;}
|