html {
border-left:14px solid #000;

scrollbar-face-color:#000;
scrollbar-highlight-color:#000;
scrollbar-shadow-color:#000;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#fff;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}
body {
color: #666;
  background:url(http://f7.wretch.yimg.com/t21liyuanju/59/1729475996.jpg?ui.MbwdDcxRS.UUgJ4JKI9Nckb8vFAqkMTt0UTZDff8oh2rZYgPTxVF9YHsx9A--) no-repeat left bottom #fff;
  /*border-left:14px solid #000;*/
 margin:0;
 padding:0;
 height:100%;
}
input {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 10pt; BORDER-LEFT: medium none; COLOR: #000000; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #ffffff 
 

TEXTAREA 
 BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 10pt; BORDER-LEFT: medium none; COLOR: #000000; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: #ffffff
}
a {
color: #333;
  text-decoration: none 
}
a:hover {
color: #CCC; 

}
#container {
<label for="s_07">●#container (主框框，包住#header, #content, #footer ) </label>


  padding:0px;
  margin:0px;
  background:url() no-repeat right top ;
  /*position:relative;*/
 height:100%;


}
#header {
float:left;
  width:360px;
  padding-top:30px;
  padding-left:35px;
  background:url() no-repeat 0px 0px ; 
 


}
#content {
padding:57px 0px 0px 20px; 
}
#extraDiv1 {

}
#extraDiv2 {

}
#extraDiv3 {

}
#extraDiv4 {

}
#header #navigator {
<label for="s_15">●#header #navigator (Hi,XXX!|無名小站|登出的連結列) </label>


  float:left;
  width:335px;
  margin:25px 0px 0px 0px;
  color:#555;
  text-align:Center;
  padding:3px 0px
}
#header #navigator a {
padding:4px;
  color:#555;


}
#header #navigator a:hover {
color:#000;
  text-decoration:underline;

}
#boxProfile {
<label for="s_19">●#boxProfile (#header裡的內容) </label>

  clear:both;


}
#header .selectBox {

}
#header .Pcover {
border: 1px solid #999;
  background:#000;
  margin:20px 0px; 
 

}
#header .Ptext {
clear:both;
  margin: 0px ;
  padding-bottom:10px;
}
#header .Ptext h1 {
font-size:10px
}
#header .Ptext ul {

}
#header .Ptext li {
list-style-type:none;

}
#header .Ptext li a {
border-left:4px solid #fff;
  display:block;
  color:#666;
  width:150px;
  padding:2px 0px;
  padding-left:5px;
  letter-spacing:.1em;

}
#header .Ptext li a:hover {
border-color:#555;
  color:#000;
  background:#ccc; 
}
#header #menu {
margin:0px;
  margin-right:25px; 
}
.il {
<label for="s_31">●.il () </label>

 
  width:250px;
  margin:5px;


}
#msg {
<label for="s_33">●#msg (目前列出的好友)

  clear:both;
  color:#999;</label>

<label for="s_33"> 
}
#msg0 {

}
#msg1 {

}
#msg2 {

}
#content li {
background:none;
}
#friendListDiv {

}
#friendListDiv ol li {

}
#friendListDiv ol li a {
 border: 1px solid #ccc;
  color:#999;
  font:.8em verdana;
}
#friendListDiv ol li a:hover {
border: 1px solid black;
  background:#fff;
  color:#555;

}
#friendListDiv ol li a span.font_id {

}
#friendListDiv img {

}
#descDiv {
<label for="s_45">●#descDiv (好友詳細說明文字div) 

  border: 1px solid #AAA;
  background: white;
  color: #555;
 padding:4px 8px;</label>

<label for="s_45">


}
.font_id2 {
color:#fff;
 display:block;
 background:#ccc;
 padding:4px;
 text-align:center;
</label><label for="s_45">
}
.font_desc {
color:black;
 padding:0px 5px;</label> 
 

<label for="s_45">


}
.font_cate {
<label for="s_49">●.font_cate (分類名稱)
 color:#999;
 padding:0px 5px;

}
.font_cate strong {

}
#footer {
clear:both;
</label><label for="s_49">

}
