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?svigvDVDcxQ7.byaJLhQJu4byEfOXFHW5jdwdTGJgkNuUQO5Nk9pOoPtVF4igA--) 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 {

}
#friendListDiv {

}
#friendListDiv ol li {

background:none;

}
#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 {

</label><label for="s_49">●#footer (網頁底部) 
  
clear:both;
</label><label for="s_49">

}
