www.gusucode.com > 漂亮的地方旅游景点景观介绍网站源代码 > skins/css/web.css
@charset "gb2312";
body{
margin:0px;
padding:0px;
background:#fff url('../images/bg.jpg') repeat-x;
color:#000;
text-align:left;
line-height: 215%;
font: 12px/1.6em Arial, Helvetica, sans-serif;
}
*{ 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('../images/webbg.png') no-repeat; _background:url('../images/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('../images/webbg2008.gif') no-repeat; }
.ethainan{margin:0px auto; width:860px;}
.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 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:500px;padding:10px 0px 0px 10px;}
.s_header .sheaderinfo{float:right; width:340px; padding:20px 0px 0px 0px; text-align:right;}
.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:60px; 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:8px 0px 8px 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 10px 0px 10px; padding:4px;}
.holiday_submenu span a:link, .holiday_submenu span a:visited{text-decoration:none;color:#C3EFF9;}
.holiday_submenu span a:hover{color:#f40; text-decoration:none;}
.holiday_submenu span.active{background:url('../images/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:#fff;}
.holiday_submenu span.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 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 #57C0E6;}
/* 分页 */
.pages{padding:10px 0px 10px 0px;font-size: 12px; color: #0067A5; text-align: center;}
/*底部*/
.footer{border-top:5px solid #E7E7E7; margin:5px 0px 15px 0px; padding:8px 0px 0px 0px; height:1%; text-align:center}
.footer .copyright{float:right; width:860px; text-align:center}
.footer .copyright p{ text-align:left; color:#959595; text-align:center}
.footer .copyright p a:link, .footer .copyright p a:visited{text-decoration:none;color:#333;}
.footer .copyright p a:hover{color:#f40; text-decoration:none;}
/*打印专用*/
@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;}*/