body {
margin:0;
padding:0;
font-family: arial;
font-size:11px;
color: #ffffff;
background:url(images/bg.jpg) repeat #000000;
}
a {
color:#cccccc;
text-decoration:none;
}
a:hover {
color:#ffffff;
text-decoration:underline;
}
.t1{
font-size:18px;
}
.t2{
font-size:25px;
}
.t3{
font-size:15px;
}
.t5{
font-size:19px; color:#ff0000; background:#FFFFFF; padding:3px;
}
.clear{ clear:both; }
#wrapper{ width:960px; height:auto; margin:0px auto; background:#000000; border-left:10px solid #000000; border-right:10px solid #000000; }
#header {
width:960px;
height:auto;
}
.img{
width:auto;
height:auto;
float:left
}
.gentext{
width:960px;
height:auto;
color:#666666;
float:left
}
#eb2 {
width:952px;
padding:0 0 0 13px;
background:url(images/emobox2_06.jpg) repeat-y;
float:left;
}
#thumb{
width:187px;
height:271px;
background:url(images/emobox2_03.jpg) no-repeat;
float:left;
}
#thumb .img{
width:175px;
height:230px;
padding:8px 0 0 12px;
float:left;
}
#thumb .text{
width:175px;
padding:0 0 0 12px;
font-family:verdana;
font-size:10px;
line-height:9px;
font-weight:bold;
text-align:center;
float:left;
}
#info{
width:800px; height:160px; padding:14px 10px 0 150px; background:url(images/emobox2_08.jpg) no-repeat; font-size:14px; font-weight:bold; color:#FFFFFF; float:left;
}
#info2{
width:800px; height:90px; padding:3px 140px 0 20px; background:url(images/emobox_02.jpg) no-repeat; font-size:14px; font-weight:bold; color:#FFFFFF; float:left;
}
#info3{
width:650px; height:170px; padding:4px 10px 0 300px; background:url(images/emobox3_06.jpg) no-repeat; font-size:14px; font-weight:bold; color:#FFFFFF; float:left;
}

#vid{
width:312px;
height:252px;
text-align:center;
float:left;
}

#tmyspace{
width:187px;
height:271px;
background:url(images/emobox3_03.jpg) no-repeat;
float:left;
}
#tmyspace .img{
width:175px;
height:230px;
padding:8px 0 0 12px;
float:left;
}
#tface{
width:187px;
height:271px;
background:url(images/emobox3-face_03.jpg) no-repeat;
float:left;
}
#tface .img{
width:175px;
height:230px;
padding:8px 0 0 12px;
float:left;
}


#sub {
width:960px;
height:auto;
margin-top:25px;
float:left;
}
#sub .title{
width:950px;
padding:5px 0 5px 10px;
background:#ff017c;
margin-bottom:10px;
float:left;
}
#sub .text{
width:950px;
padding:5px 0 5px 10px;
float:left;
}
#sub .alttext{
width:960px;
padding:5px 0 5px 0;
text-align:center;
float:left;
}
#sub .f1{
width:100px;
height:22px;
padding:6px 0 5px 10px;
font-size:15px;
float:left;
}
#sub .f2{
width:840px;
height:23px;
padding:5px 0 5px 10px;
float:left;
}

#join {
width:960px;
height:auto;
float:left;
}
#join a{
color:#FFFFFF;
}
#join .L {
width:669px;
height:308px;
float:left;
}
#join .R {
width:291px;
height:308px;
float:left;
}
#join .R1 {
width:291px;
height:84px;
float:left;
}
#join .R2 {
width:291px;
height:224px;
background:url(images/join2bg.jpg) no-repeat;
float:left;
}
#join .RF {
width:291px;
padding:2px 0;
text-align:center;
float:left;
}

#footer{
width:960px; height:auto; float:left; }
#footer .text{
width:955px; height:auto; padding:10px 0px; font-size:14px; text-align:center; color:#fff; float:left
}
#footer .text2{
width:810px; height:100px; padding:0px 0px 0px 0px; color:#fff; float:left
}
#footer .text3{
width:145px; height:100px; color:#fff; text-align:center; float:left
}
#footer a{ color:#ff017c;}
#footer a:hover { color:#FFFFFF; }