/*****************************************
作者：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/o1620359260.jpg?DyKQMHxDchTc_YbO7Tl6BxsD6yhS_IpyxEyUzRzObnk9tZnz4A4QSYAgMPSWsQ--) no-repeat left bottom;
margin:0px;}

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

#container{
position:relative;margin:20px 0px 0px 0px;}

#header{height:260px;}

#header .Pcover {filter:alpha(opacity=80);
position:absolute;top:50px;left:150px;
background:#fff;border:1px #ccc solid;}

#header .Ptext{
margin:260px 0px 0px 150px;}

#header .Ptext h1{
position:absolute;top:0px;left:50px;
color:#000;font:25px simhei;}
#relationship{display:none;}


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

#serviceList a {filter:alpha(opacity=70);
position:absolute;left:50px;width:80px;height:17px;
text-align:center;font:7pt verdana;padding-top:6px;
background:#fff;color:#000;}

#serviceList a:hover{
background:#2DCDE5;color:#fff;cursor:default;}

#linkAlbum{top:50px;}
#linkBlog{top:77px;}
#linkGbook{top:104px;}
#linkUser{top:131px;}
#linkFriend{top:158px;
background:#2DCDE5!important;color:#fff!important;}
#linkMypage, #linkVideo{
display:none!important;}

#friendListDiv{filter:alpha(opacity=70);
position:absolute;top:40px;left:400px;
padding:10px 0px 10px 18px;border:1px #ccc solid;
width:530px;height:310px;
overflow:auto;
overflow-x:hidden;
scrollbar-face-color:#fff;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#555;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;}


#pagelink_1 a{font:7pt verdana;}
#pagelink_1{position:absolute;top:0px;left:880px;font:25px impact;}

#num_friends{position:absolute;top:15px;left:400px;
text-align:center;border:1px #ccc solid;filter:alpha(opacity=90);
border-bottom:none;color:#000;
width:200px;background:#eee;padding:5px;}
#num_friends a{display:none;}


#condition{position:absolute;top:367px;left:400px;filter:alpha(opacity=70);}
#condition li a{
width:60px;height:18px;padding-top:5px;
background:#eee;color:#000;border-top:none;
border-right:1px #ccc solid;
border-left:1px #ccc solid;
border-bottom:1px #ccc solid!important;}
#condition li a:hover{
background:#2DCDE5;color:#fff;}

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

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

#header #menu #searchInput{display:none;
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;display:none;
background:#eee;border:1px #ccc solid;}

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

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

#mini{font:7pt verdana;color:#555;
border:#2DCDE5 1px solid;background:#2DCDE5;}
#mini_content{background:#D2F2FF;}
#mini a{color:#555;}
#mini a:hover{color:#000;}

#automusic{position:absolute;top:35px;left:620px;}
input{font:7pt verdana;color:#000;filter:alpha(opacity=80);
background:#fff;border:1px #ccc solid;}
.small-c, .small-c a{display:none;}