body{margin:0px;font-family:Times New Roman; font-size:11pt; font-weight:400;}
div,span,textarea{border-radius:5px; -moz-border-radius:5px; _border-radius:5px;}
.main{margin:auto;width:772px;overflow:hidden; font-family:Times New Roman; font-size:12px; }
.main .bottom{color:#3d8c43;float:left;width:770px;margin-top:3px;background:#1941ad;opacity: 0.5; filter: alpha(opacity = 50);text-align:center;padding-top:10px;padding-bottom:10px;}
.main .bottom a{color:#183a93;text-decoration:none;font-weight:bold;margin-left:10px;}
.main .bottom a:hover{text-decoration:underline;}

.main .top{background:url(b_g.gif);position:relative;width:980px;height:31px;left:-104px;border:1px solid #ecab18;line-height:30px;text-indent:20px;color:#1979cc;}
.main .top a{text-decoration:none;color:#17398d;} .main .top a:hover{text-decoration:underline;}
.banner{ width:730px; height:190px; float:left;margin-top:1px;padding-left:40px; padding-top:60px;} .banner span{color:#407d3b; font-size:22px; font-weight:bold;font-family:Times New Roman; }

.banner,.menu a,.head,.setgood,.iapply,.views,.musicbox,.note,.albumlist,.firendlist,.liwulist,.wordlist,.notes,.firends,.bottom{border:1px solid #189aec; float:left;}

.head,.setgood,.iapply,.views{width:227px;height:auto;margin-top:3px;overflow:hidden;}
.setgood span,.iapply span,.views span{ 
float:left; margin:1px; height:auto;width:225px; padding-top:5px;padding-bottom:5px;font-weight:bold;color:#ffffff;text-indent:15px;
background:linear-gradient(-60deg,#586f88 10%,#074569 60%,#2a6734);
}

.musicbox,.note,.albumlist,.firendlist,.liwulist,.wordlist,.notes,.firends{width:537px; margin-top:3px;overflow:hidden;padding-bottom:10px;}
.note span,.albumlist span,.firendlist span,.liwulist span,.wordlist span{
 float:left; margin:1px; height:auto;width:535px; padding-top:5px;padding-bottom:5px;font-weight:bold;color:#ffffff;text-indent:15px;
background:linear-gradient(-60deg,#16b3ef 10%,#1c50e4 60%,#111711);
 }

.menu{width:550px; height:25px;line-height:25px;float:left;margin-top:-40px;margin-left:5px;}
.menu a{color:#16b3ef;text-decoration:none;width:45px;
margin-left:5px;height:25px;text-align:center;} 
.menu a:hover,.menu .curr{font-weight:bold;color:#FFF; background:-webkit-linear-gradient(-60deg,#2350b5 10%,#36cabc 50%,#31543a);} 

.main .left{ width:230px; float:left; height:auto; overflow:hidden;}
.main .right{width:539px; float:left; height:auto; overflow:hidden;margin-left:3px;}

.user{float:left;width:86px;text-decoration:none;height:17px;background-repeat:no-repeat;background-position:3px 3px;text-align:center;padding-top:98px;overflow:hidden;white-space:nowrap;border: 1px dashed #1c4edf;color:#1c54e4;background-color:#000000;}
.user:hover{color:#16b3ef;background-color:#111711;}
.main .left .head .addfirend{ float:left; width:69px; height:23px; background-image:url(vipaddfirend.jpg);  margin-left:28px;}
.main .left .head .apply{float:left; width:69px; height:23px; background-image:url(vipapply.jpg);margin-left:28px;margin-top:1px;}
.main .left .head{padding-bottom:7px;}
.main .left .head img{ margin:1px;}
.main .left .head span{float:left;margin-bottom:10px;margin-left:11px;/* border-bottom: 0; */color: #16b3ef;width:200px;}
.main .left .head{padding-bottom:7px;}
.main .left .head img{ margin:1px;}
.main .left .head span{float:left;margin-bottom: 14px;margin-left:11px;width:200px;color: #16b3ef;line-height: 18px;border-bottom: 1px solid #16b3ef;border-radius: 0;/* padding: 0px 0; */}
.main .left .setgood{padding-bottom:7px; color:#13579e; text-decoration:none;}
.main .left .iapply{padding-bottom:7px;}
.main .left .iapply a{margin-left:17px; margin-top:5px; margin-bottom:7px; }
.main .left .views{padding-bottom:7px;}
.main .left .views a{margin-left:17px; margin-top:5px; margin-bottom:7px;}

.main .right .musicbox{height:400px;}

.main .right .note{height:auto;}
.main .right .note tt{ height:10px; color:#666666; font-family:Times New Roman,Tahoma,宋体; text-align:center; padding-top:5px; width:537px; float:left;}
.main .right .note .content{ width:527px; margin-left:5px; margin-bottom:5px; height:auto; float:left; color:#666666; margin-top:5px;}
.main .right .note .content p{margin:0px;}
.main .right .note .time{ width:527px; margin-left:5px; margin-bottom:5px; height:15px; float:left; text-align:right; display:inline; color:#666666;}

.main .right .albumlist{height:auto;}
.main .right .albumlist a{margin-left:17px; margin-top:10px;}

.album{float:left;width:111px;text-decoration:none;height: 4px;background-repeat:no-repeat;background-position:3px 3px;text-align:center;padding-top:90px;overflow:hidden;white-space:nowrap;border: 1px solid #000;color: #606060;/* background-color:#f9f9f9; */text-indent:3px;white-space:pre-line;line-height:20px;}
.album:hover{border:1px solid #1a89d8;color:#c14f4f;background-color:#12c4d6;}

.main .right .firendlist{height:auto; }
.main .right .firendlist a{margin-left:16px;margin-top:10px;}

.main .right .liwulist{height:auto;padding-bottom:10px;}
.main .right .liwulist .liwu{margin-left:3px;display:inline;margin-top:3px;width:528px;float:left; height:30px;line-height:30px;background:url(liwu.gif);background-repeat:no-repeat;border:1px solid #222222;background-position:3px 3px;background-color:#111111;}
.main .right .liwulist .liwu a{color:#444444;text-decoration:none;}
.main .right .liwulist .liwu a:hover{text-decoration:underline;}
.main .right .liwulist .liwu .name{float:left;width:332px;margin-left:30px;text-indent:10px;}
.main .right .liwulist .liwu .open{float:left;width:55px;text-align:center;}
.main .right .liwulist .liwu .sender{float:left;width:100px;text-align:center;}
.main .right .liwulist .liwu:hover{border-color:#666666;}

.main .right .wordlist{height:auto;font-family:Times New Roman,宋体;}

.main .right .wordlist .iword{ width:529px; border-bottom:1px dashed #c19ab9; margin-left:2px; float:left; margin-top:5px; padding-bottom:5px;}
.main .right .wordlist .iword .sleft{ width:96px; float:left; }
.main .right .wordlist .iword .sleft span{width:90px; float:left; margin-left:1px;margin-top:5px;color:#921583;text-align:left; height:12px; padding-top:4px;padding-bottom:1px;text-indent:1px;border:px;height:auto;}
.main .right .wordlist .iword .sleft a{ margin-top:3px; margin-left:2px;}

.main .right .wordlist .iword .sright{float:left; width:429px;padding-bottom:7px;/*border-left:1px dashed #FFFFFF;*/}
.main .right .wordlist .iword .sright .content{
    margin-top:5px;
    margin-left:5px;
    float:left;
    width:395px;
    white-space:pre-wrap;
    overflow:hidden;
    background: linear-gradient(-60deg,#1a3352 10%,#205a24 50%,#33539c);
    word-break:break-all;color:#1c6de6;border:3px dotted #4a925d;padding:9px;text-align:justify;height:inherit;}
.main .right .wordlist .iword .sright .title{ text-indent:10px;float:left; width:400px;color:#a02fce;}
.main .right .wordlist .sendword{ width:380px; float:left; margin-left:40px;padding-top:15px;color:#6f2e2e;}
.main .right .wordlist .sendword .content{ width:380px;height:140px; overflow:hidden;}
.main .right .wordlist .sendword .content textarea{width:370px;height:130px;}

.main .right .wordlist .pagebar{ width:510px; display:inline; float:left; margin:5px;}
.main .right .wordlist .pagebar a{border:1px solid #e9e9e9; margin-left:5px; padding-top:6px;text-decoration:none;text-align:center;background:#000000;color:#257133; margin-top:2px;padding-bottom:5px;}
.main .right .wordlist .pagebar a:hover{background:#389c73;color:#2a8fca;}
.main .right .wordlist .pagebar .curr{ float:left;width:25px; height:18px;padding-left:0px;text-indent:0px;color:#000000; text-align:center;padding-top:6px; font-weight:bold; font-size:13px;margin-left:5px; border:1px solid #cccccc; background:#ffffff; margin-top:2px;}
.main .right .wordlist .pagebar .num{ float:left;width:25px; height:18px; margin-top:2px;}
.main .right .wordlist .pagebar .nxt{ float:left;  width:60px; height:18px; margin-top:2px;}

.main .picview{float:left; margin-top:3px; width:auto; height:auto; text-align:center; width:722px; margin-left:25px; display:inline;}
.main .picview img{ border:2px solid #E9E9E9; cursor:hand;}
.main .pics{ width:770px; border:1px solid #E9E9E9; margin-top:3px; height:350px; overflow:auto;}
.main .pics a{ margin-top:6px; margin-left:10px; margin-bottom:3px;}


.main .right .fpagebar{ width:510px; display:inline; float:left; margin:5px;}
.main .right .fpagebar a{border:1px solid #2d7733; margin-left:5px; padding-top:7px;text-decoration:none;text-align:center;background:#21eb1d;color:#e9e9e9; margin-top:2px;}
.main .right .fpagebar a:hover{background:#1a6520;color:#108218;}
.main .right .fpagebar .curr{ float:left;width:25px; height:19px; text-align:center;padding-top:6px; font-weight:bold; font-size:13px;margin-left:5px; border:1px solid #cccccc; background:#20eb1e; margin-top:2px;}
.main .right .fpagebar .num{ float:left;width:25px; height:18px; margin-top:2px;}
.main .right .fpagebar .nxt{ float:left;  width:60px; height:18px; margin-top:2px;}

.main .right .firends{ height:auto;}
.main .right .firends a{margin-left:16px; margin-top:10px;}

.main .right .notes{height:auto;}
.main .right .notes .row{width:517px;border:1px solid #e9e9e9;margin-left:9px;float:left;display:inline;margin-top:9px;padding-top:10px;padding-bottom:10px;background:#22ee19;}
.main .right .notes .row a{height:17px;color:#e9e9e9;float:left;overflow:hidden;font-size:14px;font-weight:bold;width:360px;padding-top:3px;white-space:nowrap;margin-left:10px;text-decoration:none;}
.main .right .notes .row a:hover{text-decoration:underline;}
.main .right .notes .row .time{height:17px;padding-top:3px;float:right;margin-right:10px;text-align:right;color:#1a9232; width:130px;overflow:hidden;font-family:Times New Roman,tahoma;}