html {








}
body {


color: #000000;
background:url(http://f7.wretch.yimg.com/rr1015/10/1848718484.jpg?LQySTc1DfBIkavHZ7YoXKblVrfuuAxsbk.cYanlbbbsKrUqNVKTVjzA-) no-repeat left bottom fixed #fff;
border-left:14px solid #FDCFE2;
BODY 
BORDER-RIGHT: #ff0000 20px solid; BORDER-TOP: #ff0000 30px solid; BORDER-LEFT: #ff0000 20px solid; BORDER-BOTTOM: #ff0000 30px solid







}
input {








}
a {



color: #000000;
text-decoration: none






}
a:hover {
 

color: #ff0000; 





}
#container {






}
#header {

float:left;
width:360px;
padding-top:30px;
padding-left:35px;
background:none 0px 0px ;









}
#content {

padding:57px 0px 0px 20px;

header 標頭 分為 ul#navigator 與 div#boxProfile 兩個部分 */ 





}
#extraDiv1 {









}
#extraDiv2 {







}
#extraDiv3 {








}
#extraDiv4 {








}
#header #navigator {


float:left;
width:335px;
margin:25px 0px 0px 0px;
color:#bbb;
text-align:right;
padding:3px 0px;





}
#header #navigator a {
  



padding:4px;
color: #000000;





}
#header #navigator a:hover {

color: #000000;
text-decoration:underline;


/* 我的資訊區塊 其中分為 #Pcover, #Ptext, #menu 三部分*/ 
#boxProfile (#header裡的內容)
clear:both;








}
#boxProfile {
  clear:both;








}
#header .selectBox {








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

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

}
#header .Ptext h1 {








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

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

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

}
#header .Ptext li a:hover {


border-color: #ffffff;
color: #000000 ;
background: #ffffff;




}
#header #menu {


margin:0px;
margin-right:25px;


/* 好友分類選單內：列出所有分類、列出所有性別、搜尋好友、目前列出的好友分類*/ 
.il () 
width:250px;
margin:5px;

/* 搜尋的訊息文字 */ 





}
.il {
 
  margin:5px;








}
#msg {



clear:both;
color: #ffffff;








}
#msg0 {








}
#msg1 {








}
#msg2 {








}
#content li {








}
#friendListDiv {

}
#friendListDiv ol li {


background:#ffffff;







}
#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:#f09;


friend desc div 放大圖片與說明的樣式 */ 






}
#friendListDiv ol li a span.font_id {
  








}
#friendListDiv img {








}
#descDiv {

border: 1px solid #AAA;
background: white;
color: #000000;
padding:4px 8px;







}
.font_id2 {

color: #ff0000;
display:block;
background: #ffffff;
padding:4px;
text-align:center;








}
.font_desc {

color:black;
padding:0px 5px;


/* desc category 敘述的分類文字訊息*/ 





}
.font_cate {


color: #ffffff;
padding:0px 5px;








}
.font_cate strong {








}
#footer {



clear:both;




}
