/* on   ---2005-11-8 */
html {min-width:760px;}
body {
	margin: 0px;
	padding: 0px;
    font-family: verdana,'ËÎÌå',arial,verdana,sans-serif;
	color: #333;
	background: #fff;
	text-align: center;
	font-size:12px;
	line-height:150%;
  }
h1 { font-size:14px; color:#30c;}
h2 { font-size:14px; color:#F60; margin-bottom:0;}
h3 { font-size:12px;}
img {border:0;}
ul { list-style-type:none; text-align:left; margin:0px; padding:0px; }
a:link {color:#222; text-decoration:none;}
a:visited{color:#333;text-decoration:none;}
a:hover{color:#36f;text-decoration: underline;}


#top,#menu,#if,#so,#main,#middle,#dlist,#friend,#bottom,#mm { margin-left:auto; margin-right:auto; margin-top:3px; }

#top { width:760px; height:60px; padding:0; }
#logo { border:0; float:left; margin:14px 3px 14px; width:125px; height:42px; }
#yulu { float:right; width:600px; height:60px; }

#menu { width:760px; height:32px; background:url(http://cha.moocity.com/images/css/menu_bg.gif) repeat-x; }
#menu li { float:left; padding-left:14px; padding-right:14px; border-right:#dae1fb 1px solid; color:#ccc; margin-top:8px; }
#menu_l { float:left; width:11px; height:32px; background:url(http://cha.moocity.com/images/css/menu_l.gif) no-repeat left top; }
#menu_r { float:right; width:11px; height:32px; background:url(http://cha.moocity.com/images/css/menu_r.gif) no-repeat left top; }
#if { width:760px; height:21px; text-align:left; color:#666 }

#so { width:760px; height:85px; }
#v { width:760px; height:23px !important; height:20px; border-top: #ddd 1px solid; border-right: #ddd 1px solid; border-left: #ddd 1px solid; margin-bottom: -2px; color: #999; position: relative }
#c { float: left; margin: 3px 10px 0px 0px; width: 11.35em; color: #999; text-align: right }
#v a { float:left; padding:3px 7px 2px 7px; font-size:12px; color: #039; position: relative }

#v .h { padding:3px 6px 2px 6px; border: #f60 1px solid; font-weight: bold; BACKGROUND: #FF9B59; MARGIN: -3px 0px 0px; COLOR: #fff }
#v .h b{ margin:19px 0 0 11px !important; margin:11px 0 0 11px;width:11px;height:7px;background-color:transparent;position:absolute; background:url(http://cha.moocity.com/images/css/tri.gif) no-repeat bottom left;}
#v .o { }
#v ul { list-style-type:none; margin:0; padding:0; }
#v li { float:left; margin:3px 10px 0 10px; POSITION: relative; color:#06f}

#s1 { width:690px; height:55px; padding-left:70px; text-align:left; padding-top:8px; border:#b6c7e5 1px solid; background:#eef3fb }
#s2 { width:690px; height:55px; padding-left:70px; text-align:left; padding-top:8px; border:#FAD7B9 1px solid; background:#FDFFDC }
#s3 { width:690px; height:55px; padding-left:70px; text-align:left; padding-top:8px; border:#9b72cf 1px solid; background:#e2defc }
#s4 { width:690px; height:55px; padding-left:70px; text-align:left; padding-top:8px; border:#9fbe4c 1px solid; background:#eefcd2 }
#s5 { width:690px; height:55px; padding-left:70px; text-align:left; padding-top:8px; border:#ccc 1px solid; background:#eee }
#s6 { width:690px; height:55px; padding-left:70px; text-align:left; padding-top:8px; border:#ec9e2e 1px solid; background:#fcebb9 }
.fc { padding:0; margin:0; }
#t3 { height:36px; }
/*-- round --*/
#round{ float:left; width:760px; height:auto; background-color:#fff; border-left:1px solid #B6C7E5; border-right:1px solid #B6C7E5; }
.m1{ float:left; width:756px; height:auto; background-color:#eef3fb; margin-left:1px; position:relative; }
.rt,.rb{ display:block; width:762px; margin-left:0px; margin-right:0px; }
.rt{ margin-top:3px; }
.rb{ clear:both; margin-bottom:3px; }
.rt *,.rb *{ display:block; height: 1px; overflow: hidden; background-color:#fff; border-left:1px solid #B6C7E5; border-right:1px solid #B6C7E5; }
.r1{ margin: 0 4px; background-color:#B6C7E5; }
.r2{ margin: 0 2px; border-width:2px; }
.r3 { margin:0 1px; height:1px;}
.r4{ margin: 0 1px; height: 1px; background-color:#eef3fb; }
/*-- round ! --*/

#nl { float:left; width:198px; height:auto; margin:10px 0 5px 3px; }
#wt { width:198px; height:44px; background:url(http://cha.moocity.com/images/css/wt.gif) no-repeat left top; }
#l_t { width:198px; height:44px; background:url(http://cha.moocity.com/images/css/l_t.gif) no-repeat left top; }
#nl_r_0 { width:196px; height:499px; border-left:#e3eafb 1px solid; border-bottom:#e3eafb 1px solid;  border-right:#e3eafb 1px solid; }
#nl_r_1 { width:196px; height:498px; border-left:#e8eefb 1px solid; border-bottom:#e8eefb 1px solid;  border-right:#e8eefb 1px solid; }
#nl_r_2 { width:194px; height:497px; border-left:#e3eafb 1px solid; border-bottom:#e3eafb 1px solid;  border-right:#e3eafb 1px solid; }
#nl_r_3 { width:192px; height:496px; background:#f5f9fd; border-left:#d6defb 1px solid; border-bottom:#d6defb 1px solid;  border-right:#d6defb 1px solid; }
#nl_r_4 { width:190px; height:495px; background:url(http://cha.moocity.com/images/css/w_bg.gif) repeat-x; border-left:#d2dbfb 1px solid; border-bottom:#d2dbfb 1px solid;  border-right:#d2dbfb 1px solid; }
#weather { width:188px; height:118px; border-top:#cfd8fb 1px dotted; border-bottom:#dae1fb 1px solid; }
#weather li { line-height:150%; padding:2px 10px 2px; }
#fgg_r { width:186px; height:160px; line-height:125%; border-top:#fff 2px solid; border-bottom:#dae1fb 1px solid; }
#fgg { float:left; width:180px; height:auto; margin-left:0px; margin-top:0px; border:#B6C7E5 1px solid; }
#fgg a { color:#2B02FA; }
#dgg { width:186px; height:305px; border-top:#fff 2px solid; border-bottom:#dae1fb 1px solid; }
#tese { float:left; width:186px; height:auto; border-top:#fff 2px solid; border-bottom:#dae1fb 1px solid; }
#tese li { line-height:160%; padding-left:10px; font-size:13px; }
#teset { width:170px; height:23px; font-size:13px; padding-top:5px; font-weight:bold; color:#f60; }

#nr { float:right; width:542px; height:auto; margin-top:10px; color:#3300CC }
#nr a { font-size:13px; }
#nr_t { width:536px; height:30px; margin:0px 5px; background:url(http://cha.moocity.com/images/css/r_t.gif) no-repeat left top; border-bottom:#b6c7e5 1px solid; }
#nryl_t { width:536px; height:30px; margin:0px 5px; background:url(http://cha.moocity.com/images/css/ylr_t.gif) no-repeat left top; border-bottom:#b6c7e5 1px solid; }
#nr_m { float:right;  width:536px; height:auto; margin:0px 5px; padding-top:3px; border-top:#fff 2px solid; }
#nr_r_1 { float:left; width:528px; height:auto; margin:0; padding:0; border:#f5f9fb 4px solid; }
#nr_r_2 { float:left; width:520px; height:auto; margin:0; padding:0; border:#f9fafd 4px solid; }
#nr_r_3 { float:left; width:512px; height:auto; margin:0; padding:0; border:#fbfcfd 4px solid; }
#nr_r_4 { float:right; width:504px; height:auto; margin:0; background:#fff; padding:0; border:#fdfefe 4px solid; }

/* dir style  */
#nl_r { float:right; width:198px; height:500px; margin:10px 0 5px 0px; }
#nr_r_4_d { float:right; width:504px; height:auto; margin:0; background:#fff; padding:0; border:#fdfefe 4px solid; }
#nr_r_4_d li { color:#666; font-size:14px; padding:5px 10px 5px; line-height:150%;  }



#main { width:760px; height:620px; }

.d { float:left; width:244px; height:auto; background:#fff; margin-left:2px; margin-right:1px; line-height:150%; border:#def 1px solid; }
.d li { clear:both; height:23px; overflow:hidden; padding:5px 0 0 5px; border-bottom:#ccc 1px dotted; }
.d li span { float:right; color:#999; }

.dd { float:left; width:243px; height:auto; margin:8px 3px 3px; line-height:150%; }
.dd li { height:46px; overflow:hidden; line-height:130%; color:#bbb; padding:2px 3px 0 6px; font-size:12px; }
.dd li span { float:right; color:#999; }


.subtitle { float:left; width:239px; height:23px; padding-left:3px; padding-top:3px; background:#def; border:#fff 1px solid; }
.dirtitle { width:200px; height:23px; font-size:13px; font-weight:bold; color:#f60; }


#dlist { width:750px; height:300px; }

.star { float:left; width:23px; height:15px; background:url(http://cha.moocity.com/images/css/star.gif) no-repeat; }
.pip { float:left; width:36px; height:36px; margin:0 3px 0 10px; }

#fcy { clear:both; width:740px; height:23px; }
#fcy li { float:left; height:23px; padding:5px 6px 5px 3px; color:#69c; }
#friend {
  clear:both;
  width:740px;
  height:46px;
  }
#friend li {
  float:left;
  width:740px;
  text-align:left;
  height:23px;
  padding:3px 3px 0px;
  color:#69c;
  }

#bottom {
  text-align:center;
  width:758px;
  height:64px;
  color:#999;

  }
#bottom_left {
  float:left;
  width:300px;
  height:50px;
  text-align:left;
  margin-top:10px;
  padding-left:8px;
  }  
#bottom_right {
  float:right;
  text-align:right;
  width:420px;
  height:50px;
  margin-top:10px;
  padding-right:12px;
  }

.fc { margin:0px; padding:0px; }
.font14 { font-size:14px; line-height:150%; color:#f00}
.green {color: #9ddd00}
.oran { color:#f60 }
.blue {color:#36f}
.red {color:#f00}
.gray {font-size:12px; color:#999}
.showit {font-size:12px; color:#7eb1f5; font-weight:bold;}
.so {
  margin-top:15px;
  }