/*****************************************
作者：rainer35509
主題：【友】清爽灰
網址：http://www.wretch.cc/blog/rainer35509
******************************************/
html{overflow:hidden;}
body{
color:#555;font:7pt verdana;
background:url(http://f6.wretch.yimg.com/rainer35509/41/1620359259.jpg?si3rs8lDchTtmvenPzfKlbbbvdY3bcnyDLuKeM6ONmY8mv2lQ5mvm_olwkDbvw--) no-repeat 630px 30px #fff;
margin:0px;}

a{color:#555;text-decoration:none;}
a:hover{color:#000;text-decoration:none;cursor:default;}

#container{
width:700px;height:480px;
overflow:auto;
overflow-x:hidden;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#888;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
position:relative;margin:40px 0px 0px 150px;
background:#fff;border:1px #ccc solid;}

#header{height:260px;}

#header .Pcover {
position:absolute;top:10px;left:20px;
background:#eee;border:1px #ccc solid;}

#header .Ptext{
margin:40px 0px 0px 240px;}

#header .Ptext h1{
color:#000;font:20px simhei;}
#relationship{display:none;}


#serviceList{
list-style:none;height:0px;
overflow:hidden;width:650px;}

#serviceList a {
position:absolute;top:230px;width:130px;height:20px;
text-align:center;font:7pt verdana;padding-top:8px;
background:#eee;color:#555;border:1px #ccc solid;}

#serviceList a:hover{
background:#888;color:#fff;cursor:w-resize;}

#linkAlbum{left:20px;}
#linkBlog{left:150px;}
#linkGbook{left:280px;}
#linkUser{left:410px;}
#linkFriend{left:540px;
background:#888!important;color:#fff!important;}
#linkMypage, #linkVideo{
display:none!important;}

#menu li.il{padding:0px;}

#header #menu #cateSelect{
position:absolute;top:100px;left:240px;
width:247px;font:7pt verdana;background:#fff;color:#000;}

#header #menu #searchInput{
position:absolute;top:122px;left:240px;
width:175px;height:15px;
border:1px #ccc solid;padding:3px 0px 0px 3px;
color:#000;background:#fff;}

.il input{
position:absolute;top:123px;left:423px;
font:7pt verdana;color:#000;
background:#eee;border:1px #ccc solid;}
input{font:7pt verdana;color:#000;
background:#fff;border:1px #ccc solid;}

#msg{position:absolute;top:270px;left:25px;
font:7pt verdana;display:none;}
#friendListDiv{border:none;}

#friendListDiv ol li{border:1px #ccc solid;background:#fff;height:130px;}

#condition li a{
width:60px;height:18px;padding-top:5px;
background:#aaa;color:#fff;border:none;}
#condition li a:hover{
background:#eee;color:#000;}

#friendListDiv ol li a {
font:7pt verdana;text-align:center;}
#friendListDiv ol li a:hover{background:#aaa;cursor:default;}
#friendListDiv ol li a span.font_id {
color:#000;background:#eee;font:7pt verdana;border-bottom:1px #ccc solid;
width:107px;text-align:left;padding:5px 0px 5px 10px;}
#friendListDiv img{padding:10px 0px 0px 0px;}

#mini{font:7pt verdana;color:#555;
border:#ccc 1px solid;background:#aaa;}
#mini_content{background:#eee;}
#mini a{color:#555;}
#mini a:hover{color:#000;}

#automusic{position:absolute;top:15px;left:150px;}
.small-c, .small-c a{display:none;}