/*************************************************20120401-98首頁index***/
* { word-break: break-all; word-wrap: break-word; }
body, th, td, input, select, textarea, button { font: 12px/1.5em Verdana, "Lucida Grande", Arial, Helvetica, sans-serif; }
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; }
ul li { list-style: none; }
a:hover {color: #0000FF; text-decoration:none;}
a { color: #3B3C94; text-decoration: none; }
a img { border: none; }

.avatar48 { padding: 5px 0 0 5px; width: 55px; height: 55px; background: url(image/48_avatar_bg.gif) no-repeat; }
  .avatar48 img { width: 48px; height: 48px; }

.threadimg60 { padding: 5px 0 0 5px; width: 67px; height: 67px; background: url(image/60_threadimg_bg.gif) no-repeat; }
    .threadimg60 img { width: 60px; height: 60px; }

.face { margin: 0 1px; vertical-align: middle; }
.r_option { float: right; font-size: 12px; font-weight: normal; }
/*改*/
body { background: url(image/bg.jpg) repeat-x #F4F7FD; }
#head {position:absolute; z-index:1;margin: auto; width:760px;height: 50px;  margin: -61px 0px 0px 198px; float:right;}
.menu { float: left; height: 40px; font-weight: bold; }
.menu A:hover{text-decoration:none; position:relative;top:1px;left:1px;}
  .menu li { float: left; padding: 3px; }
#header { margin: 0 0 10px; }

#feed_header1 {	position:relative;
	padding:0px 0px 0px 0px;
	width:990px;
	margin:0px 0px 0px 0px; margin: auto; }

/*改end*/

/*avatar bg*/
.ar_r_t { float: left; background: #FFF url(image/avatar_bg.gif) no-repeat right top; }
  .ar_l_t { padding: 5px 0 0; background: url(image/avatar_bg.gif) no-repeat left top; }
    .ar_r_b { background: url(image/avatar_bg.gif) no-repeat right bottom; }
      .ar_l_b { padding: 0 12px 12px 5px; background: url(image/avatar_bg.gif) no-repeat left bottom; }
/*yellow radius*/

.ye_r_t { width: 100%; background: url(image/yel_bg.gif) no-repeat right top; }
  .ye_l_t { padding: 5px 0 0; background: url(image/yel_bg.gif) no-repeat left top; }
    .ye_r_b { background: url(image/yel_bg.gif) no-repeat right bottom; }
      .ye_l_b { padding: 0 5px 5px; background: url(image/yel_bg.gif) no-repeat left bottom; }

#wrap, .wrap { margin: 0 auto; width: 970px; }

/*************************************************CP SIDEBAR***/

#help p{ margin: 0 0 10px; 0px }

#footer { padding: 18px 0 10px 0; background: url(image/foot.jpg) no-repeat center bottom; color: #333; text-align: center; }
    #footer a { color: #333; }
    .noimage{ float: left; margin: 0 5px 0 0; }

/*歡迎新加入用戶*/
.avatar_list { zoom: 0.89; margin: 0px 0 0 30px; }
    .avatar_list .time { font-size: 10px; }
    .avatar_list li { float: left; padding: 6px; width: 60px; overflow: hidden; }
    .avatar_list p { width: 100%; height: 20px; line-height: 20px; text-overflow: ellipsis; text-align: center; white-space: nowrap; overflow: hidden; -moz-text-overflow: ellipsis; }
    .avatar_list p.online_icon_p { text-align: left; }
    .avatar_list:after { height: 0; clear: both; display: block; visibility: hidden; content: "."; }
#index_page .title {  text-align: center;  height: 30px; border: none; background: url(image/index_title.gif) no-repeat 0 0; color: #444; line-height: 30px; letter-spacing: 8px;}


/*************************************************INDEX PAGE***/
#index_page { width: 100%; overflow: hidden; }
#wide { float: left; margin: 5px 10px 0 10px; width: 700px; overflow: hidden; }
#narrow { float: left; width: 250px; overflow: hidden; }
/*幾位成員*/
.start { margin: 0px 0 0 0; padding: 10px 0 0px 30px; width: 670px; height: 430px; background: url('image/start.jpg') no-repeat;}
    .start h2 { float: right; font-weight: normal; padding-right:18px ;color: #555;}
.start h2 a{ color: #FF0000;}
        .start h2 span { color: #FF0000; font-size: 16px; font-weight: bold;}
/**/

/*.start5 {margin: -27px 0 0 -24px;width: 247px; height: 151px;}*/
.start5 A:hover{text-decoration:none; position:relative;top:1px;left:1px;}
.start1 {margin: 100px 0 0 6px;width: 100px; height: 53px;}
.start1 A:hover{text-decoration:none; position:relative;top:1px;left:1px;}
.start2 {margin: -145px 0 0 45px;;width: 100px; height: 53px;}
.start2 A:hover{text-decoration:none; position:relative;top:1px;left:1px;}
.start3 {margin: -15px 0 0 175px; width: 100px; height: 53px;}
.start3 A:hover{text-decoration:none; position:relative;top:1px;left:1px;}
.start4 {margin: 55px 0 0 110px; width: 100px; height: 53px;}
.start4 A:hover{text-decoration:none; position:relative;top:1px;left:1px;}

/*註冊*/
.reg_button {display: none; }
/*登入*/

.login_box { margin: 5px 0 5px; height: 160px; background: url(image/login_bg0.gif) no-repeat top;}
    .login_box h3 { padding: 0 0 0 30px; height: 34px; background: none; color: #56675C; line-height: 64px;}
    .login_form { padding: 10px 20px 0px 30px; height: 146px; background:  none; }

    .login_form p { padding: 5px 0; }

        .m_box { margin: 0 0 20px; width: 100%; overflow: hidden; }
  .left_box { float: left; margin: 0 20px 0 0; width: 340px; overflow: hidden; }
  .right_box { float: left; width: 340px; overflow: hidden; }
 
.albs { padding: 0 0 0 10px; width: 680px; background: #F8F8F8; overflow: hidden; }
    .albs li { float: left; margin: 0 5px 0 0; padding: 8px 0 0 8px; width: 83px; height: 83px; background: url(image/albs.gif) no-repeat; overflow: hidden; }
        .albs li a { width: 75px; height: 75px; overflow: hidden; display: block; }
 
/*找人項目*/
.searchfirend { height: 80px; margin: 0px 0 10px; background-color: transparent; color: #56675C;line-height: 20px;background: url(image/yel0_bg.gif) no-repeat;}
 .ye_r_t1 { width: 100%; background:  none; }
  .ye_l_t1 { padding: 5px 0 0; background: none; }
    .ye_r_b1 { background: none; }
      .ye_l_b1 { padding: 0 23px 0px; background: none; }
.searchfirend p { margin: 10px 0; color: #888; }
    .searchfirend .t_input { border-color: #DDD; }
    .t_input, select { padding: 3px 2px; border: 1px solid #BDBDF8; line-height: 16px;background-color: #fff; }
.submit { padding: 0 5px; height: 24px; background: url(image/on.gif); color: #000; line-height: 20px; letter-spacing: 1px; cursor: pointer;border: 2px outset #ddd; }
.submit3 {float: right; margin: -32px 0 0 0; padding: 0 3px; height: 24px; background: url(image/on.gif); color: #000; line-height: 20px; letter-spacing: 1px; cursor: pointer; border: 2px outset #ddd; }