body { margin:0 auto; font-size:12px; color:#333333;}

a{ color:#333333; text-decoration:none;}
a:visited{ color:#000000;}
a:hover{ color:#ff0000; text-decoration:underline;}

a, img, td, tr, ul, li, input, div, p, h1, h2, h3, h4 , h5,form{ margin:0; padding:0; border:0; list-style:none;}
.box ul, #vip ul{ padding:10px 10px 10px 15px;}
.box li,  #vip ul li{ line-height:20px; background:url(dot_red.gif) no-repeat left; padding-left:10px;}

h1, h2, h3, h4, h5{ font-size:13px; font-weight:normal; }

.clean{ clear:both;}

.bold{ font-weight:bold;}
.black{ color:#333333;}
.blue{ color:#5982C0;}
.red, .red a, .red a:visited{ color:#ff0000;}
.green{ color:#0C6E20; font-size:13px; font-weight:bold;}
.green, .green a, .green a:visited{ color:#0C6E20; }
.gray, .gray a, .gray a:visited{ color:#666666;}

#nav, .box, #ad1, #ad2, #ad3, #footer, #fbox{ margin:0 auto; width:970px; margin-bottom:5px; clear:both;}
#photo, #notice{margin:0 auto; width:968px; margin-bottom:5px; clear:both; } 

/* login */
#login{ margin:0 auto; width:968px;height:32px; clear:both; border:solid 1px #CECECE; background:url(login.jpg) repeat-x top;}
#login, #login a, #login a:visited{ color:#444444;}
#login a{ text-decoration:underline;}
#login a:hover{ color:#ff0000;}
.login_l { float:left; margin:3px 0 0 10px;}
.login_l2 { float:left; line-height:32px; padding-left:20px;}
.login_r { float:right; margin-right:10px; line-height:32px; }
.textarea{ width:70px; height:16px; border:solid 1px #bbbbbb; }
.bu{ height:22px;line-height:22px; width:42px; color:#fff; background:url(login_bu.gif) no-repeat center;}

/* head */
#head{ margin:0 auto; width:970px; height:90px; background:url(head.jpg) no-repeat bottom;}

/* nav */
#nav{text-align:left; }

.main{clear:both;padding:8px 10px 0px 20px;text-align:center;}

.menu1box{position:relative;overflow:hidden;padding:0; height:37px; background:url(nav.jpg) repeat-x;}

#menu1{position:absolute;top:0;left:10px;z-index:1;}
#menu1 li{float:left;display:block;cursor:pointer;width:79px;text-align:center;line-height:37px;height:37px;}
#menu1 li.hover{background:url(nav_hover.jpg) no-repeat center;}

#menu1 li, #menu1 li a, #menu1 li a:visited{ color:#fff;}
#menu1 li a:hover{ text-decoration:none; color:#B9EFFF;}

.main1box{clear:both;margin-top:-1px;background:url(nav_sub.jpg) repeat-x top;height:30px;}

#main1 ul{display: none;}
#main1 ul.block{display: block;}

/* end nav */

#ad1{ height:120px; overflow:hidden;}

/* notice公告栏 */
#notice{ height:26px; line-height:26px; background:url(postbg.jpg) repeat-x top; border:solid 1px #cccccc;}
#notice .l{ float:left; padding-left:30px;  width:100px; height:26px;background:url(post_title.jpg) no-repeat left; color:#ff0000; font-weight:bold;}
#notice li{ height:26px; background:url(dot02.gif) no-repeat left 1px; padding-left:10px; float:left; margin-left:10px; }
#notice .r, #notice .r a, #notice .r a:visited{ color:#4F852E;}
#notice .r a:hover{ color:#ff0000; text-decoration:none;}

/* ad焦点图片 */
#ifocus{float:left; width:310px; height:196px; border:1px solid #cccccc; background:#f0f0f0; padding:4px;}

/* end ad焦点图片 */

/* 第一个box 中的新闻 块 */
#trip{ width:318px;  float:right; border:solid 1px #cccccc; background:url(newbg2.jpg) repeat-x top;}
#trip p{ padding:9px 0px 0px 20px;}
#trip p, #trip p a, #trip p a:visited{ font-size:13px; color:#CA0000; font-weight:bold;}
#trip p a:hover{ color:#ff0000; text-decoration:underline; }
#trip ul{ padding-left:20px;}
#trip ul li{ background:url(dot05.gif) no-repeat left; padding-left:15px;}
#trip ul li a, #trip ul li a:visited{ color:#ff0000;}

/* weather天气预报区 */
#weather{ width:320px; float:left;margin:0 5px;}
.w1{ height:22px; padding:8px 10px 0 130px; border:solid 1px #cccccc;  background:url(w1.jpg) no-repeat left;}
.w2{ margin-top:5px; border:solid 0px #cccccc; background:url(newbg2.jpg) repeat-x top;}
.w2 p{ padding:10px 0px 0px 15px;}
.w2 p, .w2 p a, .w2 p a:visited{ font-size:13px; font-weight:bold; color:#CA0000;}
.w2 p a:hover{ color:#ff0000; text-decoration:underline; }

/* 第二个box 的3个新闻块 */
.left{ width:320px; float:left; }
.center{ width:320px; margin:0 5px; float:left;}
.right{ width:320px; float:right;}
.left, .center, .right{}

h1{ height:30px; line-height:30px; background:url(title_txt.jpg) repeat-x; text-indent:36px;}
h1, h1 a, h1 a:visited{ color:#fff;}
h1 a:hover{ color:#fff; font-weight:bold; text-decoration:none;}

.news, .newpost{ background:url(box01.jpg) repeat-x top; border:solid 1px #cccccc; border-top:0;}

.newpost li{ background:url(dot_none.gif);}
.ads{ margin:0 auto; text-align:center; height:60px; overflow:hidden;}

/* ad3*/
#ad3{height:60px; }
#ad3 img{ width:320px; height:60px; }

/* vip会员区*/
#vip{ margin:0 auto 5px auto; width:960px; padding-left:10px; border:solid 1px #cccccc; background:url(vipbg.jpg) repeat-x top;clear:both;}
.vip_s{ width:240px; float:left; }
.vip_title{ margin:9px auto 0 auto; height:25px; line-height:25px; background:url(vip_title.jpg) no-repeat top left;  padding-left:20px;}
.vip_title, .vip_title a, .vip_title a:visited{ color:#ff0000; font-weight:bold;}
.vip_title a:hover{ color:#DE8D00;text-decoration:none;}

.vip_box{ background:url(vip_sbg.jpg) no-repeat left top;}

/* 你拍我摄区 */
#photo{ border:solid 1px #C8C8C8; background:url(photo.jpg) repeat-x top;}
#photo p{ height:20px; padding:6px 0 0 18px; }
#photo p, #photo p a, #photo p a:visited{ font-size:13px; color:#ff0000;}
#photo p a:hover{ font-weight:bold; text-decoration:none;}
.scrollPic{ padding:0 10px;}
.scrollPic img{ display:block; float:left; padding:10px 5px 10px 5px;}

.left2{ width:208px; float:left; background:#f0f0f0; border:solid 1px #DEDEDE;}
.center2{ width:540px; margin:0 5px; float:left; }
.right2{ width:208px; float:right; background:#f0f0f0; border:solid 1px #DEDEDE;}
.right2 ul li{ background:none; padding:3px 0 3px 0; clear:both; }

.title1, .title2{ height:30px; line-height:30px; padding-left:40px;}
.title1{ background:url(title_star.jpg) no-repeat;}
.title2{ background:url(title_rank.jpg) no-repeat;}
.title1, .title1 a, .title1 a:visited, .title2, .title2 a, .title2 a:visited{ color:#fff;}
.title1 a:hover, .title2 a:hover{ color:#fff; font-weight:bold; text-decoration:none;}

.star, .rank1{ height:280px;}
.star_pic{ margin:0 auto; text-align:center; margin:10px 0; }
.star_pic img{ width:120px; height:120px; overflow:hidden;}
.star_txt{ padding-left:10px; line-height:18px;}
.star ul{ padding-top:0; margin:0;}

h2{ height:26px; padding-top:4px; background:url(title_txt2.jpg) repeat-x; text-indent:15px;}
h2, h2 a, h2 a:visited{ color:#ff0000;}
h2 a:hover{ color:#ff0000; font-weight:bold; text-decoration:none;}
h2 img{ vertical-align:middle;}

.link, .rank2{ height:360px;}
.link p{ padding:5px 5px 5px 15px; line-height:20px;}

.sale p{ height:30px;line-height:30px;  background:url(sale_title.jpg) no-repeat; text-align:right; padding-right:30px; display:block;}
.sale p a{ display:block; width:510px; height:30px;}
.sale p, .sale p a, .sale p a:visited{ font-weight:bold; font-size:14px; color:#97FBFF;}
.sale p a:hover{ color:#fff; text-decoration:none; }
.sale_pic{ height:100px; padding:10px;}
.sale_pic img{ display:block; float:left; padding:0 3px; height:100px;}

.sbox{ clear:both;}
.sbox_l{ width:267px; float:left; margin-bottom:6px; background:#fff;}
.sbox_r{ width:267px; float:right;margin-bottom:6px; background:#fff;}
.sbox ul{ background:url(box02.jpg) no-repeat top; }

h3{height:18px; padding:6px 0 0 10px; background:url(title3.jpg) repeat-x; border:solid 1px #CCCCCC; border-bottom:none; }
h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited{ color:#ff0000;}
h3 a:hover, h4 a:hover{ color:#ff0000; font-weight:bold; text-decoration:none;}

.rank1 ul li{ background:url(dot03.gif) no-repeat left; padding-left:20px;}
.rank_a{ float:left;width:130px; overflow:hidden; }
.rank_a img{ vertical-align:middle; }
.rank_b{ float:right; width:50px; overflow:hidden; }

#ad2{ height:70px; overflow:hidden;}

h4{ height:24px; line-height:24px; padding-left:20px; background:url(title_txt3.jpg) repeat-x top; border:solid 1px #CECECE;}
.box2{border:solid 1px #CECECE; border-top:0; height:140px;}
.box2 p{ padding:10px 10px 10px 30px; line-height:20px;}
.box2  img{ width:60px; height:115px; overflow:hidden; display:block; float:left; padding:10px 0px 10px 10px;}
.outdoor { width:220px; float:right; }

#footer{ padding-top:20px; height:100px; background:url(footer.jpg) repeat-x 0 5px; text-align:center; line-height:20px;}

/* 以下为: 静态页相关css */
#fbox p{ margin:8px 0; line-height:22px;}

#f_left{ float:left; width:220px; } /* 左侧 */
#f_right{ float:right; width:740px;} /* 右侧 */

/* 左侧menu */
.f_menu{ margin:5px 0 10px 0;}
.f_menu li{ height:30px; margin-bottom:3px; }
.f_menu li a{ text-align:center;  height:30px; line-height:30px; background:url(f_menu.jpg) no-repeat 0px -30px; display:block;}
.f_menu li, .f_menu li a, .f_menu li a:visited{ color:#DC1500; }
.f_menu li a:hover{ text-decoration:none; background:url(f_menu.jpg) no-repeat 0px 0px;}

.f_menu .current a{ background:url(f_menu.jpg) no-repeat 0px 0px;}

/* 右侧 */
.f_about, .f_con{ margin-bottom:5px; padding:10px 30px 10px 30px; border:solid 1px #dddddd; } 

.f_about{ background:url(f_tbg.jpg) repeat-x top;}

h5{ padding-left:30px; color:#000; border:solid 1px #dddddd; height:19px; padding-top:7px; background:url(f_title.jpg) repeat-x top;}

.f_con{ border-top:0;}