/* ----------- global 基本標籤設定 ------------*/
html (整個網頁內容)

border-top : 10px double #99CCFF;
border-bottom : 10px double #99CCFF;
border-left : 10px double #99CCFF;
border-right : 10px double #99CCFF;
solid #99CCFF;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#99CCFF;
scrollbar-shadow-color:#ffffff;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#99CCFF;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#99CCFF;


body (整個網頁內容)

color: #99CCFF;
background:url(http://f5.wretch.yimg.com/jenny200a/1/1810827538.jpg?ywmpJtZDfBd8p23lwbn95nKdAWPdLCujovCNbZNRfsDD_i5SxKJGdgtacw--)
fixed no-repeat left bottom #ffffff;
padding-left:30px;
height:100%;
/*border-left:14px solid #0000CC;*/
margin:10;
padding-left:30px;
height:100%;


input (所有按鈕)

BORDER-RIGHT: 1px solid #99CCFF; BORDER-TOP: 1px solid #99CCFF; FONT-SIZE: 10pt;
BORDER-LEFT: 1px solid #99CCFF; COLOR: #99CCFF;
BORDER-BOTTOM: 1px solid #99CCFF; BACKGROUND-COLOR: #FFF


a (連結的字)

color: #FF99FF;
text-decoration: none



a:hover (滑鼠滑過連結時的字)

color: #FF99FF;


/* -------------------------------------------
/ construct 版面架構的標籤 架構是由#container包住三個主標籤(#header, #content, #footer) */
#container (主框框，包住#header, #content, #footer )


padding:10px 0px 0px 0px;
margin:0px;
height:100px;
background:url() no-repeat right top;
/*position:relative;*/


#header (上方的banner)

float:left;
width:360px;
padding-top:0px;
padding-left:35px;
background:url() fixed no-repeat left top; 0px 0px ;
　/*vengeance angel xk4*/


#content (內文)

padding:0px 0px 0px 20px;




/* -------------------------------------------
/ header 標頭 分為 ul#navigator 與 div#boxProfile 兩個部分 */
#header #navigator (Hi,XXX!|無名小站|登出的連結列)



float:left;
width:335px;
margin:-5px 0px 0px 0px;
color:#FF33FF;
text-align:right;
padding:3px 0px;




#header #navigator a (連結列裡的連結字)



padding:4px;
color:#99CCFF;



#header #navigator a:hover (連結列滑鼠滑過時的連結字)

color:#FF33FF;
text-decoration:underline;


/* 我的資訊區塊 其中分為 #Pcover, #Ptext, #menu 三部分*/
#boxProfile (#header裡的內容)

clear:both;


#header .Pcover (封面照片)

border: 5px solid #99CCFF;
background:#99CCFF;
margin:20px 0px;


#header .Ptext (我的地盤文字 DIV標籤)

clear:both;
margin: 0px ;
padding-bottom:10px;

#header .Ptext h1 (我的地盤標題：XXX的好友列表)

font-size:18px;color:#FFF


#header .Ptext li (我的地盤內容)


list-style-type:none;


#header .Ptext li a (我的地盤的連結)


border-left:4px solid #fff;
display:block;
color:#66CCFF;
width:150px;
padding:2px 0px;
padding-left:5px;
letter-spacing:.1em;
font-weight:bold;

#header .Ptext li a:hover (滑鼠滑過連結時)

border-color:;
color:#FF99FF;
background:none;


#header #menu (好友分類選單)

display: none;

/* 好友分類選單內：列出所有分類、列出所有性別、搜尋好友、目前列出的好友分類*/
.il ()

display: none;

/* 搜尋的訊息文字 */
#msg (目前列出的好友)

clear:both;
color:#99CCFF;


#friendListDiv ol li (好友縮圖列表)

border: 4px solid double #99CCFF;
padding-top:2px ;



#friendListDiv ol li a (清單中連結處)


border: 1px solid #99CCFF;
color:#99CCFF;
font:.8em verdana;



#friendListDiv ol li a:hover (滑鼠滑過連結處時)

border: 1px solid black;
background:#fff;
color:#f09;

/* -------------------------------------------------/ *
friend desc div 放大圖片與說明的樣式 */
#descDiv (好友詳細說明文字div)

border: 1px solid #FF33FF;
background: white;
color: #99CCFF;
padding:4px 8px;

.font_id2 (單一好友id)

color:#fff;
display:block;
background:#fc3;
padding:4px;
text-align:center;


.font_desc (單一好友說明)

color:black;
padding:0px 5px;


/* desc category 敘述的分類文字訊息*/
.font_cate (分類名稱)

color:#FF99FF;
padding:0px 5px;

#footer (網頁底部)


clear:both;

