﻿@charset "utf-8";
/* CSS Document */
body{color:#333; background:#fff;}
body, p, td, form, img, ol, dl, ul, li,dd,dt{
    padding:0px;
    margin:0px;
    border:0px transparent none;
    background-position:left top;
    background-repeat:no-repeat;
    font-size:12px;
	font-weight:normal;
	font-family:"宋体",Arial;
	
}
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h3{padding:7px;}

span img{
	margin-bottom:3px;
	margin-left:3px;
}
input{
	border:1px #7f9db9 solid;
	font-size:12px;
	color:#666;
	padding:4px 2px;
}

/*common css*/
.hot{ float:left; background:url(../images/icon_hot.gif) left -13px no-repeat; width:22px; height:10px; margin:7px 0 0 3px;}
.Rprice{ float:right; color:#ea1111; font-family:Arial;}
.area{clear:both; width:950px; margin:0 auto;padding-top:10px;}
.jkl{ clear:both; width:950px; margin:0 auto; padding-left:20px;}
.jkl a{color:#999999;}
.hidden{ overflow:hidden}
.mgb{ margin-bottom:10px; margin-top:10px;}
.mg12{ margin-left:12px; margin-right:12px;}
.clear{ clear:both}
.dotblueul li{ list-style:none; padding-left:8px; background:url(../images/dot_blue.gif) left 12px no-repeat;}
.priceul a span,.Rprice{
	float:right;
	color:#ea1111;
}
.priceul a:hover span{
	text-decoration:underline;
	color:#ff7600
}
.left{float:left}
img, select, input{vertical-align:middle}
.right{float:right}
.blan10{ clear:both; height:10px; overflow:hidden;}
.center{text-align:center}
.clearfix:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix
{
display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */
/*index layout*/
.seccol{
	width:350px;
	overflow:hidden;
	float:left;
}
.maincol{
	width:590px;
	overflow:hidden;
	float:right;
}
/*left area list*/
.sec2ul li{
	float:left;
	margin:0 13px;
	width:60px;
	text-align:center;
	display:inline;
	line-height:16px;
}
.sec2ul li img{
	border:1px #ccc solid;
	padding:1px;
	margin:3px 0;
}
.sec2ul a p{
	color:#FF0000;
}
.sec2ul a:hover p{
	color:#ff7600;
	text-decoration:underline;
}

.why{
	line-height:18px;
	margin:0 12px;
	color:#ff7200;
}
.why p{
	color:#333
	
}
/*right gray_index info list*/

body .gray_w .sec3ul{
	overflow:hidden;
	zoom:1;
	margin:0;	
}
.sec3ul li{
	width:250px;
	margin:0 14px 0 23px;
	float:left;
	display:inline;
	color:#666;
	line-height:28px;

}
/**************************graytab common style**************************************/

.gray_w,.gray_w .bar,.gray_w h2,.gray_w h1,.toolbox,.toolbox .bar,.toolbox h2,.toolbox h3{ 
	background:url(../images/bar_common.gif) no-repeat;
}
.gray_w h3{background:url(../images/bar_common.gif) no-repeat; line-height:24px;}
.gray_w .graybg{
	background:url(../images/bg_grayw.gif) repeat-y;
}
.gray_w .dotblueul{
	margin:0 12px;
}
.summ{
	margin:0 12px;
	line-height:24px;
}
.gray_w{
	overflow:hidden;
	padding-bottom:8px;
	margin-bottom:10px;
	background-position:-580px bottom;	
}
.gray_w .bar{
	background-position:right -29px;
	height:28px;
	overflow:hidden;
	margin-bottom:5px;
	padding-right:8px;
}
.gray_w .bar a{
	margin-top:5px;
	float:right;
	}
.gray_w h2{
	background-position:left -29px;
	color:#0069c2;
	font-size:14px;
	padding:5px 0 0 12px;
	line-height:24px;
}

.gray_w h1{
	background-position:left -29px;
	color:#0069c2;
	font-size:14px;
	padding:5px 0 0 12px;
}

.gray_w h3{
	background-position:left -29px;
	color:#0069c2;
	font-size:14px;
	padding:5px 0 0 12px;
}
.gray_w .bar li{
	float:left;
	background:url(../images/graytab.gif) left -28px;
	margin:6px 2px 0 0;
	color:#666;
	cursor:pointer;
	font-size:14px;
	padding-left:2px;
	display:inline;
}
.gray_w .bar li span{
	background:url(../images/graytab.gif) right -28px no-repeat;
	text-align:center;
	padding:0 12px;
	line-height:23px;
	display:block;
	
} 
.gray_w .bar li.hover{
	color:#ff6600;
	font-weight:bold;
	background:url(../images/graytab.gif) left top no-repeat;
}
.gray_w .bar li.hover span{
	background:url(../images/graytab.gif) right top no-repeat;
}
body .gray_index{
	background: url(../images/gray_tab.gif) left bottom no-repeat;
	clear:both;
}
.gray_index .tab{
	position:relative;
	margin-bottom:-1px;
	float:left;
	z-index:100;
	height:23px;	
}
body .gray_index .bar{
	border-bottom:1px #ccc solid;
	overflow:visible;	
}
*html body .gray_index .bar{
	overflow:hidden;}
body .gray_index h2{
	width:10px;
	height:25px;
	float:left
}
body .gray_index h3{
	width:10px;
	height:25px;
	float:left
}
	/*************************首页右半部分样式********************************/							
.focus{
	width:590px;
	overflow:hidden;
	height:255px;
	margin-bottom:10px;
}
.main2{
	width:290px;
}
.main3{
	width:350px;
}
.main3 h3{
}
.main2 h2{ height:43px;}
.main2 h2 a{ margin:20px 5px 0 0; font-weight:normal; font-size:12px; color:#000; float:right}
.main2 h2 span{ float:left; color:#FFFFFF; margin-left:15px; margin-top:12px; font-size:24px; font-family: "黑体";}


.main2 .cnt li{ border-bottom:1px #c2c2c2 dashed; line-height:27px;margin:0 3px; padding:0 10px 0 18px; background-position: 12px 13px; cursor:pointer;}
.main2 li br{ clear:both}
.main2 li img{ margin:0px 18px 12px; border:1px #d8d8d8 solid;}
.main2 li.hover{ font-weight:bold; }
.main2 .cnt li a{
	display:block;
	clear:both;
}
.main2 .cnt li a span{
	cursor:pointer;
}
.main2 .cnt li span.hot{
	cursor:auto;
}
.main2 .cnt  h4{
	cursor:pointer;
	font-size:12px;
}
.main2 .cnt li.hover h4{
	font-weight:bold;
}
.main2 .cnt h4{
	float:left;
	font-weight:normal;
	line-height:28px;
}

.main2_1{
	background:url(../images/bar_seaisland.gif) left  top no-repeat; color:#FFFFFF;
}
.main2_2{ 
	background:url(../images/bar_seaisland.gif) left -43px no-repeat; margin-top:5px;
}
.main2_2.span{color:#FFFFFF;}
.main2 .cnt{ border:3px solid #2190ea; border-top:none; padding:8px 0;}

/**************************toolbox edm style**************************************/
.toolbox{
	background-position:right bottom;
	margin-bottom:10px;
}
.toolbox .bar{
	background-position:right top;
	height:28px;
	padding-right:8px;
	overflow:hidden;
}
.toolbox .bar a{
	float:right;
}
.toolbox .btmline{
	background:url(../images/bar_common.gif) -580px bottom no-repeat;
	margin-right:5px;
	padding-top:12px;
	padding-bottom:12px;
	overflow:hidden;

}
.toolbox h2{
	background-position:left top;
	line-height:28px;
	padding:0 8px;
	float:left;
}

.toolbox h3{
	background-position:left top;
	line-height:28px;
	padding:0 8px;
	float:left;
}
	.tool a{line-height:30px; background:url(../images/toolbox_icon.gif) no-repeat; padding-left:20px; float:left; margin:0 15px; }
	.tool .t2{ background-position:0 6px }
	.tool .t3{ background-position:left -48px;}
	.tool .t4{ background-position:left -98px;}
	.tool .t1{ background-position:left -20px;}
	.tool .t6{ background-position:left -73px;}
	.tool .t5{ background-position:left -125px;}

.edm{ color:#969696; padding-left:12px; }
.edm p{
	margin-top:6px;
	line-height:14px;
	width:165px;
}


/* Copyright byecity ** verson 20090217 —— freetemp styles——
_w ——width
_n ——narrow

*/
.is_banner{
	padding:5px;
	background:#f4f4f4;
	overflow:hidden;
	margin-bottom:10px;
}
.is_banner img{
	border:1px #cfcfcf solid;
	width:578px;
	height:218px;
}
.all_island{
	margin:12px;
}
.all_island a{
	font-size:14px;
	font-weight:bold;
	width:65px;
	margin:0 8px;
	display:inline-block;
	float:left;
	line-height:34px;
}
.all_island a.hover{
	color:#ff7600;
	cursor:auto;
}

.all_island .last{
	margin-right:0;	/*解决ie6重复文字bug*/
	}
.gray_w .dotblueul a span,.gray_n .dotblueul a span,.Rprice{
	float:right;
	color:#ea1111;
}
.gray_w .dotblueul a:hover span{
	text-decoration:underline;
	color:#ff7600 
	}
/*begin 首页底部城市列表及介绍*/
#continent{
	border:1px #d0d0d0 solid;
	border-right:none;
	border-top:none;
	clear:both;
	overflow:hidden;
	height:24px;
}
#continent li{
	background:#f7f7f7;
	border-right:1px #d0d0d0 solid;
	border-top:1px #d0d0d0 solid;
	float:left;
	padding:0 10px;
	cursor:pointer;
	color:#555;
	
	}
#continent li.hover{
	background:#ececec;
	font-weight:bold;
}
#index_country_list{
	margin:10px 0;
	clear:both;
}
#index_country_list li{
	float:left;
	color:#ababab;
	width:170px;
	margin-left:12px;
	background:url(../images/dot_gray.gif) left center no-repeat;
	padding-left:8px;
}
#index_country_list a:link,#index_country_list a:visited{
	color:#ababab;}

/**********查看详情和小预订黄色按钮/和返回白色按钮，样子都跟预订流程的一样*/
.freeS .cnt .cnt_btn{
	float:right;
	margin:28px 15px 0 40px;
} 
.cnt_btn:hover,.cnt_btn:link,.cnt_btn:visited{
	text-decoration:none;
}
.cnt_btn{
	background-position: left -135px;
	padding-left:15px;
	float:right;
	background-image:url(../images/icon_ht.gif);
	height:29px;
	font-weight:bold;
	cursor:pointer;	
}

.cnt_btn span{
	background:url(../images/icon_ht.gif) right -512px;
	line-height:29px;
	display:block;
	color:#000;
	text-decoration:none;
	padding-right:15px;
	font-size:14px;	
}

/**********************************************搜索结果列表*************************************************************/

.res_info{
	margin:0 12px 10px;
} 
.desti_cty h2.main3{
	background:url(../images/bar_seaisland.gif) left bottom no-repeat;
	text-indent:5em;
	line-height:35px;
	color:#fff;
	width:590px;
}
.desti_cty .freeS{
	padding:5px 6px;
	border:3px solid #2190ea;
	border-top:none;
	padding:0 6px 10px;
	overflow:hidden;
	zoom:1
	}
.desti_cty .freeS .cnt{
	width:450px;
	}
.desti_cty .freeS .btn_detail{
	margin-right:15px
}
/*freeS 搜索结果列表项*/
.freeS{
	clear:both;
	padding-bottom:10px;
	overflow:hidden;
}
.freeS .tt h3{
	float:left;
}
.freeS .cnt{
	float:right;
	width:580px;
}
.freeS .cnt .price{
	float:right;
	margin-top:20px;
}
.freeS .cnt .price p{
	clear:both;
	font-weight:bold;
	font-size:14px;
	color:#ea1111;	

}
.freeS .cnt p{
	float:left;
}
.freeS .cnt p span{
	margin-right:10px;
}
.freeS .cnt h1{
	font-size:14px;
	font-family:"宋体";
	font-weight:bold;
	line-height:18px;
	margin-bottom:5px;
}
.freeS  .btn_detail{
	float:right;
	margin-top:10px;
}
.freeS .synopsis{
	text-indent:2em;
	line-height:18px;
	color:#666;
	clear:both;
	padding-top:10px;
}
.freeS .synopsis a{
	margin-left:5px;
}
.res_info h3{
	float:left;
}
.res_info_pic{
	width:90px;
	margin-left:10px;
	float:left;
	display:inline;
	position:relative;	
}
.res_info_pic img{
	border:1px #d8d8d8 solid;
	width:90px;
	height:90px;
}
.res_info_pic div{
	background:url(../images/icon_hui.png) no-repeat;
	width:49px;
	height:49px;
	position:absolute;
	top:44px;
	left:47px;	
}
*html .res_info_pic div{
	background:url(../images/icon_hui.gif) no-repeat;
}

.freeS .tt{
	background:#eee;
	padding:0 10px;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	}
.desti_cty .freeS .tt span{
	margin-right:20px;
	}
.freeS .tt span{
	margin-right:40px;
	text-align:left;
	display:block;
	float:right
}
.freeS .tt span a{
	font-weight:bold;
	color:#FF0000;
}

.freeS .tt .price{
	font-size:14px;
	font-weight:bold;
	color:#FF0000;
}

/*---------------友情链接--------------*/
.Friendly_link{ clear:both; width:950px; margin:0 auto; height:23px; line-height:23px;}
.friendly_link{ text-decoration:none; color:#666; font-size:12px;}
.friendly_link_left{ width:65px; float:left; color:#666; font-size:12px;}
.friendly_link_right{ width:885px; float:right; font-size:12px; text-align:left;}
.friendly_link_right a{font-size:12px; text-align:left; color:#666;}

