/*---------------------------------------
 
　【友】潮灰 (4/4 更新
　
　Design By Crazy Jane
　http://www.wretch.cc/blog/CrazyJane/
------------------------------------------*/

html{
SCROLLBAR-FACE-COLOR:#000;
SCROLLBAR-HIGHLIGHT-COLOR:#000;
SCROLLBAR-SHADOW-COLOR:#000;
SCROLLBAR-3DLIGHT-COLOR:#000;
SCROLLBAR-ARROW-COLOR:#5c5c5c;
SCROLLBAR-DARKSHADOW-COLOR:#000;
overflow-x:hidden;
}

body {
FONT-SIZE:7pt;
FONT-FAMILY:verdana;
background:url(http://f9.wretch.yimg.com/crazyjane/38/o1442338184.jpg?SzCcE2ZDcBJD9FJ_lr5dkM_ECzNC3lrApZcD8FWnMv8RwTCElsQ6qomTyeE-) #000 no-repeat;
MARGIN:0px;
COLOR:#fff;
letter-spacing:1px;
}


input {
border:#aaa 1px solid;
font-size:7pt;
color:#aaa;
font-family:verdana;
background-color:#464646;
width:90px;
height:20px;
}


option {
color:#ffffff;
background-color:#464646;
}


#text {
width:300px;
color:#ffffff;
background-color:#464646;
}


A {
COLOR:#fff;
TEXT-DECORATION:none;
}
A:hover {
COLOR:#aaa;
TEXT-DECORATION:none;
}


#container {
margin:0 auto;
padding:0 0 30px;
position:relative;
width:930px;
HEIGHT:800px;
background:#464646;
}

#header {
position:absolute;
width:950px;
top:0;
left:0;
}
　

#content {
width:600px;
float:left;
padding:33px 0 0 60px;
overflow:hidden;
background:#464646;
}

#relationship {
display:none;
}

#relationship p {
display:none;
}


#header #navigator {
padding:0px 0px;
position:absolute;
right:10px;
text-align:left;
top:0px;
}


#header .Pcover {
border:5px solid #5c5c5c;
BACKGROUND:#5c5c5c;
height:190px;
width:190px;
position:absolute;
top:93px;
right:60px;
}

#header .Pcover span {
height:190px;
width:190px;
}


#header h1 {
FONT-SIZE:15pt;
font-weight:normal;
font-family:simhei;
COLOR:#fff!important;
BACKGROUND:#464646;
width:235px;
HEIGHT:30px;
PADDING:2px;
TEXT-ALIGN:left;
margin-top:20px;
letter-spacing:2px;
}

#header .Ptext br {
display:none;
}


#header .Ptext {
position:absolute;
top:300px;
left:480px;
WIDTH:250px;
HEIGHT:10px;
padding:0px 0px 0px 0px;
}


#serviceList {
position:absolute;
top:100px;
left:0px;
width:50px;
}

#header .Ptext li a  {
BORDER:#5c5c5c 1px solid!important;
DISPLAY:block;
FONT-SIZE:7pt;
WIDTH:50px;
HEIGHT:17px;
PADDING-TOP:7px;
PADDING-right:2px;
PADDING-bottom:2px;
PADDING-left:2px;
BACKGROUND-COLOR:#5c5c5c!important;
TEXT-ALIGN:center;
COLOR:#fff!important;
letter-spacing:7px;
}
#header .Ptext li a:hover {
BORDER:#5c5c5c 1px solid!important;
BACKGROUND-COLOR:#464646!important;
COLOR:#fff!important;
}

#serviceList LI {
FLOAT:left;MARGIN:2px 2px 2px 2px;}


#linkMypage{display:none!important;}
#linkVideo{display:none!important;}


#header .Ptext ul {
margin:0px;
}


#header #menu {
display:none;
}

.il {
margin:0;
}
#menu li.il {
margin:0;
}


#searchInput {
display:none;
}

#msg {display:none;}

#friendListDiv ol li {
width:120px;
height:143px;
margin:0 4px 0 0;
margin-bottom:15px !important;
background:#5c5c5c;
}

#friendListDiv ol li a {
FONT-SIZE:7pt;
FONT-FAMILY:verdana;
width:120px;
background:#5c5c5c;
}


#friendListDiv ol li a:hover {
border:0px none;
color:#FF0000;
background:#5c5c5c;
}


#friendListDiv ol li a div.font_img {
padding:9px 0px 0px;
background:#5c5c5c;
width:100px;
height:100px;
}
#friendListDiv ol li p{
font-size:7pt !important;
padding-bottom:5px;
background:#5c5c5c;
}


#friendListDiv ol li a span.font_id {
color:#fff;
background:#686868;
font:7pt verdana;
TEXT-ALIGN:center;
margin-top:9px !important;
}

#friendListDiv ol li a:hover span.font_id {
color:#FFBF00;
background:#979494;
font:7pt verdana;
}

#condition{
position:absolute;
left:21px;
top:55px;
z-index:2;
}


#friendListDiv{
padding:60px 0 0 20px;
background:none;
border:none;
position:relative;
right:59px;
width:660px;

}
#friendListDiv p {
margin:5px;
padding:5px;
}


#condition li a{
width:100px;
height:24px;
border:none;
color:#fff;
line-height:24px;
padding:0px;
background:#5c5c5c;
}

#condition li a:hover{
border:none;
color:#fff;
background:#000;
}


#condition li.current a {
width:100px;
height:24px;
border:none;
line-height:24px;
color:#FFF;
background:#000;
}
#condition li.current a:hover{
color:#fff;
}


#pagelink_1 {
text-align:left;
color:#fff;
font:10pt impact;
width:600px;
}

#pagelink_1 a{
border:0px solid #000;
padding:1px 5px 0;
color:#fff;
background:#464646;
}

#pagelink a:hover, 
#pagelink_1 a:hover{
border:0px solid #000;
color:#FFBF00;
}


#num_friends {
top:520px;
width:500px;
height:10px;
}

#mini{
width:385px;
height:188px;
border:1px solid #fff;
line-height:150%;
color:#fff;
background:#5c5c5c;
}
#mini a {
color:#fff;
}
#mini img {
margin:0px 10px 0px 0px;
}
#mini a:hover {
color:#fff;
}


#mini h3 {
color:#fff;
padding:5px 0pt 0pt 168px;
}

#mini h3 span.cate {
top:9px;
}


#mini h3 a {
color:#FFBF00;
text-transform:uppercase;
}
#mini h3 a:hover {
color:#fff;
}


#mini_service {
border-width:0px;
width:212px;
background:#464646!important;
}

#mini_service a {
color:#aaa;
}
#mini_service a:hover {
color:#fff;
}


#mini_update {
list-style-image:none;
width:213px;
}

#mini_update span.date {
color:#ccc;
FONT-SIZE:6pt;
FONT-FAMILY:verdana;
}

#mini_content{
background:#5c5c5c;
}

#mini ul{
background:#5c5c5c;
}


#mini strong {
color:#fff;
PADDING-TOP:2px;
PADDING-BOTTOM:2px;
background:#5c5c5c;
}

#mini_update a, #mini_update span.nonew {
color:#aaa;
}
#mini_update span.nonew {
color:#aaa;
}


#mini_footer {
padding:2px 0pt 0pt 293px;
background:#5c5c5c;
}


#mini_footer .friend {
}

select {
display:none;
}