﻿/*
Offical Style for SupeSite 7.0 zdwe
(C) 2006-2009 Zhida Inc.
http://www.zdwe.com
*/

/* reset style ===========================================*/
* { margin:0; padding:0; word-break:break-all }
body { background:#FFF; color:#666; font:12px/1.5em -微软雅黑, Verdana, Georgia, "Lucida Grande", Arial, Helvetica, sans-serif }
h1, h2, h3, h4, h5, h6 { font-size:1em }
a, u, s, i { color:#666; text-decoration:none }
  a:hover { text-decoration:underline }
i { font-style:normal; }
ul, li { list-style:none }
fieldset, img { border:none }
legend { display:none }
em, cite, th { font-style:normal; font-weight:400 }
input, textarea, select, button { font:12px Verdana,Helvetica,Arial,sans-serif; background:#fff }
  select optgroup { padding:2px; color:#057C6A; background:#f3f3f3 }
  select option { padding:2px; color:#000; background:#fff }
table { border-collapse:collapse }
html { overflow:-moz-scrollbars-vertical }
pre { 
	white-space: pre-wrap; /* css-3 */ 
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */ 
	word-wrap: break-word; /* Internet Explorer 5.5+ */ 
}

/* common style ===========================================*/
.font { font-family:-微软雅黑, 宋体 }
.num { font-family:Arial }

.box_l { float:left }
.box_r { float:right }

.bice { color:#057C6A }/* a */

.red { color:#FB0B04 }
.olive { color:#9CBC00 }
.green { color:#35BC07 }
.vert { color:#00AAB5 }
.blue { color:#2274E3 }
.smalt { color:#1C3392 }
.org { color:#FA7C21 }
.yellow { color:#F9D300 }
.purple { color:#AE23D1 }
.gray { color:#999999 }

.blove { color:#1C3392 }/* btn */
.jacinth { color:#FE6B00 }/* btn */

.star0 { background:url(../images/stars0.gif) no-repeat }
.star0d { background:url(../images/dstars0d.gif) no-repeat }
.star1 { background:url(../images/stars1.gif) no-repeat }
.star1d { background:url(../images/stars1d.gif) no-repeat }
.star2 { background:url(../images/stars2.gif) no-repeat }
.star2d { background:url(../images/stars2d.gif) no-repeat }
.star3 { background:url(../images/stars3.gif) no-repeat }
.star3d { background:url(../images/stars3d.gif) no-repeat }
.star4 { background:url(../images/stars4.gif) no-repeat }
.star4d { background:url(../images/stars4d.gif) no-repeat }
.star5 { background:url(../images/stars5.gif) no-repeat }


.part_l { float:left; width:200px }
 .part_l div { float:left; margin:0 0 8px; overflow:hidden }
 .part_l img { width:200px; height:200px }
 .part_l h2 { float:left; text-align:center; background:#F2F2F2 }
   .part_l h2 a { color:#FA7C21 }

.part_r { float:left; margin-left:14px }
  .part_r .bar { float:left; overflow:hidden; background:#F2F2F2 }
  .part_r .tabs { float:left; overflow:hidden }
		.part_r .text { float:left; overflow:hidden; margin-bottom:2px; background:#fff }
			.part_r .text p { line-height:24px }
			.part_r .text a { color:#FB0B04 }
			.part_r .text span { float:left; padding-right:6px }
			.part_r .stat { float:left; overflow:hidden; padding:6px 0; background:#fff }
				.part_r .stat span { float:left; padding-right:10px }
				.part_r .stat span a { float:left; padding-left:15px; color:#2274E3; background:url(../images/icon_stat.gif) no-repeat }
				.part_r .stat .comment { background-position:0 3px !important; background-position:0 2px }
				.part_r .stat .view { background-position:0 -28px }
				.part_r .stat .book { background-position:0 -58px }
				.part_r .stat .bookto { background-position:0 -89px; color:#FB0B04 }
		.part_r .str { float:left; overflow:auto; padding:0 6px; line-height:23px; background:#f9f9f9 }
  .part_r .pics { float:left; overflow:hidden; padding-top:4px; border-top:1px solid #eee; background:#fff }
    .part_r .pics .turn { float:left; width:12px; padding-top:10px }
    .part_r .pics .list { float:left; overflow:hidden }
      .part_r .pics .list li { float:left; margin:0 3px; _margin:0 5px 0 1px; padding:1px; font-size:0; border:1px solid #DADADA }

.turn { float:left; width:12px; padding-top:10px }
  .turn img { width:8px; height:28px; background:url(../images/turn_btn.gif) no-repeat }
  .turn img.t_h_l { float:left; background-position:0 0; cursor:pointer }
  .turn img.t_h_r { float:right; background-position:-10px 0; cursor:pointer }
  .turn img.t_n_l { float:left; background-position:0 -30px }
  .turn img.t_n_r { float:right; background-position:-10px -30px }

.hr { width:100%; height:10px; margin:10px 0; background:url(../images/hr_i.gif) #fff repeat-x 0 1px }
  .hr b { float:left; width:15px; height:10px; display:block; background:url(../images/hr_o.gif) #fff no-repeat left 1px }
  .hr s { float:right; width:15px; height:10px; display:block; background:url(../images/hr_o.gif) #fff no-repeat right 1px }

.btn { float:left; padding-top:2px; line-height:20px; font-family:宋体 }
  .btn span { float:left; margin-right:4px; padding-left:6px; display:block; background:url(../images/btn.gif) #fff no-repeat 0 0 }
  .btn a { padding:3px 16px 2px 10px; display:block;  font-size:12px; font-weight:bold; background:url(../images/btn.gif) #fff no-repeat right 0 }
  .btn a.gray:hover { text-decoration:none; }

.branch_weather { width:736px; height:92px; margin:-4px 500px 0 0; position:absolute; z-index:10px }
  .branch_weather div { float:right }

.branch_title { width:736px; overflow:hidden; margin-bottom:10px; background:#F2F2F2 }
  .branch_title h1 { float:left; padding:4px 40px; line-height:30px; font-size:14px; color:#FA7C21; background:url(../images/house.gif) no-repeat 10px center }
  .branch_title h2 { float:right; margin-right:100px; padding-top:10px; font-size:20px; color:#FB0B04 }
		.branch_title h2 a { font-size:18px }
		.branch_title h2 img { width:98px; height:16px }
		.branch_title h2 b { color:#FB0B04 }
	.branch_title h3 { float:right; margin-right:10px; padding-top:10px; padding-left:26px; font-size:20px; color:#FB0B04; background:url(../images/icon_tel.gif) no-repeat 6px 12px }
     
.mod_title { width:734px; height:38px; overflow:hidden; margin-bottom:10px; background:url("../images/mod_l_t_bg.gif") #F2F2F2 repeat-x; border:1px solid #DADADA }
  .mod_title * { padding:4px 20px; line-height:30px }
  .mod_title h1 { float:left; font-size:14px; color:#2274E3 }
  .mod_title a { float:right; font-size:12px; text-decoration:underline; color:#999 }
  .mod_title a:hover { text-decoration:none; color:#666 }
     
.mod_t { width:100%; overflow:hidden; margin-bottom:10px; background:url("../images/mod_r_t_bg.gif") #F2F2F2 repeat-x; border-bottom:1px solid #DADADA }
  .mod_t * { padding:4px 15px; line-height:22px }
  .mod_t h3 { float:left; font-size:12px }
  .mod_t a { float:right; font-size:12px; text-decoration:underline; color:#999 }
  .mod_t a:hover { text-decoration:none; color:#666 }
     
.s_mod { width:222px; overflow:hidden; margin-bottom:10px; background:#fff; border:1px solid #DADADA }
  .s_mod_h { width:100%; height:32px; background:url("../images/mod_r_t_bg.gif") #F2F2F2 repeat-x; border-bottom:1px solid #DADADA }
    .s_mod_h h3 { float:left; padding:4px 15px; line-height:22px; font-size:12px }
  .s_mod_t { background:url("") #FFF1F1; border-bottom:0px }
  .s_mod_info { padding:2px 10px; background:#fafafa }
    .s_mod_info p { margin-top:10px; line-height:24px }
    .s_mod_info select { width:148px }
    .s_mod_info input { width:142px; height:15px; padding:4px 2px 0; border:1px solid #bbb; color:#666 }
    .s_mod_info li { padding-top:10px; background:url(../images/line_bg.gif) repeat-x left bottom }
    .s_mod_info s { padding:0 10px; color:#999 }
    .s_mod_info em a { float:left; width:60px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
  .s_mod_b { width:100%; height:9px; background:#f8f8f8 }
  .s_m_bg { background:#f8f8f8 }
    .s_m_bg .s_mod_info { background:#f8f8f8 }

  .s_m_text { color:#1C3392 }
    .s_m_text p a { color:#FA7C21 }
    .s_m_text li a { color:#FB0B04 }
    .s_m_text li u { float:left; width:10px; _width:7px; height:20px; background:url(../images/icon_li.gif) no-repeat 4px 8px }
  .s_m_other { color:#1C3392 }
    .s_m_other li { float:left; width:99px; height:20px; padding-top:6px; overflow:hidden; background:none }
  .s_m_other_m { color:#1C3392 }
    .s_m_other_m li { float:left; width:120px; height:20px; padding-top:6px; padding-left:20px; overflow:hidden; background:none }
  .s_m_form { color:#444 }
    .s_m_form .submit { padding:15px 0 5px; text-align:center }
      .s_m_form .submit .b_btn { width:77px; height:24px; cursor:pointer; border:0px; background:url(../images/booking_btn.gif) no-repeat 0 0px }
  .s_m_list { color:#444 }
    .s_m_list a { color:#444 }
  .s_j_list { color:#444 }
    .s_j_list a { float:left; width:160px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
    .s_j_list s { padding:0 0px 0 2px; color:#999 }
  .s_m_ava li { float:left; width:200px; margin-right:12px }
    .s_m_ava .p_l { float:left; width:60px }
      .s_m_ava .p_l em a { float:left; width:60px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
    .s_m_ava .p_r { float:left; width:140px }
      .s_m_ava .p_r p { margin-top:4px; color:#999 }
  .s_m_top { _margin-top:6px; background:url(../images/top10_bg.gif) no-repeat; background-position:12px 18px; _background-position:12px 10px; }
    .s_m_top li { width:188px; height:18px; *height:16px; padding:10px 0 0 15px; _padding-top:4px; }
      .s_m_top li span { float:left; width:138px }
      .s_m_top li span a { float:left; width:130px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
      .s_m_top li em a { width:50px; text-align:right }
      
	.s_m_img { }
		.s_m_img li { float:left; width:178px; overflow:hidden; padding:0 10px;}
		.s_m_img p { padding:3px; margin:0px 20px 6px 20px; border:1px solid #eee }
		.s_m_img img { width:130px; height:80px; background:url(../images/gift_bg.gif) no-repeat center center }
		.s_m_img h3 { width:188px; line-height:24px; margin:5px 0 0; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }

.online_icon_p { width:auto; padding:0 0 0 10px; text-align:left; background:url(../images/icon_online.gif) no-repeat left center }

.d_avatar { float:left; margin-right:10px }
  .d_avatar img { width:48px; height:48px }

.avatar48 { width:55px; height:55px; padding:5px 0 0 5px; background:url(../images/avatar48_bg.gif) no-repeat }
  .avatar48 img { width:48px; height:48px }

.avatar_list { zoom:1 }
  .avatar_list li { float:left; padding:8px; width:60px; overflow:hidden }
  .avatar_list p { width:100%; height:22px; line-height:22px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
  .avatar_list p.online_icon_p { text-align:left }
  .avatar_list p.time { font-size:10px }
  .avatar_list:after { height:0; clear:both; display:block; visibility:hidden; content:"." }

.ad_top { }
.ad_left { margin-bottom:10px }
.ad_right {}
.ad_bottom {}

#pages { width:739px; height:35px; overflow:hidden; margin-top:20px; line-height:35px; text-align:center; font-family:Verdana }
  #pages a, #pages strong { margin:0 4px; padding:2px 6px; text-decoration:none!important; color:#1C3392; border:1px solid #E4E4E4 }
  #pages a:hover { border-color:#1C3392 }
  #pages strong { border-color:#1C3392; background:#1C3392; color:#FFF }
  #pages .prev, #pages .next { padding:4px 5px 2px; border:none; text-decoration:underline!important }

/* header style  border:1px solid #ff0000; ===========================================*/
#main_top { left:0; top:0; width:100%; height:154px; overflow:hidden; margin:0 auto; background:url(../images/main_bg.gif) repeat-x 0 4px }
  #header { width:970px; height:116px; overflow:hidden; margin:0px auto; padding-top:5px; background:url(../images/head_bg.gif) #fff no-repeat 285px 13px }
    
    #header #yy { margin:-4px 0 0 402px; text-align:right; color:#3399FF; position:absolute; z-index:9999 }
    
    #header #h_l { float:left; height:114px; margin-left:-11px; margin-top:2px; position:absolute; background:url(../images/head_l.gif) no-repeat left bottom }
      #header #h_l h2 { float:left; margin-top:62px; margin-left:24px; _margin-left:12px }
        #header #h_l h2 img { width:180px; height:48px }
      #header #h_l em { float:left; width:300px; height:20px; margin-top:88px; margin-left:24px; background:url(../images/slogan.gif) no-repeat left bottom }
    
    #header #h_r { float:right; width:540px; height:114px; margin-top:2px }
      #header #h_r div { float:right; width:300px; height:20px; margin-top:42px; margin-right:4px; padding-top:20px }
      #header #h_r p { float:right; margin-right:6px }
        #header #h_r p * { color:#057C6A }
        #header #h_r p s { padding:0 6px 0 8px }
        #header #h_r .al a { text-decoration:underline }
        #header #h_r .ua{ margin-top:-9px; margin-right:10px }
      #header #h_r h3 { float:right; width:520px; height:24px; margin-top:4px; margin-right:4px; background:url(../images/tels.gif) no-repeat 4px 0 }
        #header #h_r h3 em { float:right; background:url(../images/contact.gif) #fff no-repeat left center }
          #header #h_r h3 em a { width:65px; height:24px; display:block }

/* nav style  border:1px solid #ff0000; ===========================================*/
#nav { width:970px; height:27px; overflow:hidden; margin:0 auto }
  #main_nav { height:27px; overflow:hidden; font-size:12px }
    #main_nav ul { margin:0; padding:0 }
    #main_nav ul li { float:left; height:27px }
    #main_nav ul li a { padding:5px 0px; text-align:center; display:block; color:#FFF }
    #main_nav .index { width:92px; margin-right:2px; background:url(../images/nav_bg.gif) no-repeat 0px 0px }
    #main_nav .central { width:100px; margin-right:2px; background:url(../images/nav_bg.gif) no-repeat 0px -30px }
    #main_nav .expand { width:100px; margin-right:2px; background:url(../images/nav_bg.gif) no-repeat 0px -60px }
    #main_nav .null { width:266px; background:url(../images/nav_bgs.gif) repeat-x 0 0px }
    #main_nav .null_l { width:4px; background:url(../images/nav_bgs.gif) no-repeat 0 -30px }
    #main_nav .null_r { width:4px; background:url(../images/nav_bgs.gif) no-repeat 0 -60px }
    #main_nav .current a { font-weight:bold; text-decoration:none!important }

/* ext_nav style  border:1px solid #ff0000; ===========================================*/
#ext_nav { width:970px; height:22px; margin:0 auto 10px; padding:6px 12px 4px; overflow:hiddens; background:#F2F2F2 }
  #ext_nav .menu { float:left; width:580px; padding:2px 14px }
    #ext_nav .menu s { padding:0 12px 0 10px; color:#ccc }
    #ext_nav .menu .current { font-weight:bold; color:#FA7C21 }
  #ext_nav .stat { float:left; width:340px; text-align:right }

/* column style  border:1px solid #ff0000; */
#column { width:970px; overflow:hidden; margin:0 auto 10px }
  #col_l { float:left; width:736px; overflow:hidden }
  #col_r { float:right; width:224px; overflow:hidden }

/* common style  border:1px solid #ff0000; */
#cur_place { width:730px; overflow:hidden; margin:0 auto 10px; padding:8px 12px 6px; background:url(../images/cur_bg.gif) #fff repeat-x }
  #cur_place div { float:left }
  #cur_place a { font-weight:normal }
  #cur_place a.cur { color:#FA7C21 }

/* search style  border:1px solid #ff0000; */
#search { width:730px; overflow:hidden; margin:0 auto 10px; padding:8px 12px 6px; background:#F2F2F2 }
  #search form { line-height:28px }
  #search select { width:100px; margin-right:8px }
  #search input { width:180px; height:15px; padding:4px 2px 0; border:1px solid #bbb; color:#666 }
  #search .ser { width:63px; height:21px; cursor:pointer; border:0px; background:url(../images/ser_btn.gif) no-repeat 0 0px }
  #search p { margin-top:10px;  }
  #search p b { color:#FA7C21 }
  #search p a { padding:0 5px }

#ser_hint { width:700px; height:100px; overflow:hidden; margin:0 auto 10px; padding:80px 0 0; background:#F9F9F9 }
  #ser_hint div { margin:auto; text-align:center; color:#f00 }

/* showmessage style  border:1px solid #ff0000; */
#showmessage { width:968px; overflow:hidden; margin:10px auto; background:#fff }
  #showmessage .s_mod_info{ height:300px; overflow:hidden; background:#fafafa }
  #showmessage .infopage { padding:70px 0;}
  #showmessage .infopage div { padding:0 0 12px 280px; background:url(../images/icon_tip.gif) no-repeat 225px 0 }
  #showmessage .infopage h1 { padding-bottom:5px; color:#F00; font-size:14px }
  #showmessage .infopage h1 a { color:#FB0B04 }
  #showmessage .infopage a { margin-right:6px; text-decoration:underline }

/* footer style  border:1px solid #ff0000; ===========================================*/
#footer { left:0; width:100%; height:100%; overflow:hidden; margin:0px auto; border-top:1px solid #DCDCDC; background:#F9F9F9 }
  #foot_inner { width:970px; overflow:hidden; margin:10px auto 10px }
    #fi_text { margin:0px 10px }
      #fi_text p { line-height:30px }
      #fi_text a { text-decoration:underline; color:#058F7A }
    
    #foot_top { margin:-54px 10px 0; text-align:right }
    
  #foot_outer { width:970px; overflow:hidden; margin:10px auto 2px }
    #fo_text { margin:0 10px; padding-top:10px; color:#888888; border-top:1px solid #f0f0f0 }
      #fo_text h3 { margin:2px 0px 5px; font-size:13px; color:#888 }
      #fo_text p { line-height:24px; margin-bottom:15px; color:#aaa }
      #fo_text h2 { height:30px; margin-bottom:6px; font-size:12px; color:#888 }
      #fo_text h2 s { padding:0 6px; color:#888 }


/* login,register,lostpasswd style  border:1px solid #ff0000; ===========================================*/
.do_caption { width:968px; margin:10px auto; background:#fff }
  .do_caption .s_mod_info { width:938px; overflow:hidden; margin:20px auto; padding:2px; color:#333; border:3px solid #E1E8F0 }
  .do_caption a { color:#057C6A }
  .do_caption input { width:160px; height:18px; padding:3px 1px 0 2px; font-size:14px; font-family:"Verdana"; background:#fff }
  .do_caption select { width:164px; padding:2px; background:#fff }
  .do_caption .b_blue { border:1px solid #B6D0E3 }
  .do_caption .b_red { border: 1px solid #EEA8A6 }
  .do_caption .b_green { border: 1px solid #CFECB7 }
  .do_caption .input_cbx { width:auto; height:auto; padding:0; margin:auto; margin-bottom:-2px; border:0px }
  .do_caption .input_rdo { width:auto; height:auto; padding:0; margin:auto; margin-top:4px; margin-bottom:-2px; border:0px }
  .do_caption .submit_btn { width:120px; height:32px; margin-left:20px; font-size:14px; font-weight:bold; color:#fff; cursor:pointer; border:0; background:url(../images/login_btn.gif) no-repeat }
  .do_caption table { margin:20px 0 0 70px }
  .do_caption table th, .do_caption table td { padding:10px 0; vertical-align:top }
  .do_caption table th { padding:14px 12px 0 0; text-align:right; font-size:13px }
  .do_caption .box_r { width:45%; height:280px; overflow:hidden; padding:40px 10px 10px 30px; background:#f3f3f3 }
  .do_caption h2 { padding-left:24px; padding-top:0px; *padding-top:2px; line-height:30px; color:#FB0B04; font-size:14px; background:url(../images/icon_hint.gif) no-repeat 0 6px }
  .do_caption li { margin-bottom:8px; padding-left:24px; background:url(../images/icon_li.gif) no-repeat 10px 16px }
  .do_caption li a { color:#2274E3 }
  
  .do_caption .hint { padding:2px 10px 4px 2px; position:absolute; z-index:9; background:#fff }
  .do_caption .hint img { float:left; margin:2px }
  .do_caption .hint span { float:left }
  .do_caption .warning { border:1px solid #f00 }
  .do_caption .riging { border:1px solid #fff }
  
  .do_caption .regi_caption { padding:20px 0 0 80px }
  .do_caption .regi_content table { margin-left:20px }
  .do_caption .regi_content .say { margin-top:30px }

  .psdiv0, .psdiv1, .psdiv2, .psdiv3, .psdiv4 { position:relative;height:30px;color:#666 }/*密码强度容器*/
  .strongdepict { position:absolute; width:300px;left:0px;top:3px }/*密码强度固定文字*/
  .strongbg { position:absolute;left:0px;top:22px;width:235px!important;width:234px;height:10px;background:#E0E0E0; font-size:0px;line-height:0px }/*灰色强度背景*/
  .strong { float:left;font-size:0px;line-height:0px;height:10px }/*色块背景*/
  
  .psdiv0 span { display:none }
  .psdiv1 span { display:inline; color:#F00 }
  .psdiv2 span { display:inline; color:#C48002 }
  .psdiv3 span { display:inline; color:#2CA4DE }
  .psdiv4 span { display:inline; color:#063 }
  
  .psdiv0 .strong { width:0px }
  .psdiv1 .strong { width:25%; background:#F00 }
  .psdiv2 .strong { width:50%; background:#F90 }
  .psdiv3 .strong { width:75%; background:#2CA4DE }
  .psdiv4 .strong { width:100%; background:#063 }

/* ajaxwaitid style  border:1px solid #ff0000; ===========================================*/
.ajaxwait { float:left; width:80px; margin:-34px 0 0 830px; padding:4px; position:absolute; z-index:99; text-align:right; color:#fff }



/*============================================= Index pages style ===========================================*/
#main_body { width:970px; overflow:hidden; margin:2px auto 0px }
  
  /* index style  border:1px solid #ff0000; ===========================================*/
  
    .i_title { height:30px; padding-left:26px; line-height:30px; background:url(../images/icon_star.gif) #F6F6F6 no-repeat 6px 6px }
      .i_title b { font-size:14px }
      .i_title span { padding-left:10px; font-size:12px }
      .i_title a { line-height:16px; color:#888; text-decoration:underline }
      .i_title a:hover { color:#B40703 }
    
  #i_basic { width:970px; height:368px; overflow:hidden; margin:0; padding:0; background:#fff }
  
    #i_banner { float:left; width:588px; height:368px; overflow:hidden; margin:0; padding:0; background:#fff }
  
    #i_banner_num { float:left; width:588px; height:18px; margin-left:-970px; _margin-left:-946px; margin-top:346px; position:absolute; z-index:9999 }
      #i_banner_num #b_num { float:right; margin-right:20px }
      #i_banner_num #b_num a { float:left; width:16px; height:14px; display:block; color:#fff; padding:0 0 2px 0; margin-right:1px; text-align:center; background: #000 }
      #i_banner_num #b_num a:hover, #i_banner_num #b_num .active { color:#fff; background:#f00 }
      
    #i_feed { float:left; width:362px; height:368px; overflow:hidden; margin-left:10px; padding:0; background:#fff }
      #i_feed .feed { width:352px;height:310px; margin:30px 0px; overflow:hidden; background:url(../images/feed_bg.jpg) #fff no-repeat }
      #i_feed p { margin:0px 4px; padding:4px 6px; line-height:22px; background:url(../images/line_bg.gif) repeat-x left bottom }
      #i_feed b { padding-right:8px }
      #i_feed a { text-decoration:underline }
      #i_feed span { padding-left:12px; color:#999 }
      
    #i_list { float:left; width:362px; height:358px; overflow:hidden; margin-top:10px; padding:0; background:url(../images/feed_bg.jpg) #fff no-repeat 0 20px }
			#i_list .i_title { margin-top:5px }
			#i_list .news { width:352px; height:168px; margin:0px; overflow:hidden }
      #i_list .feed { width:352px; height:114px; margin:0px; overflow:hidden }
      #i_list u { float:left; width:6px; height:20px; background:url(../images/icon_li.gif) no-repeat 0 10px }
      #i_list p { width:340px; margin:0px 2px; padding:4px 4px; line-height:20px; background:url(../images/line_bg.gif) repeat-x left bottom; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
      #i_list .news a { float:left; width:284px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
      #i_list .feed a { text-decoration:underline }
      #i_list .time_r { padding-left:10px; color:#999 }
      #i_list .time_l { padding-right:10px; color:#999 }

  #i_stat { width:970px; overflow:hidden; margin:14px 0 20px; background:#F6F6F6 }
    #i_stat p { padding:6px 30px; line-height:24px; text-align:center; font-size:14px; font-weight:bold }
    #i_stat .num { font-size:20px; font-weight:normal; text-decoration:underline }
  
  #i_special { width:970px; overflow:hidden; display:none; margin-bottom:20px; background:#fff }
    #i_special p { text-align:center }
    #i_special img { width:883px; height:112px; background:url("../images/special.jpg") #fff no-repeat }
  
  #i_newses { width:970px; overflow:hidden; margin-bottom:20px }
   #i_newses .newses_img { float:left; width:978px; _margin-left:-8px; overflow:hidden }
		 #i_newses .newses_img li { float:left; width:226px; overflow:hidden; margin:8px }
		 #i_newses .newses_img p { padding:2px; margin-bottom:6px; border:1px solid #eee }
		 #i_newses .newses_img img { width:220px; height:166px }
		 #i_newses .newses_img h3 { width:226px; line-height:22px; margin-top:4px; text-align:center; font-size:12px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
			#i_newses .newses_img h3 a:hover { color:#B40703 }

  #i_picture { width:970px; overflow:hidden; margin-bottom:20px }
    #i_picture .picture { width:970px; height:172px; margin-top:8px; overflow:hidden }
      #i_picture .picture .pic { width:1100px; height:172px; _margin-left:-8px }
        #i_picture .picture .pic div { float:left; width:224px; height:170px; margin:0px 8px; border:1px solid #eee }
        #i_picture .picture .pic img { width:220px; height:166px; margin:2px }
        #i_picture .picture .pic span { float:left; margin:3px 0 0 -231px; padding:2px 4px 0px; position:relative; background:#fff; filter:alpha(opacity=80); -moz-opacity:0.75; opacity:0.75 }

  #i_coop { width:970px; overflow:hidden; margin-bottom:20px; background:#F6F6F6 }
    #i_coop .coop { width:970px; margin:4px 0; overflow:hidden; }
      #i_coop .coop p { margin:2px 10px; line-height:22px }
      #i_coop .coop a { margin-left:10px }
      #i_coop .coop .title { margin-left:0; text-decoration:underline; font-weight:bold }
      #i_coop .coop .more { font-size:10px; text-decoration:underline; color:#999 }

  #i_buddy { width:970px; overflow:hidden; margin-bottom:20px; background:#FFF3DE }
    #i_buddy p { margin:8px 10px; line-height:22px }
    #i_buddy a { margin-left:10px }
    #i_buddy a:hover { color:#FA7C21 }
    #i_buddy .title { margin-left:0; font-weight:bold }
    #i_buddy .more { font-size:10px; text-decoration:underline; color:#999 }

  /* booking style  border:1px solid #ff0000; ===========================================*/
  #booking { width:736px; overflow:hidden }
    #booking .b_branch { width:736px; overflow:hidden; background:#fff }
      #booking .b_branch .part_l { width:260px }
        #booking .b_branch .part_l div { padding:3px; border:1px solid #eee }
        #booking .b_branch .part_l img { width:252px; height:166px }
        #booking .b_branch .part_l h2 { width:260px; line-height:31px; font-size:14px }
          #booking .b_branch .part_l h2 a { color:#1C3392 }

      #booking .b_branch .part_r { width:462px }
        #booking .b_branch .part_r .bar { width:454px; margin-bottom:6px; padding:4px; line-height:24px }
          #booking .b_branch .part_r .bar span { float:left }
          #booking .b_branch .part_r .bar u { padding-left:24px; background:url(../images/icon_addr.gif) no-repeat 4px center }
          #booking .b_branch .part_r .bar em { float:right; padding:0 6px; background:#FFF }
          #booking .b_branch .part_r .bar b { padding-left:22px; font-size:14px; color:#FA7C21; background:url(../images/icon_tel.gif) no-repeat 2px center }
        #booking .b_branch .part_r .text { width:462px }
          #booking .b_branch .part_r .text p { float:left; width:460px }
          #booking .b_branch .part_r .text u { float:left; width:80px; display:block }
          #booking .b_branch .part_r .text .avt * { color:#FA7C21 }
          #booking .b_branch .part_r .text .avt a { margin-right:12px }
        #booking .b_branch .part_r .stat { width:326px }
        #booking .b_branch .part_r .pics { width:462px }
          #booking .b_branch .part_r .pics .list { width:450px; margin-left:6px }
            #booking .b_branch .part_r .pics .list li { width:46px; height:38px }
            #booking .b_branch .part_r .pics .list img { width:46px; height:38px }
        
        #booking .hr { width:736px }
        
  /* branch style  border:1px solid #ff0000; ===========================================*/
  #branch { width:736px; overflow:hidden }
    
    #branch .b_basic { width:736px; overflow:hidden; margin-bottom:14px; background:#fff }
      #branch .b_basic .part_l { width:450px; margin:0px }
        #branch .b_basic .part_l div { width:445px; height:336px; border-right:1px solid #eee; background:#fff }
        #branch .b_basic .part_l img { width:440px; height:330px; margin-bottom:6px }

      #branch .b_basic .part_r { width:286px; margin:0px }
        #branch .b_basic .part_r .tel { float:left; width:286px; height:36px; overflow:hidden; margin-bottom:10px; background:#F2F2F2 }
          #branch .b_basic .part_r .tel h3 { padding-left:26px; font-size:26px; line-height:36px; color:#FB0B04; background:url(../images/icon_tel.gif) no-repeat 6px center }
        #branch .b_basic .part_r .bar { float:left; width:286px; height:22px; margin-bottom:10px }
          #branch .b_basic .part_r .bar a { float:left; width:40px; padding:4px 6px 0; text-align:center }
          #branch .b_basic .part_r .bar a.active { color:#2274E3; font-weight:bold; text-decoration:none }
        #branch .b_basic .part_r .tabs { width:286px; height:252px }
					#branch .b_basic .part_r .text { width:274px; padding:0 6px }
						#branch .b_basic .part_r .text p { width:280px; line-height: 20px; padding-bottom:4px }
						#branch .b_basic .part_r .text .stat { width:280px; padding:2px 0 }
						#branch .b_basic .part_r .text .stat span { width:120px }
						#branch .b_basic .part_r .text .ctrl span { width:120px; cursor:pointer }
					#branch .b_basic .part_r .str { width:272px; height:252px; display:none }

			#branch .b_basic .pics { float:left; width:736px; height:42px; overflow:hidden; padding-top:4px; border-top:1px solid #eee; background:#fff }
				#branch .b_basic .pics .turn { float:left; width:8px; padding-top:8px }
				#branch .b_basic .pics .list { float:left; width:720px; overflow:hidden }
					#branch .b_basic .pics .list li { float:left; width:50px; height:38px; margin:0 3px; _margin:0 5px 0 1px; padding:1px; font-size:0; border:1px solid #DADADA }
						#branch .b_basic .pics .list li img { width:50px; height:38px; filter:alpha(opacity=50); -moz-opacity:0.75; opacity:0.75 }
						#branch .b_basic .pics .list li.active { background:#DDF96F; border:1px solid #C8F510 }
							#branch .b_basic .pics .list li.active img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }

		#branch .info { float:left; width:714px; overflow:hidden; display:block; padding:0 10px; border-left:1px solid #DADADA; border-right:1px solid #DADADA }
			#branch .info .text { width:100%; height:100px; overflow:auto; margin:10px 0 4px; line-height:24px; background:#f9f9f9 }
    	
      #branch .md_h { width:100%; padding:0 }
        #branch .md_h p { float:left; width:100%; height:30px; background:url(../images/md_h_bg.gif) repeat-x }
        #branch .md_h u { float:left; padding:8px 3px 0; background:url(../images/md_h_bg.gif) no-repeat 0 -40px }
        #branch .md_h s { float:right; padding:8px 3px 0; background:url(../images/md_h_bg.gif) no-repeat 0 -80px }
        #branch .md_h b { float:left; width:100px; margin-top:-30px; padding-left:14px; line-height:30px; color:#fff; background:url(../images/md_h_tt.gif) no-repeat }
        #branch .md_bar { float:left; width:600px; height:30px; margin-top:-30px; margin-left:120px; _margin-left:60px; }
          #branch .md_bar a { float:left; width:40px; padding:6px; text-align:center }
          #branch .md_bar a.cur { font-weight:bold; text-decoration:underline }
          #branch .md_bar h3 { line-height:30px; font-weight:bold; }
      
      #branch .md_b { width:100%; padding:0 }
        #branch .md_b p { float:left; width:100%; height:10px; font-size:0; background:url(../images/md_b_bg.gif) repeat-x }
        #branch .md_b u { float:left; padding:9px 3px 0; background:url(../images/md_b_bg.gif) no-repeat 0 -11px }
        #branch .md_b s { float:right; padding:9px 3px 0; background:url(../images/md_b_bg.gif) no-repeat 0 -21px }
        
    #branch .b_hi { width:726px; overflow:hidden; margin-bottom:10px; padding:1px 4px; background:#FFFF88; border:1px solid #f00 }
			#branch .b_hi * { float:left; line-height:20px; color:#666 }
			#branch .b_hi div { width:720px }
			#branch .b_hi span { padding:5px 5px }
			#branch .b_hi pre { padding:5px 5px }
			#branch .b_hi b { padding:0px }
			#branch .b_hi a { font-weight:bold; color:#FB0B04 }
			#branch .b_hi .icon { padding-left:28px; font-weight:bold; background:url(../images/icon_hint.gif) no-repeat 6px 4px }
  
    #branch .b_room { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
      #branch .b_room .md_h b { background-position:0 0 }
      #branch .b_room .info { padding-top:4px; }
        #branch .b_room .info ul { float:left; width:714px; margin:5px 0 }
        #branch .b_room .info li { float:left; width:114px; overflow:hidden; line-height:27px; text-align:center }
          #branch .b_room .info li div { margin-left:8px; _margin-left:5px }
        #branch .b_room .info .t { line-height:30px; font-weight:bold; border-bottom:3px solid #FEE5D1 }
        #branch .b_room .info .w { width:78px }
        #branch .b_room .info img { margin-top:5px; *margin-top:0px; _margin-top:4px; background:url("../images/icon_room.gif") no-repeat 100px 100px }
        #branch .b_room .info .h_boy { width:16px; height:16px; background-position:0px -1px }
        #branch .b_room .info .n_boy { width:16px; height:16px; background-position:-24px -1px }
        #branch .b_room .info .h_girl { width:16px; height:16px; background-position:0px -21px }
        #branch .b_room .info .n_girl { width:16px; height:16px; background-position:-24px -21px }
        #branch .b_room .info .h_pic { width:22px; height:18px; background-position:0px -40px }
        #branch .b_room .info .n_pic { width:22px; height:18px; background-position:-24px -40px }
      #branch .b_room .hint { float:left; width:728px; padding:8px 3px 0; border-left:1px solid #DADADA; border-right:1px solid #DADADA }
        #branch .b_room .hint * { float:left; line-height:20px; color:#FA7C21 }
        #branch .b_room .hint div { width:718px; border-top:1px solid #DADADA; background:#FAF9F9 }
        #branch .b_room .hint span { padding:5px 5px }
        #branch .b_room .hint pre { padding:5px 5px }
        #branch .b_room .hint b { padding:2px 1px 2px 0px }
        #branch .b_room .hint .icon { padding-left:28px; font-weight:bold; background:url(../images/icon_hint.gif) no-repeat 6px 4px }
    
    #branch .b_special { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
      #branch .b_special .md_h b { background-position:0 -40px }
      #branch .b_special .text { height:146px; overflow:auto }
        #branch .b_special .text div { width:684px; padding-left:10px; line-height:24px }
        #branch .b_special .text div b { padding:0 4px 0 0 }
    
    #branch .b_staff { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
      #branch .b_staff .md_h b { background-position:0 -80px }
      #branch .b_staff .text { height:184px; overflow:hidden; background:#fff }
        #branch .b_staff .text p { width:100% }
        #branch .b_staff .text s { float:left; padding-left:2px; line-height:24px; color:#015BAB; font-weight:bold }
        #branch .b_staff .text b { float:left; padding-left:6px; line-height:20px; color:#015BAB }
        #branch .b_staff .text u { float:left; padding-left:6px; line-height:20px; color:#015BAB }
        #branch .b_staff .text img { float:left; margin-top:2px; *margin-top:1px; background:url(../images/icon_team.gif) no-repeat 100px 100px }
      #branch .b_staff .team { float:left; width:200px; height:170px; padding:6px 12px; background:#f9f9f9 }
        #branch .b_staff .team p { float:left; padding-bottom:8px; line-height:24px }
        #branch .b_staff .team span { padding:0 20px; font-weight:bold }
        #branch .b_staff .team .t_team { width:40px; height:40px; background-position:0px 0px; border:2px solid #fff }
        #branch .b_staff .team .t_line { width:18px; height:18px; background-position:-40px -35px }
        #branch .b_staff .team .t_slog { width:18px; height:18px; background-position:-40px -53px }
        #branch .b_staff .team .c_line { width:81px; height:23px; margin-left:10px; cursor:pointer }
        #branch .b_staff .team .c_online { background-position:0px -80px }
        #branch .b_staff .team .c_offline { background-position:0px -104px }
      #branch .b_staff .list { float:left; width:488px; height:182px; overflow:hidden; margin-left:2px; _width:496px; _margin-left:-6px }
        #branch .b_staff .list li { float:left; margin-left:8px; margin-bottom:6px; padding-top:4px; padding-left:4px; background:#f9f9f9 }
        #branch .b_staff .list .p_l { float:left; width:60px }
          #branch .b_staff .list .p_l .un { width:60px; display:block; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
        #branch .b_staff .list .p_r { float:left }
          #branch .b_staff .list .p_r div { width:100%; height:21px; margin-top:5px; display:block; line-height:22px }
          #branch .b_staff .list .p_r a { float:right; margin-top:5px; color:#999 }
        #branch .b_staff .list .s_post001 { width:16px; height:16px; background-position:-40px 0px }
        #branch .b_staff .list .s_post002 { width:16px; height:16px; background-position:-56px 0px }
        #branch .b_staff .list .s_sex001 { width:16px; height:18px; background-position:-40px -16px }
        #branch .b_staff .list .s_sex002 { width:16px; height:18px; background-position:-56px -16px }
        #branch .b_staff .list .lw_b { width:226px }
          #branch .b_staff .list .lw_b .p_l { margin-right:6px }
          #branch .b_staff .list .lw_b .ab { width:144px }
          #branch .b_staff .list .lw_b .as { display:none; }
        #branch .b_staff .list .lw_s { width:150px }
          #branch .b_staff .list .lw_s .p_l { margin-right:0px }
          #branch .b_staff .list .lw_s .ab { display:none; }
          
    
    #branch .b_life { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
      #branch .b_life .md_h b { background-position:0 -120px }
      #branch .b_life .text { height:194px; overflow:auto }
        #branch .b_life .text div { width:684px; padding-left:10px; line-height:24px }
        #branch .b_life .text div b { padding:0 4px 0 0 }
        #branch .b_life .text div a { text-decoration:underline; color:#015BAB }
        
    #branch .b_message { width:734px; overflow:hidden; margin-bottom:10px; background:#fff; border:1px solid #DADADA }
			#branch .b_message .message { padding:10px 20px 20px 20px; background:#fff }
    
    #branch .b_maps { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
      #branch .b_maps .md_h b { background-position:0 -120px }
    	#branch .b_maps .maps { width:100%; height:400px; margin:10px 0 4px; text-align:center }

  /* free style  border:1px solid #ff0000; ===========================================*/
  #free { width:736px; overflow:hidden }
    #free .f_info { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
      #free .f_info .part_l { float:left; width:322px }
        #free .f_info .part_l div { float:left; margin:0 0 8px; padding:4px; border:1px solid #eee }
        #free .f_info .part_l img { width:312px; height:210px }
      
      #free .f_info .part_r { float:left; width:400px; margin-left:14px }
        #free .f_info .part_r div { float:left; width:400px; overflow:hidden; margin-bottom:2px; background:#fff }
          #free .f_info .part_r h3 { font-size:14px; line-height:24px; color:#FB0B04 }
            #free .f_info .part_r h3 a { color:#FB0B04 }
          #free .f_info .part_r p { width:388px; margin-bottom:10px; line-height:20px }
            #free .f_info .part_r p a { margin-left:20px; color:#2274E3 }
  
    #free .f_step { width:736px; overflow:hidden; margin-bottom:10px; padding:0 4px; background:#fff }
      #free .f_step img { width:210px; height:116px }
      #free .f_step b { margin:0 7px }
      #free .f_step .step1 { background:url(../images/step1.gif) no-repeat }
      #free .f_step .step2 { background:url(../images/step2.gif) no-repeat }
      #free .f_step .step3 { background:url(../images/step3.gif) no-repeat }
      
    #free .f_beds { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
      #free .f_beds .info { width:736px; height:168px; overflow:hidden; margin-bottom:10px; padding:0 8px; background:#fff }
        #free .f_beds .info .part_l { float:left; width:260px }
          #free .f_beds .info .part_l .pic { float:left; margin:0 0 8px; padding:3px; border:1px solid #eee }
          #free .f_beds .info .part_l img { width:252px; height:120px }
          #free .f_beds .info .part_l .try { padding-left:54px }
      
        #free .f_beds .info .part_r { float:left; width:462px; margin-left:14px }
          #free .f_beds .info .part_r .bar { float:left; width:454px; overflow:hidden; margin-bottom:6px }
          #free .f_beds .info .part_r h3 { font-size:13px; line-height:20px; color:#FA7C21 }
          #free .f_beds .info .part_r .text { float:left; width:462px; overflow:hidden; margin-bottom:2px; background:#fff }
            #free .f_beds .info .part_r .text p { width:460px; line-height:22px }
            #free .f_beds .info .part_r .text span { float:left; padding-right:6px }
            #free .f_beds .info .part_r .text u { margin-left:30px }
            #free .f_beds .info .part_r .text s { color:#FA7C21 }
            #free .f_beds .info .part_r .text .exp { line-height:30px }
            #free .f_beds .info .part_r .text .exp * { color:#2274E3; height:26px }
            #free .f_beds .info .part_r .text .exp a { margin-right:12px; text-decoration:underline }
    
    #free .hr { width:720px; margin:0 8px 10px; _margin-bottom:6px; }
  
    #free .f_view { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
      #free .f_view .info { width:736px; height:196px; overflow:hidden; background:#fff }
        #free .f_view .info .part_l { float:left; width:322px }
          #free .f_view .info .part_l .pic { float:left }
          #free .f_view .info .part_l img { width:322px; height:194px }
      
        #free .f_view .info .part_r { float:left; width:400px; margin-left:14px }
          #free .f_view .info .part_r .bar { float:left; width:400px; overflow:hidden; margin-bottom:10px; background:#F2F2F2 }
          #free .f_view .info .part_r h3 { margin-left:10px; font-size:13px; line-height:24px; color:#2274E3 }
          #free .f_view .info .part_r em { margin-left:20px; font-size:12px; color:#35BC07 }
          #free .f_view .info .part_r .ing { padding:0 0 0 16px; background:url(../images/star.gif) no-repeat left center }
          #free .f_view .info .part_r .text { float:left; width:400px; overflow:hidden; margin-bottom:2px; background:#fff }
            #free .f_view .info .part_r .text p { width:398px; line-height:22px }
            #free .f_view .info .part_r .text b { color:#FA7C21 }
            #free .f_view .info .part_r .text span { float:left; padding-right:6px }
            #free .f_view .info .part_r .text u { margin-left:30px }
            #free .f_view .info .part_r .text s { color:#FA7C21 }
      
    #free .f_hint { width:736px; height:30px; margin-bottom:10px; padding:8px 8px 0; background:#F9F9F9 }
      #free .f_hint div { float:left }
      #free .f_hint b { float:left; padding-left:28px; color:#FA7C21; background:url(../images/icon_hint.gif) no-repeat 6px 0 }
      #free .f_hint p { float:left; width:610px }
      #free .f_hint u { margin:0 4px;color:#FA7C21 }
      #free .f_hint a { margin-left:10px; color:#FA7C21; text-decoration:underline }
  
    #free .f_now { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
        #free .f_now .mod_title h1 { color:#FA7C21 }
      #free .f_now .avatar_list { float:left; width:730px }
  
    #free .f_his { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
        #free .f_his .mod_title h1 { color:#2274E3 }
      #free .f_his .avatar_list { float:left; width:730px }
  
    #free .f_exp { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
        #free .f_exp .mod_title h1 { color:#00AAB5 }
      #free .f_exp .exp_list { float:left; width:730px; _width:740px; _margin-left:-10px }
        #free .f_exp .exp_list li { float:left; width:315px; overflow:hidden; margin:10px }
        #free .f_exp .exp_list h3 { height:20px; overflow:hidden; margin:0 0 5px; font-size:12px }
        #free .f_exp .exp_list .message { margin:0 0 5px }
        #free .f_exp .exp_list .time { float:left }
          #free .f_exp .exp_list .time a { color: #999 }
        #free .f_exp .exp_list .nhot { float:right; color:#F9940B }
          #free .f_exp .exp_list .nhot a { color: #F9940B }

    #free .f_apply { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
        #free .f_apply .mod_title h1 { color:#FA7C21 }
      #free .f_apply .apply_list { float:left; width:730px }

    #free .f_stay { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
        #free .f_stay .mod_title h1 { color:#2274E3 }
      #free .f_stay .stay_list { float:left; width:730px }
  
  /* newses style  border:1px solid #ff0000; ===========================================*/
  #newses { width:736px; overflow:hidden }
      #newses .n_list { padding:0 12px 20px }
      #newses .n_list li { padding-top:10px; height:24px; line-height:26px; background:url(../images/line_bg.gif) repeat-x left bottom }
        #newses .n_list li a { float:left; font-size:14px; color:#1C3392; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
          #newses .n_list li a:hover { color:#1C3392 }
        #newses .n_list li u { float:left; width:6px; height:20px; background:url(../images/icon_li.gif) no-repeat 0 10px }
        #newses .n_list li s { float:right; color:#999 }
        #newses .n_list li .n_title { width:470px }
        #newses .n_list li .n_source { width:140px; margin-left:10px; text-align:right; color:#888 }
      
      #newses .n_img .img_list { float:left; width:730px; _width:740px; _margin-left:-10px }
				#newses .n_img .img_list li { float:left; width:223px; overflow:hidden; margin:10px }
				#newses .n_img .img_list p { padding:3px; margin-bottom:6px; border:1px solid #eee }
				#newses .n_img .img_list img { width:215px; height:140px; background:url(../images/gift_bg.gif) no-repeat center center }
				#newses .n_img .img_list h3 { width:215px; line-height:24px; margin:5px 0 0; text-align:center; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
      
      #newses .n_subject { width:660px; margin:10px 38px 2px 38px; line-height:40px; font-size:24px; text-align:center; color:#111 }
      #newses .n_info { width:696px; margin:10px; padding:4px 8px; border:1px solid #DCE1E5; background:#FFFFF6; font-size:12px; line-height:2em; color:#999 }
      #newses .n_text { width:712px; margin:10px 4px 60px 4px; padding:0px 8px; font-size:12px; color:#666 }
      
      #newses #article { padding:15px; }
      #newses #article h1 { margin:6px 0 15px 0; text-align:center; font-size:24px; line-height:1.2em; color:#111; }
      #newses #article imgss { max-width:565px; width:expression(this.width > 565 ? 563: true); }
      #newses #article_extinfo { margin-bottom:25px; padding:6px 10px; border:1px solid #E7E7E7; background:#FFFEF7; color:#999; }
      #newses #article_extinfo div { padding-top:4px; }
      #newses #article_extinfo div a { color:#999; }
      #newses #article_extinfo div a:hover { color:#EB1C26; }
      #newses #article_extinfo .source { margin-right:12px; }
      #newses #article_extinfo div span { float:right; }
      #newses #article_extinfo .add_bookmark { padding-left:18px; background:url(../images/icon_star.gif) no-repeat 0 -1px; }
      #newses #article_body { width:100%; overflow:hidden; padding-bottom:40px; font-size:1.17em; line-height:1.8em; clear:both; }
      #newses #article_body p { margin-bottom:6px; text-indent:2em; }
      #newses #article_body strong { font-weight:700; color:#555 }
      #newses #article_author { margin-right:10px; margin-bottom:20px; text-align:right; color:#999 }
      #newses #article_tag {}
      
      #newses .n_other { padding:0 12px 20px }
      #newses .n_other .n_o_l { float:left; width:80px; padding:20px 0; border:1px solid #E7E7E7; background:#FFFEF7; }
        #newses .n_other .n_o_l a { padding:10px 0; display:block; font-weight:bold; text-align:center; color:#1C3392; }
        #newses .n_other .n_o_l a.cur { color:#2274E3; font-weight:bold; text-decoration:none; background:#eee }
      #newses .n_other .n_o_r { float:right; width:600px; }
				#newses .n_other .n_o_r .y_m{ width:580px; height:24px; padding-left:20px; padding-top:10px; display:block; line-height:26px; background:url(../images/line_bg.gif) repeat-x left bottom; }
				#newses .n_other .n_o_r .y_m h3{ padding-left:8px; height:24px; line-height:26px; background:url(../images/icon_li.gif) no-repeat 0 10px; font-weight:bold; color:#1C3392; }
				#newses .n_other .n_o_r p{ padding-left:40px; overflow:hidden; padding-bottom:20px; font-size:14px; line-height:1.8em; clear:both; }
  
  /* jobs style  border:1px solid #ff0000; ===========================================*/
  #jobs { width:736px; overflow:hidden }
      #jobs .j_list { padding:0 12px 20px }
      #jobs .j_list li { padding-top:10px; height:24px; line-height:26px; background:url(../images/line_bg.gif) repeat-x left bottom }
        #jobs .j_list li a { float:left; font-size:14px; color:#1C3392; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
          #jobs .j_list li a:hover { color:#1C3392 }
        #jobs .j_list li u { float:left; width:6px; height:20px; background:url(../images/icon_li.gif) no-repeat 0 10px }
        #jobs .j_list li s { float:right; color:#999 }
        #jobs .j_list li .n_title { width:470px }
        #jobs .j_list li .n_source { width:140px; margin-left:10px; text-align:right; color:#888 }
      
      #jobs .j_subject { width:660px; margin:10px 38px 2px 38px; line-height:40px; font-size:24px; text-align:center; color:#111 }
      #jobs .j_info { width:696px; margin:10px; padding:4px 8px; border:1px solid #DCE1E5; background:#FFFFF6; font-size:12px; line-height:2em; color:#999 }
      #jobs .j_text { width:712px; margin:10px 4px 60px 4px; padding:0px 8px; font-size:12px; color:#666 }
      
      #jobs #article { padding:15px; }
      #jobs #article h1 { margin:6px 0 15px 0; text-align:center; font-size:24px; line-height:1.2em; color:#111; }
      #jobs #article imgss { max-width:565px; width:expression(this.width > 565 ? 563: true); }
      #jobs #article_extinfo { margin-bottom:25px; padding:6px 10px; border:1px solid #E7E7E7; background:#FFFEF7; color:#999; }
      #jobs #article_extinfo div { padding-top:4px; }
      #jobs #article_extinfo div a { color:#999; }
      #jobs #article_extinfo div a:hover { color:#EB1C26; }
      #jobs #article_extinfo .source { margin-right:12px; }
      #jobs #article_extinfo div span { float:right; }
      #jobs #article_extinfo .add_bookmark { padding-left:18px; background:url(../images/icon_star.gif) no-repeat 0 -1px; }
      #jobs #article_body { width:100%; overflow:hidden; padding-bottom:40px; font-size:1.17em; line-height:1.8em; clear:both; }
      #jobs #article_body p { margin-bottom:6px; text-indent:2em; }
      #jobs #article_body strong { font-weight:700; color:#555 }
      #jobs #article_author { margin-right:10px; margin-bottom:20px; text-align:right; color:#999 }

  /* credit style  border:1px solid #ff0000; ===========================================*/
  #credit { width:736px; overflow:hidden }
    #credit .c_gift { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
      #credit .c_gift .gift_list { float:left; width:730px; _width:740px; _margin-left:-10px }
        #credit .c_gift .gift_list li { float:left; width:223px; overflow:hidden; margin:10px }
        #credit .c_gift .gift_list p { padding:3px; margin-bottom:6px; border:1px solid #eee }
        #credit .c_gift .gift_list .gift { width:215px; height:140px; background:url(../images/gift_bg.gif) no-repeat center center }
        #credit .c_gift .gift_list h3 { line-height:24px; overflow:hidden; margin:5px 0 0; font-size:12px }
        #credit .c_gift .gift_list h4 { margin:0 0 5px; font-weight:normal }
          #credit .c_gift .gift_list h4 u { font-size:16px; font-weight:bold; color:#2274E3 }
          #credit .c_gift .gift_list h4 img { width:12px; height:12px }
        #credit .c_gift .gift_list s { margin-left:6px; color:#FA7C21 }
      
      #credit .c_gift .info { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
				#credit .c_gift .info .part_l { float:left; width:320px }
          #credit .c_gift .info .part_l .pic { float:left }
          #credit .c_gift .info .part_l img { width:320px; height:240px }
        #credit .c_gift .info .part_r { float:left; width:402px; margin-left:14px }
          #credit .c_gift .info .part_r .bar { float:left; width:402px; overflow:hidden; margin-bottom:10px; background:#F2F2F2 }
          #credit .c_gift .info .part_r h3 { margin-left:10px; font-size:13px; line-height:24px; color:#FA7C21 }
          #credit .c_gift .info .part_r .text { float:left; width:402px; overflow:hidden; margin-bottom:2px; background:#fff }
            #credit .c_gift .info .part_r .text p { width:400px; line-height:26px }
            #credit .c_gift .info .part_r .text b { color:#FA7C21 }
            #credit .c_gift .info .part_r .text span { float:left; padding-right:6px }
            #credit .c_gift .info .part_r .text u { margin-left:30px }
            #credit .c_gift .info .part_r .text s { color:#FA7C21 }
            #credit .c_gift .info .part_r .text i { color:#2274E3 }
            #credit .c_gift .info .part_r .text em { margin-left:4px; cursor:help; background:url(../images/i_inf.gif) no-repeat 0 center }
            #credit .c_gift .info .part_r .text font { font-size:16px; font-weight:bold; color:#f00 }
          #credit .c_gift .info .part_r .back { float:right; padding:10px 20px 0 0 }
            #credit .c_gift .info .part_r .back a { font-size:12px; text-decoration:underline; color:#999 }
            #credit .c_gift .info .part_r .back a:hover { text-decoration:none; color:#666 }

      #credit .c_gift .desc { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
        #credit .c_gift .desc p { padding:0 20px; line-height:26px }
        #credit .c_gift .desc .branch { color:#2274E3 }

    #credit .c_his { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
        #credit .c_his .mod_title h1 { color:#2274E3 }
      #credit .c_his .avatar_list { float:left; width:730px }
      #credit .c_his p { line-height:60px; text-align:center; color:#f00 }

  /* blog style  border:1px solid #ff0000; ===========================================*/
  #blog { width:736px; overflow:hidden }
    #blog .b_blog { width:736px; overflow:hidden; margin-bottom:10px; background:#fff }
      .blog_list li { margin:10px 0; padding:10px 10px 10px 95px }
      .blog_list .avatardiv { width:60px; height:60px; margin:-4px 0 0 -75px; position:absolute }
        .blog_list .avatardiv div {  }
        .blog_list .avatardiv p { margin:3px 0px 0px 2px; display:inline }
      .blog_list .title { height:44px; padding:5px 10px; background:#F2F2F2 }
        .blog_list .title h3 { line-height:26px; font-size:14px; color:#2274E3 }
        .blog_list .title h3 a { color:#2274E3 }
        .blog_list .title u { font-size:12px; color:#999 }
        .blog_list .title u a { color:#FA7C21 }
        .blog_list .title s { width:52px; height:20px; display:block; margin-top:-30px; padding-left:504px }
      .blog_list .detail { width:100%; overflow:hidden; padding:10px 0; line-height:180%; font-size:14px; color:#444 }
      .blog_list .status { color: #999 }
        .blog_list .status a { color: #999 }
        .blog_list .status s { padding:0 0.4em; color: #ddd }
      
      .hot_btn { float:left; width:34px; height:20px; margin:1px 5px 0 0; padding-left:20px; line-height:20px; text-align:center; font-size:11px; color:#ff850d; background:url(../images/hot_btn.gif) no-repeat 0 0 }
      
      .share_btn { width:25px; height:16px; display:block; padding:0 18px 0 5px; background:url(../images/share_btn.gif) #fff no-repeat right 0; border:1px solid #7f93bc }
        .share_btn:hover { background-position:right -20px; text-decoration:none; color:#fff; background:#576EA5 }

      .s_clear { clear:both }
        .s_clear:after { display:block; height:0px; visibility:hidden; clear:both; content: "." }
      .s_clear { display:inline-block }
      .s_clear { display: block }

      .image_right img { float:right; max-width:70px; max-height:100px; margin:0 0 5px 5px; padding:2px; border:1px solid #ddd }
      * html .image_right img { ; width:expression(this.width > 70 && this.width/this.height > 0.7 ? 70 : true); ; height: expression(this.height > 100 && this.width/this.height < 0.7 ? 100 : true) }

  /* about style  border:1px solid #ff0000; ===========================================*/
#header #h_l .em_about { float:left; width:300px; height:28px; margin-top:80px; margin-left:24px; background:url(../images/about.gif) no-repeat left bottom }  
  
#about_main { padding:10px 0; }
	#about_main #title { padding-left:20px; padding-bottom:12px; font-size:16px; color:#2274E3; background:url(../images/hr_i.gif) #fff repeat-x 0 20px  }
	#about_main #body { padding:10px 40px; font-size:14px; line-height:22px; }
		#about_main #body td { padding:2px; }
		
		#about_main #body .n_list { width:770px; padding:0 12px 20px }
		#about_main #body .n_list li { padding-top:10px; height:24px; line-height:26px; background:url(../images/line_bg.gif) repeat-x left bottom }
		#about_main #body .n_list li a { float:left; font-size:14px; color:#1C3392; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; -moz-text-overflow:ellipsis }
		#about_main #body .n_list li a:hover { color:#1C3392 }
		#about_main #body .n_list li u { float:left; width:6px; height:20px; background:url(../images/icon_li.gif) no-repeat 0 10px }
		#about_main #body .n_list li s { float:right; color:#999 }
		#about_main #body .n_list li .n_title { width:500px }
		#about_main #body .n_list li .n_source { width:140px; margin-left:10px; text-align:right; color:#888 }
		
		#about_main #body .n_other { padding:6px 12px 20px }
		#about_main #body .n_other .n_o_l { float:left; width:80px; padding:20px 0; border:1px solid #E7E7E7; background:#FFFEF7; }
		#about_main #body .n_other .n_o_l a { padding:10px 0; display:block; font-weight:bold; text-align:center; color:#1C3392; }
		#about_main #body .n_other .n_o_l a.cur { color:#2274E3; font-weight:bold; text-decoration:none; background:#eee }
		#about_main #body .n_other .n_o_r { float:right; width:750px; padding-bottom:40px; }
		#about_main #body .n_other .n_o_r .y_m{ width:720px; height:24px; padding-left:20px; padding-top:10px; display:block; line-height:26px; background:url(../images/line_bg.gif) repeat-x left bottom; }
		#about_main #body .n_other .n_o_r .y_m h3{ padding-left:8px; height:24px; line-height:26px; background:url(../images/icon_li.gif) no-repeat 0 10px; font-weight:bold; color:#1C3392; }
		#about_main #body .n_other .n_o_r p{ padding-left:40px; overflow:hidden; padding-bottom:20px; font-size:14px; line-height:1.8em; clear:both; }
  /* home style  border:1px solid #ff0000; ===========================================*/



