index.css

城市输入提示

@import url("main.css");
#header{
	position:relative;
	width:980px;
	border-bottom:0px solid #E0EBFF;
}
#nav{
	
	border-bottom:0px solid #C0D2FF;
	background:#fff;
}
#content{
	float:left;
	width:780px;
}
#sidebar{
	float:right;
	width:175px;
	padding-top:218px;
}
#sidebar .ad{ margin-bottom:10px;
}
#search-bar{
	margin:0px 0 10px 0;
	padding:28px 0 4px 150px;
	padding-bottom:4px;
	background: url(http://travel.kooxoo.com/script/searchbg.gif) top left no-repeat;
	height:80px;
	width:630px;
}
#search-bar td{
	padding:0 2px;
}
#search-bar #s-note{
	padding-top:0.5em;
	font-size:12px;
	color:#666;
}
#search-bar #s-note a{
	color:#666;
}
.ui-text{
	height:18px;
}
.price{
	color:#f60;
}
/*
** feat
*/
#feat{
	width:753px;
	float:left;
	background:#529dec url(http://travel.kooxoo.com/script/f-bg.gif) top no-repeat;
	border-bottom:1px solid #478fe8;
}
*html #feat{
	height:1%;
}
#feat:after{
	content: "."; 
    display: block; 
    height:0; 
    clear:both; 
    visibility: hidden;
}
#feat em{
	color:#fff;
	font-style:normal;
	font-weight:bold;
	float:left;
	display:block;
	margin:32px 10px 0 0px;
	padding-left:20px;
}
#feat ul{
	padding:0;
	margin:0;
	list-style:none;
}
#feat ul li{
	padding:0;
	margin:0 25px 0 0;
	float:left;
	display:block;
}
#feat ul li a{
	float:left;
	padding:52px 10px 8px 10px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
	display:block;
}
#feat ul li a:visited{
	color:#fff;
}
#feat ul li a:hover{
	background-color:#5fa8ef;
}
#f1 a{
	background:url(http://travel.kooxoo.com/script/f1.gif) center 10px no-repeat;
}
#f2 a{
	background:url(http://travel.kooxoo.com/script/f2.gif) center 10px no-repeat;
}
#f3 a{
	background:url(http://travel.kooxoo.com/script/f3.gif) center 12px no-repeat;
}
#f4 a{
	background:url(http://travel.kooxoo.com/script/f4.gif) center 10px no-repeat;
}
/*
** search
*/
#search{
	width:780px;
	float:left;
	padding:0 0 0 0;
	margin-bottom:12px;
}
*html #search{
	height:1%;
}
#search:after{
	content: "."; 
    display: block; 
    height:0; 
    clear:both; 
    visibility: hidden;
}
#search-feat{
	text-align:left;
	padding-top:8px;
	float:left;
	border:#ECECEC solid 1px; padding:6px;
	margin-top:2px;
}
#search-tabs{
	width:380px;
	float:right;
}
/* tabs */
#tabs{
 	float:left;
}
*html #tabs{
	height:1%;
}
#tabs:after{
	content: "."; 
    display: block; 
    height:0; 
    clear:both; 
    visibility: hidden;
}
#tabs span{
	display:block;
	background:url(http://travel.kooxoo.com/script/tab-normal.gif) top right no-repeat;
}
#tabs strong{
	position:relative;
	top:2px;
	height:28px;
	line-height:28px;
	cursor:pointer;
	float:left;
	padding-left:5px;
	margin-right:5px;
	display:block;
	background:url(http://travel.kooxoo.com/script/tab-normal.gif) top left no-repeat;
	width:80px;
	text-align:center;
	font-weight:normal;
}
#tabs strong.disable{
	color:#666;
}
#tabs strong.tabs-here{
	color:#E75500;
	position:relative;
	top:2px;
	padding-bottom:2px;
	background:url(http://travel.kooxoo.com/script/tab-here.gif) top left no-repeat;
	font-weight: bold;
}
#tabs strong.tabs-here span{
	background:url(http://travel.kooxoo.com/script/tab-here.gif) top right no-repeat;
}
#tabs strong.tabs-hover{
	color:#E75500;
}
/* inner */
.search-form{
	font-family:simsun,serif;
	overflow:hidden;
	height:160px;
	padding-top:4px;
}
.inner{
	width:378px;
	float:left;
	font-size:12px;
	border:1px solid #ffa825;
	background:#fff;
}
.inner-1{
	border:4px solid #fee0a2;
	margin:1px;
}
.inner td{
	padding:4px 5px;
}
.inner label{
	color:#666;
}
.cal{
	cursor:pointer;
}
.keywords{
	color:#999;
	font-size:12px;
}
.keywords a{
	color:#6a7ed4;
}
.city-button{
	cursor:pointer;
}
*html .city-button{
	position:relative;
	top:-1px;
}
.city-wrapper{
	position:relative;
}
.city-list{
	top:40px;
	left:0;
	position:absolute;
	font-size:12px;
	background:#fff;
	border:1px solid #ccc;
}
.city-list table{
	width:180px;
}
.city-list td{
	text-align:right;
	padding:5px 10px;
}
/*
** hot
*/
.col{
	float:left;
	font-size:12px;
}
#hot2,#hot4{
	float:right;
}
#hot1,#hot2{
	margin-bottom:10px;
}
.col-body{
	border-width:1px;
	border-style:solid;
}
.col h3{
	position:relative;
	margin:0;
	padding:0 10px;
}
.more{
	font-weight:normal;
	position:absolute;
	right:8px;
	top:0px;
	font-size:12px;
}
#hot1,#hot3{
	width:386px;
}
#hot2,#hot4{
	width:380px;
}
#hot1 h3{
	height:25px;
	line-height:26px;
	background:#D1E3F9;
}
#hot2 h3{
	height:25px;
	line-height:26px;
	background:#D1E3F9;
}
#hot3 h3{
	height:25px;
	line-height:26px;
	background:#D6EECA;
}
#hot4 h3{
	height:25px;
	line-height:26px;
	background:#FFE5CA;
}
#hot1 .col-body{
	border-top:none;
	border-color:#b6e0ff;
	padding:6px;
}
#hot3 .col-body{
	border-top:none;
	border-color:#D6EECA;
	padding:6px 0;
}
#hot2 .col-body{
	border-top:none;
	border-color:#D1E3F9;;
	padding:2px 0px;
}
#hot4 .col-body{
	border-top:none;
	border-color:#FFE5CA;
	padding:8px 6px;
}
#hot1 td{
	line-height:1.5em;
	padding:5px 0;
	width:95px;
	text-align:center;
}
#hot2 td{
	padding-top:6px;
	padding-bottom:5px;
}
#hot2 .col1{
	width:34px;
	color:#666;
	padding-left:8px;
}
#hot2 .col2{
	width:65px;
}
#hot2 .col3{
	width:75px;
}
#hot2 strong{
	color:#f60;
}
#hot3 table{
	width:100%;
}
#hot3 td{
	height:24px;
	padding:0 0 0 0;
}
#hot3 .col1{
	width:140px;
	padding-left:5px;
}
#hot4 .col0{
	text-align:center;
	width:120px;
}
#hot4 .col0 img{
	padding:5px;
	margin-bottom:2px;
	margin-top:2px;
	border:1px solid #e0e0e0;
}
#hot4 td{
	padding:0 5px;
	height:23px;
}
#hot4 .col1{
	width:32px;
}
#hot4 .col2{
	width:120px;
}
.inline1{ width:780px;clear:both}
.inline2{ width:780px;clear:both}

#wordad{color:#666; line-height:18px;padding:4px 0 8px 0; font-size:12px;}
#wordad a{color:#5A73DD;}

#friends{ border:#E1E1E1 solid 1px; width:762px; clear:both; padding:8px; font-size:12px;}
/**html #friends{margin-top:50px;}*/
#footer{margin-top:10px;}