@charset "utf-8";
/* CSS Document for HaiNan.org by anyLiv 0817-2009 */

body{
	margin:0px;
	padding:0px;
 	background:#fff url('web/bg.jpg') repeat-x;
	color:#000;
	text-align:left;
	line-height: 215%;
	font: 12px/1.6em Arial, Helvetica, sans-serif;
	}
.trim { display:block; overflow:hidden; height:0; clear:both; margin:0; padding:0; }

h2{font-size:123.1%;}
h3{font-size:108%;}
h1,h2,h3{margin:1em 0;}
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
/* for some area */
#divPag { width:860px; margin:10px auto; background:#FFF; }

#divTop { margin-bottom:5px; }
#divTop .ulnk { text-align:center; border:1px solid #F5F5F5; background:#F0F1F3; margin:0px 10px 0px 350px; }
#divTop .logo {float:left; width:500px;padding:15px 0px 0px 10px;}
#divTop .icon { width:auto; float:right; }
#divTop .icon a { display:block; float:left; width:50px; text-align:center; padding:50px 5px 0px;
	background:url(image/divTop_icon.jpg) no-repeat; }
#divTop .icon a:hover { color:#594CD8; text-decoration:none; }
#divTop .icon a.help { background-position:left 5px; }
#divTop .icon a.help:hover { background-position:left bottom; }
#divTop .icon a.fuwu { background-position:center 5px; }
#divTop .icon a.fuwu:hover { background-position:center bottom; }
#divTop .icon a.hntq { background-position:right 5px; }
#divTop .icon a.hntq:hover { background-position:right bottom; }
#divTop h1{font-weight:100}

#divNav { background:#82C4F4 url(image/divNav_bg.png) no-repeat center top;
	height:38px; padding:0 3px; margin-bottom:10px; }
#divNav ul { padding:0; margin:0; }
#divNav li { list-style:none none; float:left; margin:2px 0px 0px; }
#divNav li a { font-size:13px; line-height:32px; color:#FFF; padding:0 15px;
	font-weight:bold; text-decoration:none; display:block; }
#divNav li a:hover { color:#71B4E8; background:url(image/divNav_active.png) no-repeat center -37px; }
#divNav ul li.active a{ color:#000; background:url(image/divNav_active.png) no-repeat center 0px; }

#divNav2 { background:#82C4F4 url(image/divNav_bg.png) no-repeat center top;
	height:38px; padding:0 3px; margin-bottom:0px; }
#divNav2 ul { padding:0; margin:0; }
#divNav2 li { list-style:none none; float:left; margin:2px 0px 0px; }
#divNav2 li a { font-size:13px; line-height:32px; color:#FFF; padding:0 15px;
	font-weight:bold; text-decoration:none; display:block; }
#divNav2 li a:hover { color:#71B4E8; background:url(image/divNav_active.png) no-repeat center -37px; }
#divNav2 ul li.active a{ color:#000; background:url(image/divNav_active.png) no-repeat center 0px; }

#divHot { margin-bottom:10px; background:#DFECFC; border:5px solid #DFECFC; }
#divHot div.imgs { width:390px; float:left; overflow:hidden; }
#divHot div.imgs h3 { padding:0; margin:0; border:1px solid #DFECFC; background:#FFF; text-align:center; font-weight:normal; line-height:26px;}

#divHot .news { width:200px; float:right; overflow:hidden; background:#FFF; border:5px solid #DFECFC; border-width:0 5px 0; }
#divHot .news h3 { margin:0px; padding:0px 10px; font-size:14px; line-height:28px; color:#1F376D; }
#divHot .news h3 span{float:right; font-weight:normal;}
#divHot .news ul { margin:0px; padding:5px; display:block; border-top:1px solid #AACBEE; height:280px; overflow:hidden; }
#divHot .news ul li { padding:0px; margin:0; display:block; height:93px; list-style:none none; }
#divHot .news ul li a.imgs { display:block; float:left; width:90px; text-align:center; }
#divHot .news ul li a.imgs img { display:block; width:185px; height:70px; padding:1px; border:1px solid #DDD; }
#divHot .news ul li p.text { display:block; margin:0; padding:0px 0px 0px; float:left; width:195px; }
#divHot .news ul li p.text s { text-decoration:none; }
#divHot .news ul li p.text b { }
#divHot .news ul li p.text i { display:block; color:#F40; }

#divHot .find { width:250px; float:right; overflow:hidden; }
.find .head { padding:8px 5px 0px; background:#FFF; border:1px solid #AACBEE; border-bottom:0; color:#F0F6FC; }
.find .head b { font-size:13px; font-weight:normal; padding:5px 9px 5px 10px; cursor:pointer; color:#333; }
.find .head b.active { font-weight:bold; background:url(image/divPag_sIcon.png) no-repeat -10px -10px; }
.find .body { background:#F0F6FC; border:1px solid #AACBEE; height:290px; }
.find form p { padding:0 20px; margin:7px 0; }
.find input, .find select { width:130px; }
.find .form-radio { width:20px; }
.find .foot { text-align:right; display:block; margin-bottom:0; }
.find .foot button { background:#006DD4; cursor:pointer; margin:0 10px; padding:3px 5px; border:1px solid #CCC; color:#FFF; font-weight:bold; }


















*{ word-break: break-all; word-wrap: break-word;}	/*在IE中实行强制换行*/
.c{clear: both;padding:0px; text-align: center;} /* 此句作用是为了兼容 firefox,Netscape等非IE浏览器 */

/* 综合设置 */
form, p{margin:0px; }
a:link, a:visited{text-decoration:none;color:#0067A5;}
a:hover{color:#f40; text-decoration:none;}
a img {border: none; }
h1,h2,h3,h4,h5,h6{margin:0px; font-size:12px;}
table{empty-cells: show; border-collapse: collapse; }
select{font-size:12px; }
li,ul,ol,dl,dd,dt{margin:0px; list-style:none; list-style-position:outside;padding:0px;}
div{margin:0px;}


.menu, .menu ul, .menu ul li, .menu .active,  .samenu, .samenu ul{background:url('web/webbg.png') no-repeat; _background:url('web/webbg.gif') no-repeat;}

 .menu_v5 ul li, .menu_v5 ul li a, .menu_v5 ul li.active, .menu_v5 ul li.active a, .submenu_v5, .submenu_v5 ul, .submenu_v5 ul .submenu_v5_left, .header .headerinfo .login em, .s_header .sheaderinfo .login em{background:url('web/webbg2008.gif') no-repeat; }

 .orgbody{width:860px; margin:0px auto; background:#FFF;}

.header{height:1%;}
.header .logo{float:left; width:500px;padding:10px 0px 0px 10px;}
	.header .logo a{margin:0px 3px 0px 3px;}
.header .headerinfo{float:right; width:340px;  padding:8px 0px 0px 0px; text-align:right;}
	.header .headerinfo .ethainan_tel{font-size:14px; color:#0067A5; font-weight:bold; padding:2px 10px 5px 0px;}
	.header .headerinfo .ethainan_tel em{font-family:Georgia, "Times New Roman", Times, serif;  font-style:normal; font-size:20px; color:#f40; margin:0px 0px 0px 10px;}
	.header .headerinfo .login{padding:5px 10px 10px 0px; color:#ccc;}
	.header .headerinfo .login a{margin:0px 3px 0px 3px;}
	.header .headerinfo .login em{background-position:left -196px; font-style:normal; padding:2px 5px 2px 12px; margin:0px 0px 0px 5px;}

/* ======================= */
/*预订单专用独立头部样式 12/12/2008 */
.s_menu{background:#0078B2; text-align:center; display: none;}
.s_menu ul{padding:5px 0px 5px 0px;}
.s_menu ul li{display:inline;  margin:0px 10px 0px 10px; }
.s_menu ul li a:link, .s_menu ul li a:visited{text-decoration:none;color:#fff;}
.s_menu ul li a:hover{color:#f40; text-decoration:none;}

.s_header{border-bottom:4px solid #00A8E4; padding:0px 0px 5px 0px; }
.s_header .slogo{float:left; width:380px;padding:10px 0px 0px 10px;}
.s_header .sheaderinfo{float:right; width:460px;  padding:5px 0px 0px 0px; text-align:right;}
	.s_header .sheaderinfo p.ethainan_tel{font-size:14px; color:#0067A5; font-weight:bold; padding:2px 10px 10px 0px;}
	.s_header .sheaderinfo p.ethainan_tel em{font-family:Georgia, "Times New Roman", Times, serif;  font-style:normal; font-size:20px; color:#f20; margin:0px 0px 0px 10px;}

.s_header .sheaderinfo .login em{background-position:left -196px; font-style:normal; padding:2px 5px 2px 12px; margin:0px 0px 0px 5px;}
/* ======================= */



.menu_v5{width:860px;}
.menu_v5 ul{height:1%;}
.menu_v5 ul li.bbs{float:right; margin:0px; #width:80px; }
.menu_v5 ul li{float:left; width:73.64px; *width:73px; text-align:center; margin:0px 5px 0px 0px;  background-position:left top; color:#0067A5;}
.menu_v5 ul li a{float:left; width:100%; padding:6px 0px 3px 0px; background-position:right top;}
.menu_v5 ul li.active{background-position:left -54px; font-weight:bold;}
.menu_v5 ul li.active a{ background-position:right -54px; }
	.menu_v5 ul li.active a:link, .menu_v5 ul li.active a:visited{text-decoration:none;color:#fff;}
	.menu_v5 ul li.active a:hover{color:#f40; text-decoration:none;}

.submenu_v5{background-position:left -113px; margin:0px 0px 4px 0px;  padding:0px; height:1%;}
.submenu_v5 ul{background-position:right -113px; height:1%; color:#C5EEFF;}
.submenu_v5 ul .submenu_v5_left{float:left; width:45%; padding:6px 0px 5px  22px; background-position:10px -156px;  color:#F6FC5C;}
.submenu_v5 ul .submenu_v5_right{float:right; width:50%;  padding:0px 10px 0px  0px; text-align:right; vertical-align:middle;  overflow:hidden; height:32px;}

.submenu_v5 ul .submenu_v5_right .weather{vertical-align:middle; margin:7px 3px 0px 3px;} /* 天气  */
/*.submenu_v5 ul .submenu_v5_right .weather span{margin:0px 3px 0px 0px;}图标区域
.submenu_v5 ul .submenu_v5_right .weather span img{ width:30px; height:30px; vertical-align:middle; z-index:7; position:relative;} 天气图标*/	
.submenu_v5 ul .submenu_v5_right .weather em{margin:0px 1px 0px 1px; vertical-align:middle; font-style:normal;}
.submenu_v5 ul .submenu_v5_right .weather em.no_today{/*color:#ff0; font-weight:bold;*/} /*摄氏度*/
.submenu_v5 ul .submenu_v5_right .weather em strong{font-weight:normal;}
	.submenu_v5 ul .submenu_v5_right .weather a:link, .submenu_v5 ul .submenu_v5_right .weather a:visited{text-decoration:none;color:#C5EEFF;}
	.submenu_v5 ul .submenu_v5_right .weather a:hover{color:#F6FC5C; text-decoration:none;}

	.submenu_v5 ul .submenu_v5_left a:link, .submenu_v5 ul .submenu_v5_left a:visited{text-decoration:none;color:#F6FC5C;}
	.submenu_v5 ul .submenu_v5_left a:hover{color:#f40; text-decoration:none;}

	.submenu_v5 ul .submenu_v5_left .text_play{height:20px;  overflow:hidden;} /*  滚动广告 此高度，应该与SPAN以及后台的步长一致  22/12/2008 */ 
	.submenu_v5 ul .submenu_v5_left .text_play span{background:none;display:block; height:20px;vertical-align:middle;}
	
	.submenu_v5 ul .submenu_v5_left .text_play a:link, .submenu_v5 ul .submenu_v5_left .text_play a:visited{text-decoration:none;color:#F6FC5C;}
	.submenu_v5 ul .submenu_v5_left .text_play a:hover{color:#FFAD03; text-decoration:none;}


.holiday_submenu{padding:8px 0px 8px  0px; text-align:center;} /* 度假频道专用二级主菜单 4/1/2009 */
.holiday_submenu span{margin:0px 0px 0px 10px; padding:4px;}
	.holiday_submenu span a:link, .holiday_submenu span a:visited{text-decoration:none;color:#0442AB;}
	.holiday_submenu span a:hover{color:#FF0000; text-decoration:none;}
.holiday_submenu span.active{background:url('web/holiday_submenu_active_bg.gif') no-repeat bottom center; font-weight:bold;}
	.holiday_submenu span.active a:link, .holiday_submenu span.active a:visited{text-decoration:none;color:#0442AB;}
	.holiday_submenu span.active a:hover{color:#FF0000; text-decoration:none;}

/*顶部站点导航*/
.orgmenu{background:#F0F1F3; border-bottom:1px solid #EDECEC; padding:2px 0px 2px 0px; margin:0px auto; width:860px;}
.orgmenu_left{float:left; padding:0px 0px 0px 10px;}
.orgmenu_right{float:right; padding:0px 10px 0px 0px;}
.orgmenu_right li{margin:0px 5px 0px 5px; display:inline;  text-align:center;}
	.orgmenu_right li a:link, .etmenu_right li a:visited{text-decoration:none;color:#000;}
	.orgmenu_right li a:hover{color:#f40; text-decoration:none;}
	
	.orgmenu_right .active{}
	.orgmenu_right .active a:link, .etmenu_right .active a:visited{text-decoration:none;color:#f40;}
	.orgmenu_right .active a:hover{color:#00f; text-decoration:none;}



/*导航
.menu{background-position:left top;  margin:0px; padding:0px;}
.menu ul{margin:0px; height:32px; background-position:right top; padding:0px 0px 0px 10px;}
.menu ul li{margin:2px 2px 0px 2px; display:inline; font-size:12px; font-weight:bold; text-align:center; padding:3px 0px 0px 4px;line-height:27px; height:27px; width:93px; float:left; background-position:95px -137px;}
.menu ul li a:link, .menu ul li a:visited{text-decoration:none;color:#fff;}
.menu ul li a:hover{color:#FFD403; text-decoration:none;}
	.menu .active{background-position:0px -92px;}
	.menu .active a:link, .menu .active a:visited{text-decoration:none;color:#0847A5;}
	.menu .active a:hover{color:#f40; text-decoration:none;}
*/
.menu{background-position:left top;  margin:0px; padding:0px;}
.menu ul{margin:0px; height:32px; background-position:right top; padding:0px 0px 0px 5px;}
.menu ul li{margin:2px 1px 0px 1px; display:inline; font-size:12px; font-weight:bold; text-align:center; padding:3px 0px 0px 4px;line-height:27px; height:27px; width:88px; float:left; background-position:88px -137px;}
.menu ul li a:link, .menu ul li a:visited{text-decoration:none;color:#fff;}
.menu ul li a:hover{color:#FFD403; text-decoration:none;}
	.menu .active{background-position:0px -92px;}
	.menu .active a:link, .menu .active a:visited{text-decoration:none;color:#0847A5;}
	.menu .active a:hover{color:#f40; text-decoration:none;}


/*副导航*/
.samenu{background-position:left -177px; margin:0px 0px 4px 0px;}
.samenu ul{background-position: right -177px; padding:3px 10px 4px 10px; *padding:5px 10px 5px 10px; clear: both; line-height:22px; height:22px; }
.samenu ul .samenu_right{float:right; text-align:right;}
		.samenu ul .samenu_right a{margin:0px 4px 0px 0px; padding-right:20px; }
.samenu ul .samenu_left{float:left;} /* 时间 */
.samenu ul .samenu_left span{margin:0px 10px 0px 10px;}

/*路径*/
.path{margin:6px 0px 0px 0px; padding:0px 0px 3px 10px; border-bottom:5px solid #C27C4F;}

/* 分页 */
.pages{padding:10px 0px 10px 0px;font-size: 12px; color: #0067A5; text-align: center;}
.pages a{border:2px solid #F0F0F0;padding:.15em .45em; *padding:.2em .45em; margin-right:.5em; zoom:1; font-size:107%; color: #000; text-decoration: none;}
.pages a:hover{border:2px solid #f40;}
.pages a:active{border:2px solid #f40;}
.pages span.current{background: #f40; border:2px solid #f40;padding:.15em .45em; *padding:.2em .45em; margin-right:.5em; zoom:1; font-size:105%; color: #fff; text-decoration: none;}
/*.pages span.current{border:2px solid #ff5a00; font-weight:bold; font-size:107%; padding:.25em .55em; *padding:.3em .55em; margin-right:.5em; color: #fff; background: #f60;}*/


/*底部*/
.footer{border-top:5px solid #E7E7E7; margin:5px 0px 5px 0px; padding:8px 0px 0px 0px; height:1%;}
.footer .copyright{}
	.footer .copyright  p{ text-align:center; color:#959595;}
	.footer .copyright p a:link, .footer .copyright p a:visited{text-decoration:none;color:#757575; margin:0px 4px 0px 4px;}
	.footer .copyright p a:hover{color:#f40; text-decoration:none;}


/*登录弹出 2008-09-19 */
#divShowLoginForm {border:1px solid #2A6AC1;width:300px;height:150px;background:#F3F8FE; z-index:9031; /*position:absolute;*/} 
#divShowLoginForm h4 {height:20px;background:#2A6AC1;color:#fff;padding:5px 0 0 5px;} 
#divShowLoginForm h4 span {float:left;} 
#divShowLoginForm h4 span#close {margin-left:210px;font-weight:500;cursor:pointer;} 
#divShowLoginForm p {padding:12px 0 0 30px;} 
#divShowLoginForm p input {width:120px;margin-left:20px;} 
#divShowLoginForm p input.myinp {border:1px solid #ccc;height:16px;} 
#divShowLoginForm p input.sub {width:60px;margin-left:30px;} 



/*打印专用*/
@media print{
body{margin:0px;padding:0px;background:#fff;color:#000;text-align:left;line-height: 215%;font: 12px/1.6em Arial, Helvetica, sans-serif;}
.menu, .samenu, .path_salesoff, .footer, .onlinebuy{display:none;}
form{display:none;}

.header .logo{padding:0px; margin:-5px 0px 0px 0px;}
.header .headerinfo{display:none;}

.holiday_show{width:640px; margin:0px;}
.holiday_show .infoshow ol.moneyday table{float:left; width:615px;}
.holiday_show .infoshow ol.hotel_lists fieldset dl{float:left; width:48%; border:1px solid #E8E8E8;}
.holiday_show .holi_day ol dl{float:left; width:48%; padding:0px; margin:0px 0px 0px 0px; border:1px dotted #E8E8E8; }
.holiday_show .holi_day ol dl h6{background:#E8E8E8; font-weight:bold; color:#525252; border-bottom:1px solid #E8E8E8;}


.holiday_show ul{margin:10px 0px 10px 0px;}
.holiday_show ul.holiday_show_info{position:absolute; top:10px; right:25px; border:0px solid #f00; text-align:right;}
.holiday_show ul.holiday_show_info h1{font-size:18px;}
.holiday_show ul.holiday_show_info h1 i{margin:0px 0px 0px 20px;}
.holiday_show_info dl{display:none;}

.holiday_show ul.infoshow{border:0px;}
.holiday_show ul.infoshow h5{border-bottom:1px solid #D6D6D6; padding:0px;}

.holiday_show ul.holi_day{border:0px;}
.holiday_show ul.holi_day h5{border-bottom:1px solid #D6D6D6; padding:0px;}


/*.holiday_show_info .icons li em{display:none;}
.holiday_show_info .icons{display:none;}*/
}

/* 通用图片播放器CSS 19/1/2009 */
#play_text {display:block; position:absolute; right:0px; height:30px; text-align:right; z-index:1002; float:right;}
#play_text ul {list-style-type:none; height:30px; text-align:right;float:right; padding-right:2px;}
#play_text ul li {width:12px; height:12px; line-height:12px; font-size:10px; float:left; background:#000; color:#FFF; filter: Alpha(Opacity=50); opacity:0.5; text-align:center; margin:2px; cursor:pointer;}
#play_list a {display:block; /*position:absolute;*/  overflow:hidden;}

/* 通用单行文件滚动 2009-02-13 */
.showText{height:25px;line-height:25px; overflow:hidden;}
.showText li{height:25px;padding-left:10px;}

/*全站通用 2009-03-05 */
a.holiday_spe_flag{background:url('web/spe_flag_icon.gif') no-repeat right; padding:0px 22px 0px 0px}/*特价*/
a.holiday_hot_flag{background:url('web/hot_flag_icon.gif') no-repeat right; padding:0px 22px 0px 0px}/*热卖*/

a.shoppingcart{font-size:12px; color:#f20; font-weight:bold; margin:0px 10px 0px 10px;}
a.shoppingcart2{font-size:12px; color:#57A1D8; font-weight:bold; margin:0px 10px 0px 10px;}
a.shoppingcart:hover{font-size:12px; color:#070; font-weight:bold;}
a.shoppingcart2:hover{font-size:12px; color:#070; font-weight:bold;}