html {
/* ----------- global 基本標籤設定 ------------*/ 
html (整個網頁內容) 
 scrollbar-face-color: #ffffff;
scrollbar-highlight-color: #BBBBBB;
scrollbar-shadow-color: #BBBBBB;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-arrow-color: #BBBBBB;
scrollbar-track-color: #ffffff;

}
body {
  
body (整個網頁內容) 
 color: #333;
background: url('http://img508.imageshack.us/img508/5572/86146248po9.jpg') fixed no-repeat right top;


}
input {

}
a {
 
a (連結的字) 
 color: #FF0000;
font-size:10px;
text-decoration: none

}
a:hover {
  
a:hover (滑鼠滑過連結時的字) 
 color: #FF0000;


}
#container {
  
/* -------------------------------------------/ construct 版面架構的標籤 架構是由#container包住三個主標籤(#header, #content, #footer) */ 
#container (主框框，包住#header, #content, #footer ) 
 margin:00px ;
left:00px;

background: url
('') left top;
height:100%;
width:760px;

}
#header {
 
#header (上方的banner) 
 position:relative;height:410px;
wight:700px
padding:10px 30px; 
background: url('http://img130.imageshack.us/img130/153/31257369fc3.jpg') 
 no-repeat left top;


}
#content {
 
#content (內文) 
 margin:0px auto auto 0px;
padding:10px 0px 0px 15px
}
#extraDiv1 {

}
#extraDiv2 {

}
#extraDiv3 {

}
#extraDiv4 {

}
#header #navigator {

}
#header #navigator a {

}
#header #navigator a:hover {

}
#boxProfile {

}
#header .selectBox {

}
#header .Pcover {
#header .Pcover (封面照片) 
 position:absolute;
top:105px;
left:180px;
border: 1px solid #000000;
padding:0px 0px 0px 0px;


}
#header .Ptext {
  
#header .Ptext (我的地盤文字 DIV標籤) 
 position:absolute;
top:170px;
right:80px;
display: inline;




}
#header .Ptext h1 {
  
#header .Ptext h1 (我的地盤標題：XXX的好友列表) 
 font-size: 13px;


}
#header .Ptext ul {

}
#header .Ptext li {

}
#header .Ptext li a {

}
#header .Ptext li a:hover {

}
#header #menu {
 
#header #menu (好友分類選單) 
 background:white;
width:515px;

}
.il {

}
#msg {
 
/* 搜尋的訊息文字 */ 
#msg (目前列出的好友) 
 background:white;
width:515px;


}
#msg0 {

}
#msg1 {

}
#msg2 {

}
#content li {
 
/* -------------------------------------------------/ * content * thumb style 縮圖清單的樣式 */ 
#content li (好友縮圖列表) 
 color: #333;
background: url('http://img508.imageshack.us/img508/5572/86146248po9.jpg') fixed no-repeat right top;


}
#friendListDiv {

}
#friendListDiv ol li {

}
#friendListDiv ol li a {
 
#friendListDiv ol li a (清單中連結處) 
 width:108px;


}
#friendListDiv ol li a:hover {

}
#friendListDiv ol li a span.font_id {
 
#friendListDiv ol li a span.font_id (好友列表id) 
 color: #777777;


}
#friendListDiv img {

}
#descDiv {

}
.font_id2 {
 
.font_id2 (單一好友id) 
 color: #333333;


}
.font_desc {
 
.font_desc (單一好友說明) 
 	color:#FFFFFF;


}
.font_cate {
 
/* desc category 敘述的分類文字訊息*/ 
.font_cate (分類名稱) 
 
color: #333333;

}
.font_cate strong {

}
#footer {

}
