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.
194 lines
7.8 KiB
CSS
194 lines
7.8 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
|
|
#searchCruise {
|
|
background: none repeat scroll 0 0 #e4e4e4;
|
|
border-radius: 4px;
|
|
height: 44px;
|
|
margin: 0;
|
|
padding: 0 15px 2px;
|
|
}
|
|
#searchCruise .title {
|
|
background: url("/image/yangtzeriver/cruise/find-cruise.png") no-repeat scroll 0 0 transparent;
|
|
color: #0c6197;
|
|
float: left;
|
|
font-size: 18px;
|
|
height: 45px;
|
|
line-height: 33px;
|
|
margin-left: -15px;
|
|
width: 170px;
|
|
}
|
|
#searchCruise .searchlist { padding-left: 10px; }
|
|
#searchCruise .searchlist label {
|
|
float: left;
|
|
padding: 15px 0 0 10px;
|
|
}
|
|
#searchCruise .searchlist input, #searchCruise .searchlist select { float: left; width: 100px; background: -moz-linear-gradient(center top, #DCE1E7 0%, #C2C4CA 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #D1D1D1; border-radius: 4px; color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 5px; margin: 13px 0 0 5px; }
|
|
#searchCruise .searchlist select.route {
|
|
width: 180px;
|
|
}
|
|
#searchCruise .searchlist input, #searchCruise .searchlist select {
|
|
border: 1px solid #d1d1d1;
|
|
border-radius: 4px;
|
|
color: #000;
|
|
float: left;
|
|
font-family: Arial,Helvetica,sans-serif;
|
|
font-size: 14px;
|
|
margin: 8px 0 0 5px;
|
|
padding: 5px;
|
|
}
|
|
#searchCruise .searchlist input, #searchCruise .searchlist select {
|
|
background: -moz-linear-gradient(center top , #fff 0%, #fff 100%) repeat scroll 0 0 transparent;
|
|
}
|
|
#searchCruise .searchlist select.shipname { width: 95px; }
|
|
#searchCruise .searchlist .searchicon { float: left; padding: 13px 0 0 15px; }
|
|
#searchCruise .searchlist input.dateicon { background: url('data:image/GIF;base64,R0lGODlhEQARAOYAAAAAAP///+ZeYOVfYORfYONeX+VgYeJgYv9/gP+Bgv6Agf2Bg/yAgvuAgv6ChPyBg/qCg7ljZLhiY7pkZbVlZv/T1OZeYudfY+VeYuVeZORfZP+AhP+BhP+Bhf6Ag/6AhPx/g7xjZ7hiZbhjZrZkZrVjZbdlZ/3T1Lpjaf3T1f/9/v/9///+//7+//3+//z///7///3//v//+////f7+/P/+/P3UzrVlXv7V0f/T0P/U0f7W1PzU0uRgXOJhXPuBfvyCf7plYrhlYblmYrZlYrdmY/7V0/3U0uRcXOVfXuRgXuJgXuJgYOFfX/2Afv+CgP6Bf/2Bf/yAfv6CgP2BgfyAgPuBgP6Cgv2DgvyCgfmBgLpiYbtjYrljYrdjYbpkY7llY7hkYrdjY7llZbhkZLZlZLVkY7RkY7dmZbVlZPqWlv/T0v/U0/3V1fzU1P7+/v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAHAALAAAAAARABEAAAf/gCVdZmBlRGViZWlnY15fFGEjYVhZCkALClRPCBxUDwpZVxEjHxpJGElLBQM9SAdNFwIDYWBqaGFCZGVDJGNCYGIjX0IkXSc8bDYpJ20VJ25uRzpHRyFkOQEtEDMsUgEyCzMwCjAzN2A8ATAPMixWMy8MASxRATMR1ywBDjMrCQEqEtSAMUUdGQk4nDhgQOWKFkwDBjDJoMCKiSI4AgS4MiMGhzcBmkyhImCGjC1o1ohr8GLGD40GKhEAiaaMERZvHLBYsUEjARALlGgkImGHAgdVPGChQgVLEgE+LFzxUFMlDCowCM4IQGVelhkzwpA5IW4BCxjhuMIIEOUsmQk6IWDQwFrDgYsZUGCo6ABDxggRYriQCBJmApkwKMgoFispEAA7') no-repeat 85px 5px; }
|
|
#searchCruise .searchlist .calender {
|
|
|
|
margin: 10px 0 0;
|
|
}
|
|
#searchCruise .searchlist .calender b {
|
|
color: #d5d5d5;
|
|
display: inline-block;
|
|
float: left;
|
|
font-size: 30px;
|
|
margin-right:10px;
|
|
margin-left: 10px;
|
|
}
|
|
#searchCruise .searchlist .calender span {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
margin-top: 8px;
|
|
}
|
|
#searchCruise .title span.findCruise {
|
|
color: #fff;
|
|
font-size: 19px;
|
|
margin-left: 10px;
|
|
}
|
|
#searchCruise .searchlist .searchicon {
|
|
float: left;
|
|
padding: 8px 0 0 15px;
|
|
}
|
|
|
|
|
|
|
|
.maincontent h1{ text-align:center; border-bottom:none; font-family:Trebuchet MS; font-size:32px; margin-bottom: 30px; }
|
|
.maincontent h2 { text-align:center; font-family:Trebuchet MS; font-size:27px; margin-bottom: 30px; margin-top: 30px;}
|
|
.maincontent h3 {font-size:25px; margin-bottom: 30px; margin-top: 20px; font-family:Trebuchet MS;}
|
|
table.cruises { border-left: 1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
|
|
table.cruises th { background:#556384; color:#FFF; text-align:center; padding-bottom: 15px;
|
|
padding-top: 15px; font-size:14px; font-family:Verdana, Geneva, sans-serif;}
|
|
table.cruises td { padding-bottom: 15px;
|
|
padding-top: 15px;padding:15px; text-align:center; border-bottom:1px solid #d1d1d1; }
|
|
table.cruises td.cruisename a{
|
|
color:#556384; padding:15px; text-align:center; }
|
|
|
|
table.cruises td.right { padding-bottom: 15px;
|
|
padding-top: 15px; padding:15px; text-align:center; }
|
|
.acticity { margin-bottom:20px; text-align:center; font-size:15px; }
|
|
.acticity img { margin-bottom:10px;}
|
|
.othercruises { position:relative;}
|
|
.ships {
|
|
background: none repeat scroll 0 0 #ebebeb;
|
|
height: 260px;
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
padding-top: 5px;
|
|
}
|
|
.others{
|
|
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
|
|
border-radius: 0 0 4px 4px;
|
|
bottom: 0;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
padding-bottom: 8px;
|
|
padding-top: 8px;
|
|
position: absolute;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
.ships span.tourname {
|
|
color: #5584c8;
|
|
display: block;
|
|
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
|
|
font-size: 20px;
|
|
height: 40px;
|
|
margin-top: 10px;
|
|
background: url(https://data.chinahighlights.com/pic//star-yellow5.png) no-repeat 220px;}
|
|
}
|
|
.ships span.tourname img { margin-left:5px;}
|
|
.ships span.view {
|
|
background: url(/image/yangtzeriver/cruise/cruise-company/arrow.PNG) no-repeat scroll right center rgba(0, 0, 0, 0);
|
|
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
|
|
font-size: 14px;
|
|
padding-right: 15px;
|
|
text-align: right;
|
|
top: 0;
|
|
color:#b21123;
|
|
}
|
|
.feedback {
|
|
border: 1px solid #d1d1d1;
|
|
border-bottom-left-radius: 5px;
|
|
border-bottom-right-radius: 5px;
|
|
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3); border-radius: 4px 4px 4px 4px; padding: 20px 5px 20px 5px;}
|
|
.pricered { font-size:20px; color:#b21123; font-family:Verdana, Geneva, sans-serif;}
|
|
|
|
.Victoriatop { position:relative; }
|
|
|
|
|
|
ul.navigation {
|
|
background:url(/image/yangtzeriver/cruise/cruise-company/navigation.png) repeat-x;
|
|
box-shadow: 0 0 10px #999;
|
|
color: #ad1818;
|
|
display: block;
|
|
font-family: Verdana,Geneva,sans-serif;
|
|
font-size: 16px;
|
|
overflow: hidden;
|
|
margin-bottom: 35px;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
}
|
|
.customer span.TourDate {
|
|
color: #04679a;
|
|
margin-left: 5px;
|
|
}
|
|
.customer { padding-left: 15px;
|
|
padding-right: 10px;}
|
|
.topad { position:absolute; top: 40px;}
|
|
|
|
img.customerphoto { border:5px solid #FFF;}
|
|
.feedback h3 { color:#04679a; margin-bottom:10px; text-align:center; margin-top: 0;}
|
|
.customer p { margin-bottom: -10px;}
|
|
ul.navigation li.right { float:left; border-right: 2px solid #ad1818; padding-right:35px; padding-left:45px; margin-right:-2px;}
|
|
ul.navigation li:last-child{
|
|
border-right:none!important;
|
|
}
|
|
ul.navigation li{ float:left; padding-right:34px; padding-left:40px; padding-top: 10px;
|
|
padding-bottom: 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
|
|
ul.navigation li.active { background: url(/image/yangtzeriver/cruise/cruise-company/navigation-active.png) repeat-x; color:#fff; display: block; padding-left:25px;}
|
|
|
|
ul.MonthTag { width:100%; overflow:hidden; margin-bottom: 15px;}
|
|
ul.MonthTag li { float:left; font-size:14px; padding: 10px 15px 20px; margin-right:10px;}
|
|
ul.MonthTag li.active { background:url(/image/yangtzeriver/cruise/cruise-company/month.png) no-repeat; color:#FFF; padding: 10px 15px 20px; }
|
|
|
|
table.calendar { border-color: #d1d1d1;}
|
|
table.calendar th { border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; color:#FFF; background: #556384; padding:15px; text-align:center; font-size:14px; }
|
|
table.calendar td { border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1; padding:15px; font-size:13px;}
|
|
table.calendar td .date { color:#e0e0e0; padding: 0 20px 30px 0; float:left;}
|
|
table.calendar td .calendarprice { display:block; color:#b21123; font-size:14px;padding-left: 30px;
|
|
padding-top: 5px;}
|
|
|
|
@media (max-width:750px) {
|
|
.bestseller img { width: 100%;}
|
|
.bestseller { margin-bottom: 20px;}
|
|
.othercruises { margin-bottom: 20px;}
|
|
.othercruises img{ width: 100%;}
|
|
.acticity img { width: 100%;}
|
|
}
|
|
|
|
|
|
#topbar{position:absolute; z-index:1000}
|
|
#topbar a{text-decoration:none; color:#ad1818;}
|
|
#topbar .active a{color:#fff;}
|