﻿body{ font-size:12px; font-family:"宋体", Arial, Helvetica, sans-serif; color:#333; background:#fff; background:url(00.jpg) center top; text-align:center; background-attachment: fixed;}
body,form,p,ol,ul,p,h2,h3,h4,li,dt,dd,dl{margin:0;padding:0;}
h3{ font-size:14px;}
img,fieldset{border:none; display:block;}
ul,dd,dl,dt,ol{list-style-type:none;}
em{font-style:normal;}
a:link,a:visited{text-decoration:none; color:#333;}
a:hover{text-decoration:underline; color:#c00;}
.cl{ clear:both;}

/* top */
.topnav{ background:#3DBBA6;}
.topnav ul{ overflow:hidden; zoom:1; height:22px; line-height:22px; padding:2px 10px 0;}
.topnav li{ float:left;}
.topnav li.t1{ float:right;}
.topnav li a{ margin:0 3px;}
.topnav li a:link,.topnav li a:visited{ color:#fff;}

.header{ position:relative; height:130px; margin:0 auto; width:950px;}
.toppic{ margin:18px auto 0; width:950px; display:block;}
.toppic img{ width:950px; height:100px;}
.header .ts{ position:absolute; top:-13px; *top:5px; right:0px; width:380px; height:65px; text-align:center; border:1px solid #cfc143; background:#fffce1; overflow:hidden; font-size:14px;}
.header .ts p{ text-align:right; padding:5px; height:10px;}
.header .ts p .ts_a,.header .ts p .ts_a:visited{ display:block; background:url(../../images/del.gif) no-repeat; width:12px; height:12px; line-height:12px;font-size:0px; float:right;}
.header .ts p .ts_a:hover{ background:url(../../images/del.gif) no-repeat 0px -24px; text-decoration:none;}
.header .ts input{ background:url(../../images/xufei.gif) no-repeat; width:50px; height:24px; color:#FFF; border:none;}
.mainnav h1{ font-size:14px; color:#4E6E69; float:left; width:260px; padding:0px 0 0 15px; *padding-top:8px; text-align:left;}
.mainnav{ background:url(sk1_05.gif) repeat-x; height:30px; border-top:1px solid #8ED7CF; border-bottom:1px solid #8ED7CF; overflow:hidden; width:950px; margin:0 auto;}
.mainnav ul{ width:500px; margin:0 auto; font-size:14px; padding-top:2px; float:right;}
.mainnav li{ float:left; line-height:30px; margin:0 6px; display:inline;}

.content{ text-align:left; width:950px; margin:10px auto; overflow:hidden; zoom:1;}
.main{ width:670px; float:right; overflow:hidden;}
.right{ width:270px; float:left; overflow:hidden;}
.right dl dt img{ cursor:pointer; display:inline;}
/* left */
.box,.rig,.mid{ border:1px solid #8ED7CF; margin-bottom:10px; padding-bottom:8px; background:#fff;}
.box h3,.rig h3,.message h4,.mid h3{ background:url(sk1_09.gif) repeat-x; height:21px; line-height:21px; padding:3px 20px 0 20px; border-bottom:1px solid #8ED7CF; color:#4E6E69;}
.box h3 a,.rig h3 a,.mid h3 a,.box h3 a,.rig h3 a:visited,.mid h3 a:visited{ float:right; font-size:12px; font-weight:normal; margin-top:1px;}
.box h3 .h3_a1,.box h3 .h3_a1:visited{float:left; font-size:14px; font-weight:bold;}
.box h3 .h3_a2,.box h3 .h3_a2:visited,.box h3 .h3_a2:hover{display:inline; float:none; cursor: default; text-decoration:none;}


.song{ width:100%; font-size:12px;}
.song tr:hover{ background:#f6f6f6;}
.song tr th{ background:#f6f6f6; border-bottom:1px solid #ddd; line-height:23px; padding-top:2px;}
.song tr td{ border-bottom:1px dashed #ddd; line-height:23px; padding-top:2px;}
.song tr td img{ display:inline;}
.pl_button{ font-size:12px;overflow:hidden; zoom:1;}
.pl_button dl{ overflow:hidden; zoom:1; padding:8px 8px 0px 0;}
.pl_button a,.pl_button a:visited,.user_photo ul li,.user_info ul li{ background:url(sk1_20.gif) repeat-x; display:block; height:15px; overflow:hidden; float:left; padding:2px 8px 0; margin:0 0px 0 10px; border:1px solid #9EDDD3;}

.pl_button dl dt{ float:left;}
.pl_button input{ float:left;}
.pl_button span{ display:block; float:right; padding-right:15px;}
.pl_button span a,.pl_button span a:visited{ background:none; display:inline; padding:0px; float:none; border:none; margin:0px; font-size:13px; color:#026e5d;}
.song_list{ overflow:hidden; zoom:1;}
.yc_page{ float:left; overflow:hidden; width:305px;}
.page_list{ float:right; padding:8px 10px 0 0; display:inline; overflow:hidden;}


.log dl{ padding:10px 15px 0;}
.log dl dt{ font-size:14px; font-weight:bold; border-bottom:1px solid #ddd; padding:0 0 2px 6px;}
.log dl dt a.log_rt{ float:right; font-size:12px; font-weight:normal; margin-top:2px;}
.log dl dt span{ font-size:12px; color:#888; font-weight:normal; margin-left:6px;}
.log dl dd{ padding:6px 8px; line-height:160%; text-indent:2em;}

.log .wb{ padding:10px 15px 5px;line-height:160%;}
.log .wbMore{ border-bottom:1px dashed #ccc;}
.ting{ background:url(../../images/wb01.gif) no-repeat 0 4px; width:18px; height:16px; display:inline-block; font-size:0; line-height:0;}
.log .wb a{ color:#026e5d; padding-right:5px;}
.log .wb a.wb_a5{ font-weight:bold;}
.log .wb a.wb_a1{ padding:0px 5px 0px 25px; background: url(../../images/wb01.gif) no-repeat 4px 0px; }
.log .wb a.wb_a2{ padding:0px 5px;}
.log .wb a.wb_a3{ display:block; float:right;}
.log .wb a.wb_a4{ display:block; float:right; color:#999;}
.log .wb a.wb_a4:hover{ text-decoration:none;}
.log .wb b{ font-weight:400; color:#999;}
.log .wb_con{ text-indent:0px; padding:6px 8px 5px;}
.log .wb_p{ border:1px solid #eee; background:#f7f7f7; margin:5px 0px 0px; padding:5px 8px;}

.log .wb_pl{ padding:5px; margin:10px 60px; overflow:hidden;zoom:1;border:1px solid #ddd; background:#f7f7f7;}
.log .wb_pl a{ color:#026e5d; padding-right:5px;}
.log .wb_pl .wb_tx{ float:left; margin:3px 8px 0px 0px; display:block; padding:0px;}
.log .wb_pl .wb_close{ float:right;display:block; padding:3px;}
.log .wb_pl .wb_plcon{ margin:3px 5px 0px;padding:5px 0px 10px; background:url(../../images/wb03.gif) repeat-x bottom;overflow:hidden;zoom:1;}
.log .wb_pl .wb_plcon span{ display:block; float:left;}
.log .wb_plcon1{clear:both; margin:0px 45px; background:#fff; border-bottom:1px solid #eee;overflow:hidden;zoom:1;padding:5px;}
.log .wb_plcon2{background:#fff; text-align:right; padding-right:5px;margin:0px 45px;}
.log .wb_pl textarea{ width:480px; *width:476px; height:45px; overflow:auto;}
.log .wb_pl .wb_plcon textarea{ width:380px; *width:376px; height:24px; line-height:24px; overflow:auto;}
.photo ul{ overflow:hidden; zoom:1; padding:15px 0 0 14px;}

.photo ul li{ float:left; width:138px; height:142px; margin:0 11px; background:url(../../images/pho3.gif) no-repeat; text-align:center; white-space:nowrap; overflow:hidden; display:inline; text-overflow:ellipsis;}
.photo ul li a img{ padding:10px 5px 10px 5px; margin-bottom:0px; max-width:128px; max-height:98px; vertical-align: middle; zoom: expression( function(elm) { if (elm.width > 100 || elm.height > 100 ){ if (elm.width>elm.height) { elm.width=100; } else{ elm.height=100; } } elm.style.zoom = '1'; }(this) ); }

//.photo ul li{ float:left; width:138px; margin:0 11px; text-align:center; white-space:nowrap; overflow:hidden; display:inline; text-overflow:ellipsis;}
//.photo ul li a img{ background:url(../../images/pho3.gif) no-repeat;  width:128px; height:98px;  padding:20px 5px 24px 5px; margin-bottom:5px;}

.photo ul li a .photo1_xp{ border:1px solid #ddd; background:#fff; padding:5px; width:126px;height:105px;}
.photo .pl_button{ padding:8px 0 0 14px;}
.photo1 .user_pic{width:239px; margin:8px auto 0; background: url(../../images/pho3a.gif) no-repeat center; height:240px; overflow:hidden;}
.photo1 .user_pic img{ width:160px; height:160px; margin:36px 0 23px 39px;}

.music ul{ overflow:hidden; zoom:1; padding:10px 10px 3px; border-bottom:1px dashed #ddd;}
.music ul li{ float:left; width:155px; margin:0 0 6px; display:inline; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.music .pl_button{ padding:8px 0 0 10px;}

.message ul{ padding-top:5px;}
.message ul li{ border-bottom:1px dashed #ddd; line-height:22px; padding:3px 15px 0 0; text-indent:12px; overflow:hidden; zoom:1;}
.message ul li:hover{ background:#f6f6f6;}
.message ul li span{ float:left;}
.message ul li a{ float:right;}
.message ul li img{ display:inline;}
.message ul li em{ float:right; color:#888;}
.message h4{ font-size:14px;}
.msg_vel{ overflow:hidden; zoom:1; padding:3px 15px 5px;clear:both;}
.msg_vel textarea{ width:629px; height:100px; border:1px solid #ccc; padding:3px 2px 2px 3px; font-size:12px; color:#333; overflow-y:hidden;}
.login{ padding:8px 0 4px 15px;}
.login input{ border:1px solid #ccc;}
.sub{ padding-left:15px; margin-bottom:3px;}
.sub button{ padding:2px 6px 0; font-size:12px;}

/* right */
.rig h3{ padding-left:15px; padding-right:12px;}
.user h3{ font-size:12px; overflow:hidden; zoom:1;}
.user h3 span{ font-weight:normal; display:block; float:left; white-space:nowrap; overflow:hidden; width:213px;}
.user_info h2{ font-size:14px; padding:0px 0 4px 15px;}
.user_info h2 span{ font-size:12px; font-weight:normal;}
.user_pic,.user_photo dl dt div{ width:239px; margin:8px auto 0; background: url(../../images/pho_bg.gif) no-repeat; height:240px; overflow:hidden;}
.user_pic img,.user_photo dl dt div img{ border:1px solid #ddd; width:182px; height:182px; margin:29px 0 23px 27px;}
.user_info ul{ overflow:hidden; zoom:1; width:190px; margin:0px auto 8px 35px;}
.user_info ul li{ float:left; padding:2px 15px 0px; margin:3px 6px;}
.user_mode{ clear:both; margin-left:20px; margin-right:20px; line-height:22px;}

.intro p{ padding:8px 8px 0 10px; line-height:160%;}
.friend ul,.fans ul,.quan ul{ overflow:hidden; zoom:1; padding:6px 0 1px 8px;}
.friend ul li,.fans ul li,.friend_list ul li,.quan ul li{ float:left; text-align:center; width:54px; margin:5px 4px 3px 5px; display:inline;white-space:nowrap; overflow:hidden;}
.friend ul li a img,.fans ul li a img,.friend_list ul li a img,.quan ul li a img{ width:48px; height:48px; padding:2px; border:1px solid #ddd;}
.friend_list ul li{height:90px;}
.friend ul li a:hover img,.fans ul li a:hover img,.friend_list ul li a:hover img,.quan ul li a:hover img{ display:block; background:#f4f4f4; border:1px solid #8ED7CF;}

.guest ul{ padding-top:5px;}
.guest ul li{ overflow:hidden; zoom:1; line-height:22px; padding:3px 8px 0; border-bottom:1px dashed #ddd;}
.guest ul li:hover{ background:#f6f6f6;}
.guest ul li a{ float:left;}
.guest ul li span{ float:right; color:#888;}

.footer{}
.bottom_link{ line-height:22px; padding-top:3px;}
.bottom_link a{ margin:0 2px;}
.footer p{ margin:20px 0 15px;}

/* 内页开始 */
/* 资料 */
.mid{ overflow:hidden; zoom:1;}
.user_photo{ width:290px; float:left; margin-right:20px; display:inline; font-size:14px;}
.user_intro{ float:right; width:630px; margin-bottom:20px; font-size:14px;}
.user_intro img,.user_info img{ display:inline;}
.user_intro dl{ line-height:180%;}
.user_intro dl dt{ font-weight:bold; margin-top:20px;}
.user_intro dl dd{ margin-left:50px;}

.user_photo dl dt{ font-size:12px; margin:15px 0 0 0;}
.user_photo ul{ width:190px; margin:5px auto 0; overflow:hidden; zoom:1;}
.user_photo ul li{ padding:2px 15px 0px; margin:3px 6px;}

.user_photo dl dd{ width:220px; margin:20px auto 0; line-height:160%;}
.user_photo dl dd strong{ display:block;}
/* 翻唱、原唱、伴奏 */
.stat dl{ border-bottom:1px dashed #ccc; line-height:160%; padding:8px 9px 2px;}
.stat dl:hover{ background:#f6f6f6;}
.stat dl a:link,.stat dl a:visited,.friend_list dl a:link,.friend_list dl a:visited,.lyc_list dl a:link,.lyc_list dl a:visited{ color:#026E5D}
.stat dl a:hover,.friend_list dl a:hover,.lyc_list dl a:hover{ color:#c00;}
.stat dl dt{ margin:3px 0;}
.stat dl dd{ color:#888;}
/* 照片、专辑 */
.photo_list ul li{ margin-top:10px; margin-bottom:6px;}
.page{ text-align:center; margin:12px 0 4px; background:#f6f6f6; padding:0px 0 2px 0;}
.page span{ color:#c00;}
.stat ul{ line-height:180%; padding:8px 0 5px 0px;}
.stat ul li{ border-bottom:1px dashed #ccc; padding:4px 0 2px 16px;}
.stat ul li:hover{ background:#f6f6f6;}
.stat ul li span{ color:#888;}

.club ul{ padding:15px 0 20px 30px;}
.club ul li{ font-size:12px; margin:10px 19px 3px; width:75px;}
.club ul li a img{ width:65px; height:65px;}

.friend_list ul{ overflow:hidden; zoom:1; padding:10px 0 2px 18px;}
.friend_list ul li{ width:71px; margin:8px 10px;}
.friend_list ul li a img{ width:65px; height:65px; margin-bottom:2px;}

.zj_img{ float:left; padding:10px; margin-right:10px;}
.zj_img img{ width:200px; height:200px; border:3px solid #ccc;}
.zj_text{ line-height:26px; padding:10px;}
.zj_text h4,.zj_about h4,.zj_text a,.zj_text a:visited,.zj_ablut a,.zj_ablut a:visited,.open a{ color:#026e5d;}
a:hover{text-decoration:underline; color:#c00;}
.zj_about{ line-height:26px; padding:10px;}
.zj_about .open{ text-align:right;}
.zj_about p{ text-indent:24px;}
/* 歌词、日志 */
.lyc_list dl{ padding:8px 12px 2px 14px; border-bottom:1px dashed #aaa;}
.lyc_list dl dt{ font-size:14px; font-weight:bold; margin:8px 0 8px 0;}
.lyc_list dl dt a{ text-decoration:underline;}
.lyc_list dl dd{ color:#999;}
.lyc_list dl dd.lyc_d2{ margin:14px 0 18px 0; color:#000; font-size:14px; line-height:140%;}
.lyc_list dl dd.lyc_d3{ text-align:right; margin-top:2px;}
.times{ text-align:center; margin:15px 0 0px 0; border-bottom:1px solid #ccc; padding-bottom:15px;}
.lyc_list dl dd.lyc_d2 p{ text-indent:24px; padding:0px 0px 15px; line-height:24px; }
.lyc_list dl dd.lyc_d5{ text-align:left; padding-bottom:5px;}
.lyc_list dl dd.lyc_d5 span{ float:right; display:block; color:#962973;}
.lyc_list dl dd.lyc_d5 span a img{ display:inline; margin:0px 5px; vertical-align:middle;}
.lyc_list dl dd.lyc_d4{ line-height:30px;}
.banner{ text-align:center; padding-top:5px;}
.logcon_ul{ line-height:24px; padding:5px 10px;}
.logcon_ul a{ color:#026e5d; font-size:14px;}

/* 留言、店铺 */
.friend_list dl{ border-bottom:1px dashed #aaa; line-height:140%;}
.friend_list dl dt{ padding:10px 10px 6px 15px;}
.friend_list dl dd{ text-align:right; color:#888; padding-right:10px;}
.friend_list dl dt img{ display:inline;}

.wint{ height:150px; line-height:140px; text-align:center; font-size:14px;}
.wint a{ font-weight:bold;}
.face_tit{ overflow:hidden; zoom:1; width:668px;}
.face_tit .login{ float:left;}
.face_tit .stick_face{background:url(../../images/face_bg.gif) no-repeat;width:101px;height:25px;overflow:hidden;float:right;margin:4px 17px 2px 0;}
.face_tit .stick_face a{display:block;font-size:14px;line-height:27px;text-indent:35px;}

.face_all{ width:312px; overflow:hidden; zoom:1; float:right; border:1px solid #ddd; background:#f5f5f5; padding:6px 4px 4px 6px; margin-right:17px;}
.face_all img{ float:left; margin:3px; cursor:pointer; *display:block;}
.w25{ padding-left:22px;}
.gb_pinl{ background:url(../../images/m_13.gif) no-repeat right 1px; padding-right:11px; margin-left:10px;}
.gb_face{ width:252px; height:96px; margin-top:4px;}
.msg_vel{ float:left;}
.guest_con{zoom:1}
.guest_img1{ display:block; float:left; margin-right:5px; border:1px solid #ccc; width:32px;}
.guest_p1{ float:left;width:880px; padding-bottom:10px;}
.guest_p2{ float:left;width:600px; padding-bottom:10px;}
.msg_book_box{ margin:0px 0 0 40px; width:500px; clear:left;}


.msg_book{ width:495px; background:#fff; overflow:hidden; zoom:1; margin:0 0 3px; padding:6px 7px 5px 9px;}
.book_my{ background:#fff;}
.book_name{ float:right; width:450px; color:#aaa; margin-bottom:3px;}
.book_d1,.book_d2{ float:right; width:450px; overflow:hidden; line-height:1.3; color:#999;}
.msg_book .book_d1{ float:left; width:45px; margin-top:0px;}
.book_reply,.book_reply1{ width:497px; padding:7px; background:#f7f7f7; overflow:hidden; zoom:1; margin-left:40px; *display:inline;}
.book_reply textarea{ width:492px; padding:2px; height:30px; border:1px solid #ccc; margin-bottom:5px; font-size:12px; color:#666; overflow-y:hidden;}
.book_reply1 textarea{width:492px; padding:2px; height:20px; border:1px solid #ccc; font-size:12px; overflow-y:hidden; line-height:20px; color:#999;}
.book_rdel{ float:right; text-indent:-9999px; display:block; width:12px; height:12px; overflow:hidden; background:url(../../images/del.gif) no-repeat 0 1px;}
.book_rdel:hover{ background:url(../../images/del.gif) no-repeat 0 -24px;}
.book_del{ color:#d1d1d1; margin:12px 0;}
.book_del a:link,.book_del a:visited{ color:#8690A5;}
.submit{ background:url(../../images/submit.gif) no-repeat; color:#fff; width:50px; height:24px; border:none; padding:0; margin:0; cursor:pointer; float:right;}
.submit:hover{ background:url(../../images/submit2.gif) no-repeat;}

.tishi_bg{ overflow:visible; position:absolute; top:0; left:0; height:0; width:100%; z-index:101;}
.tishi{ width:365px; position:relative; margin:auto; height:0; overflow:visible; text-align:left;}
.tishi_content{ table-layout:fixed; direction:ltr; border-collapse:collapse; margin:auto; width:100%;}.ts_ct_md{ background:#fff;}
.ts_ct_md h2{ font-size:14px; background:#006C00; color:#fff; border:1px solid #555; height:25px;padding:10px 0 0 15px;}
.ts_ct_md h2 .book_rdel{ margin:0px 5px 0 0; display:block;}
.ts_top_lt,.ts_top_rt,.ts_dw_lt,.ts_dw_rt{ height:10px; width:10px !important; overflow:hidden; padding:0 !important}
.ts_top_lt,.ts_top_md,.ts_top_rt,.ts_ct_lt,.ts_ct_rt,.ts_dw_lt,.ts_dw_md,.ts_dw_rt{background: url(../../images/ts_bg.png) no-repeat ;}
.ts_top_md,.ts_dw_md{ background-repeat:repeat-x; background-position:0 -40px;}
.ts_top_rt{ background-position:0 -10px;}
.ts_ct_lt,.ts_ct_rt{ background-repeat:repeat-y; background-position:-10px 0;}
.ts_dw_lt{ background-position:0 -20px;}
.ts_dw_rt{ background-position:0 -30px;}
.ts_main{ padding:15px 15px 25px;}
.ts_main ul{ width:250px; margin:0 auto;}
.ts_main li strong{ font-weight:400;}
.ts_main li input{ border:1px solid #aaa; padding:3px;}
.ts_bnt{ padding:5px; text-align:center;}
.doing_zhuan textarea{ height:50px; padding:3px 2px 2px 3px; border:1px solid #aaa; font-size:12px; overflow-y:auto; width:307px; background:#FFFFF7; color:#666;}
.doing_zhuan textarea:hover{ border:1px solid #FA9C1D;}
.doing_zhuan dl{ line-height:1.3;}
.doing_zhuan dl dd{ text-align:right; color:#080; margin:3px 0 0;}
