﻿body{
    letter-spacing: 1px;
	font-family: 新細明體, verdana;
	font-size: 12px;
	line-height: 12px;
	
	background-color: #F8FAE3;
	margin: 0px;
	padding: 0px;
	line-height:12px;
	background-image:url('../image/default/index_bg.png');
	background-attachment:fixed;
	background-position:center;
	background-repeat:repeat;
}

img
{
    border:none;

}

.container
{
    position: relative;
    width:1120px;/*網頁中間尺寸*/
    margin:auto;/*置中*/
    text-align:center;/*文字置中*/ 
    top:0px; 

}
#index_header
{
     background:url('../image/default/index_header00.jpg');
     position:absolute;
     left:85px;
	 top:0px;
     width:810px;
     height:300px;   
}
#index_header a
{
 
 font-size:20px;
}
  .edit a
 {
     background-color:#F36F21;
     color:#FFFFCC;
     position:absolute;
     left:0px;
	 top:250px;
     width:85px;
     height:50px; 
     line-height:50px;
     text-align:center;
     margin:0 5px 0 5px;
     }
 .composite a
 {
     background-color:#F36F21;
     color:#FFFFCC;
     position:absolute;
     left:100px;
	 top:250px;
     width:85px;
     height:50px; 
     line-height:50px;
     text-align:center;
     margin:0 5px 0 5px;
     }
.sticker a
{
     background-color:#F36F21;
     color:#FFFFCC;
     position:absolute;
     left:200px;
	 top:250px;
     width:85px;
     height:50px; 
     line-height:50px;
     text-align:center;
     margin:0 5px 0 5px;
    }
.cartoon a
{
     background-color:#F36F21;
     color:#FFFFCC;
     position:absolute;
     left:300px;
	 top:250px;
     width:85px;
     height:50px;
     line-height:50px; 
     text-align:center;
     margin:0 5px 0 5px;
    }
.album a
{
     background-color:#F36F21;
     color:#FFFFCC;
      position:absolute;
     left:400px;
	 top:250px;
     width:85px;
     height:50px; 
     line-height:50px;
     text-align:center;
     margin:0 5px 0 5px;
    }
.hotrank a
{
      background-color:#F36F21;
     color:#FFFFCC;
      position:absolute;
     left:500px;
	 top:250px;
     width:85px;
     height:50px; 
     line-height:50px;
     text-align:center;
     margin:0 5px 0 5px;
    }

#allinone a
{
      background-color:#F36F21;
     color:#FFFFCC;
     position:absolute;
     left:600px;
	 top:250px;
     width:85px;
     height:50px; 
     line-height:50px;
     text-align:center;
     margin:0 5px 0 5px;
    
    }
#FBApp a
{
      background-color:#F36F21;
     color:#FFFFCC;
     position:absolute;
     left:700px;
	 top:250px;
     width:85px;
     height:50px; 
     line-height:50px;
     text-align:center;
     margin:0 5px 0 5px;
    
    }

 .index_login
 {
    background:url('../image/default/index_login.png');
     position:absolute;
     left:85px;
	 top:300px;
     width:810px;
     height:205px; 
     }
.index_logo a
{
    background:url('../image/default/index_logo.png');
     position:absolute;
     left:0px;
	 top:0px;
     width:270px;
     height:195px; 
}
.index_login_text
{
    background:url('../image/default/index_login_text.png');
     position:absolute;
     left:280px;
	 top:50px;
     width:274px;
     height:64px; 
}
.logOK
{
    left:0px;
    top:200px;
    position:absolute;
    width:300px;
    height: 190px;
   
}
 
.login_round
{
    background-image:url('../image/default/login_round.png');
    width:190px;
    height:190px;
    position:absolute;
    left:20px;
    top:0px;
    z-index:500;
}
.index_show_bg
{
    background:url('../image/default/index_show_bg.png');
     position:absolute;
     left:85px;
	 top:500px;
     width:810px;
     height:525px;
    }
.index_blog a
{
    background:url('../image/default/index_blog.png');
     position:absolute;
     left:90px;
	 top:1035px;
     width:260px;
     height:140px;
    }
.index_plurk a
{
    background:url('../image/default/index_plurk.png');
     position:absolute;
     left:360px;
	 top:1035px;
     width:260px;
     height:140px;
    }
.index_facebook a
{
    background:url('../image/default/index_facebook.png');
     position:absolute;
     left:630px;
	 top:1035px;
     width:260px;
     height:140px;
    }
.index_ADbanner 
{
     background:url('../image/FBAppMain/banner.jpg');
     position:absolute;
     left:905px;
	 top:0px;
     width:200px;
     height:600px;
     cursor:pointer;
    }  
.index_ADbanner2
{
     background:url('../image/default/index_ADbanner2.jpg');
     position:absolute;
     left:905px;
	 top:600px;
     width:200px;
     height:600px;
   } 
 #showsection
{
    width:550px;
    height:190px;
    position:absolute;
    left:350px;
    top:300px;
    z-index:500;
    overflow:hidden;
}
.login
{
    background-image:url('../image/default/login.png');
    width:67px;
    height:67px;
    position:absolute;
    left:130px;
    top:130px;
}
    
a 
{ text-decoration:none;
}
 .web_0617_b a
{
    background:url('../image/default/web_0617_b.png');
    position:absolute;
    top:110px; 
    left:380px;
    width:187px;
    height:80px;
    }
 
.randomimg
{
    background-color:#000000;
     position:absolute;
    top:20px; 
    left:10px;
    width:130px;
    height:30px;
    color:#F8FAE3;
     text-align:center;
     padding-top:5px;
    }

#show_smallimg_1
{
   background-color:#000000;
      position:absolute;
    top:50px; 
    left:10px;
    width:130px;
    height:100px;
    cursor:pointer; 
    overflow:hidden; 
    
    
    }
 #show_smallimg_2
{
   background-color:#000000;
      position:absolute;
    top:160px; 
    left:10px;
    width:130px;
    height:100px;
    cursor:pointer; 
     overflow:hidden; 
    
    }
 #show_smallimg_3
{
    background-color:#000000;
      position:absolute;
    top:270px; 
    left:10px;
    width:130px;
    height:100px;
    cursor:pointer; 
     overflow:hidden; 
    
}
#show_smallimg_4
{
    background-color:#000000;
      position:absolute;
    top:380px; 
    left:10px;
    width:130px;
    height:100px;
    cursor:pointer; 
     overflow:hidden; 
    }
#show_bigimg
{
    background-color:#000000;
     position:absolute;
    top:0px; 
    left:150px;
    width:640px;
    height:480px;
    overflow:hidden;
    
}
    
#joinmember
{
position:absolute;
    left:110px;
    top:110px;
    width:200px;
    height:80px;
    cursor:pointer;   
}
#main
{
    position:absolute;
    left:300px;
}
#username
{
    position:absolute;
    color:black;
    left:0px;
	top:0px;
}
.logout_00  
{
    width:83px;
    height:66px;
    position:absolute;
    left:80px;
    top:115px;
}
#languagechoice
{
    z-index:10000;
    }
#select_language
{
    position:absolute;
    top: 300px;
    left:810px;
    color:#0B0C0D;
    cursor:pointer;
    z-index:10000;
  }
.picmove
{
    
    height:30px;
    left: 0px; 
    top:150px; 
    z-index:10000;
    position:absolute;
    color:#F8FAE3;
    cursor:pointer;
    }
.albummanage
{
   
    height:30px;
    left: 0px; 
    top:40px; 
    z-index:10000;
    position:absolute;
    color:#F8FAE3;
    cursor:pointer;
    }
.myalbum
{
   
    height:30px;
    left: 0px;
    top:80px; 
    z-index:10000;
    position:absolute;
    color:#F8FAE3;
    cursor:pointer;
    }
.usermanage
{
    
    height:30px;
    left: 120px; 
    top:40px; 
    z-index:10000;
    position:absolute;
    color:#F8FAE3;
    cursor:pointer;
    }
.commentmanage
{
   
    height:30px;
    left: 0px;
    top:120px; 
    z-index:10000;
    position:absolute;
    color:#F8FAE3;
    cursor:pointer;
    }
.logout
{
    
    height:30px;
    left: 120px; 
    top:120px; 
    z-index:10000;
    position:absolute;
    color:#F8FAE3;
    cursor:pointer;
    }
.friend
{
   
    height:30px;
    left:120px; 
    top:80px; 
    z-index:10000;
    position:absolute;
    color:#F8FAE3;
    cursor:pointer;
    }
.btm22_o_beg
{
    background:url('../image/default/btm22_o_beg.png'); 
    height:22px;
    width:10px;
    text-align:center;
    float:left; 
    cursor:pointer;
}
.btm22_o_mid
{
 background:url('../image/default/btm22_o_mid.png'); 
 float:left; 
 cursor:pointer;
 }
.btm22_o_end
{
 background:url('../image/default/btm22_o_end.png'); 
 width:10px;
 float:left; 
 height:22px;
 cursor:pointer;
 }
 .button22content
{
margin-top:5px;
}
 .button22_o_beg
{
    background:url('../image/edit/button22_o_beg.png'); 
    height:22px;
    width:12px;
    float:left; 
    text-align:center;
    cursor:pointer;
}
.button22_o_mid
{
float:left; 
background:url('../image/edit/button22_o_mid.png'); 
height:22px;
cursor:pointer;
   
}
.button22_o_end
{
height:22px;
background:url('../image/edit/button22_o_end.png'); 
width:10px; 
float:left; 
cursor:pointer;
}

 
.button22content
{
margin-top:5px;
}

.content
{
    position:absolute;
    top: 45px;
    left: 5px;
    height: 81px;
    width: 177px;
}
.content input
{
    width:133px;
    margin-left: 0px;
}

.foot
{
    position:relative;
    top:1185px;
    left:0;
    height:50px; 
    width:100%;
    font-size:12px;
    text-align:center;
    padding-right:10px;
    color:#0B0C0D;
    font-family:新細明體,verdana;
    letter-spacing:1px;
    line-height:12px;
    background-color: #F36F21;
}
.foot a
{
    color:#0B0C0D;
 }   
 




