@charset "utf-8";
/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
strong, b{ font-weight: bold; }
ol,ul{list-style:none}

caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:7100;}
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:12px}
q:before,q:after{content:''}
abbr,acronym{border:0}
hr {margin: 0;padding: 0;border: 0;color: #CDCDCD;background-color: #CDCDCD;height: 1px}
blockquote{color:#666;font-style:italic;}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
pre{white-space:pre;}
pre,code,tt{font:12px 'andale mono', 'lucida console', monospace;line-height:1.5}
/*clear clearfix*/
.clearfix:after {content: "\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.clearfix {zoom: 1;} 
.clear{clear:both;}
/*----public----*/
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td{font-family:Tahoma,Helvetica,Arial,sans-serif; font-size:12px; line-height:1.5;}
/*links*/

a.icon-del-simple,a.close{background:url(../img/ico.png) no-repeat; }
.sel-down{background-image:url(../img/ico.png); background-repeat:no-repeat;}
.sel-down{padding-right:10px!important; background-position: right -672px;}
.comment-expression a.sel-down{display:block; float:left; width:6px; height:16px; padding-right:4px; margin-top:6px;  }
.comment-expression{float:left; padding-top:3px; }
.comment-expression a{float:left; display:block; }
a.close{width:16px; height:16px;display:block; position:absolute; top:6px; right:6px; font-size:1px; line-height:16px; text-indent:-9999px;background-position: -4px -638px; overflow:hidden}
.comment-submit{float:right;padding-top:5px;  }
.comment-submit input{vertical-align:middle; }
.comment-submit label{margin-right:5px; vertical-align:middle;}
.more-link{text-align:right; }
.more-link a{font-weight:700;}
a.gray-l:link,a.gray-l:visited{color:#888888;text-decoration:underline;}
a.gray-l:hover{color:#888888;text-decoration:none;}
/*----header----*/
#page-body{width:950px;margin:0 auto; }
.header-new{ width:950px; margin:0 auto 10px; height:36px; background:url(http://css.sodao.com/home/img/header-bg.png) 0 0 no-repeat;}
.header-new h1{ float:left; width:150px; overflow:hidden; height:36px; position:relative; text-indent:-500px}
.header-new h1 img{ position:absolute;top:0; left:0}
#header-nav{height: 36px; margin-left:170px;  background:url(http://css.sodao.com/home/img/header-bg.png) right 0 no-repeat; position:relative; z-index:1; }
#header-nav a:link,#header-nav a:visited{color:#FFFFFF;text-decoration:none;}
#header-nav a:hover{color:#FFFFFF;text-decoration:underline;}
#header-nav .sns-nav{float:left;}
#header-nav .sns-nav li{float:left;height: 36px; padding:0 8px;}
#header-nav .sns-nav li strong{ display:inline-block; height:18px; padding-right:3px; vertical-align:middle; margin:0 0 0 2px; background:url(http://css.sodao.com/home/img/header-bg.png) no-repeat right -42px;}
#header-nav .sns-nav li strong em{ display:inline-block; float:left; padding-left:3px;background:url(http://css.sodao.com/home/img/header-bg.png) no-repeat -852px -42px; height:18px; font-size:10px; color:#E31950; line-height:12px; font-weight:700}
#header-nav .sns-nav li a.dress-link{text-decoration:underline;margin-left:10px;}
#header-nav .sns-nav li span{float:left;height:21px; display:block; padding-top:8px;*padding-top:9px; *height:20px;color:#FFFFFF; font-size:14px}
#header-nav .sns-nav li.on{background:url(http://css.sodao.com/home/img/header-bg.png) no-repeat left -36px;}

#header-nav .sns-func{ position:absolute; top:9px; right:15px; z-index:100;}
#header-nav .sns-func li.func-list{float:left; padding:0 8px;line-height:20px; font-family:"\5b8b\4f53"}
#header-nav .sns-func li.sns-setting{ border:1px solid #D1D6E2;padding:0 7px; border-bottom:none; background-color:#FFFFFF; position:relative; z-index:100 }
#header-nav .sns-func .sns-setting-box{position:absolute; top:20px; right:28px; width:66px; border:1px solid #DE0E4E; background-color:#FFFFFF; z-index:99;}
#header-nav .sns-func .sns-setting-box li.on a{background-color:#F60B42;color:#FFFFFF;}
#header-nav .sns-func .sns-setting-box a:link,#header-nav .sns-func .sns-setting-box a:visited{ display:block; height:17px; color:#555555;text-decoration:none; padding:5px 0 0 7px; line-height:1}
#header-nav .sns-func .sns-setting-box a:hover{background-color:#F74959;color:#FFFFFF;text-decoration:none;}

#main{background-color:#FFFFFF; padding:0 0 0 10px; min-height:400px; _height:400px }
#main-b{background-color:#FFFFFF;  min-height:400px; _height:400px }
/*----main layout----*/
.col-sub,.col-extra{float:left; position:relative}
.col-main{float:left;  width:100%;}
.grid-mse .main-wrap{margin-left:200px; margin-right:240px; zoom:1}
.grid-mse .col-sub{margin-left:-100%; width:180px; zoom:1}
.grid-mse .col-extra{margin-left:-230px;width:220px; padding:0 0 0 10px; zoom:1}
.grid-ms .col-main .main-wrap{margin-right:240px;zoom:1}
.grid-ms .col-sub{margin-left:-220px;width:220px;  zoom:1}
.main-wrap:after,.col-sub:after,.col-extra:after {content: "\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.grid-m{}
/*----box layout----*/
.u-base,.sns-box,.u-avatar-act{margin-top:10px; }

/*----button----*/
span.btn{display:inline-block; height:26px;padding-left:2px; vertical-align:middle; }
span.btn button{ height:26px; display:block; border:0 none; background-color:transparent; padding:0 6px 0 4px; _padding:0 3px 0 2px; margin:0px; cursor:pointer;}
span.btn-sch button{width:45px; }
span.u-name,span.u-add{display:block; height:18px;text-align:center;line-height:18px; color:#999999; padding-top:6px;  }
span.u-name{font-family:\5b8b\4f53;overflow:hidden;}
span.u-name a{ vertical-align:middle}
span.u-data{display:block; height:18px;text-align:center;line-height:18px; color:#999999; }
span.date{ color:#888888}
/*----box----*/
.sns-box{position:relative;zoom:1 }
.sns-nopad{}
.sns-box:after {content: "\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.sns-box .rp,.sns-box .lp{display:block;height:31px;width:5px; position:absolute; top:0px; }
.sns-box .lp{left:0}
.sns-box .rp {right:0}
.sns-box .hd{height:36px;}
.sns-box .hd h3{height:25px;margin:0 5px; padding-top:6px; padding-left:2px;}
.sns-box .ft{position:absolute; top:7px; right:10px;}
.sns-box .bd{padding:10px; overflow:hidden; zoom:1 }
.sns-nopad .bd{padding:10px 0 0}
span.gary{color:#999999; }


/*movement-list*/
.movement-list{margin-top:-1px; padding-top:10px;}
.movement-list li.lists{padding-bottom:10px; margin-top:5px;margin-bottom:10px; zoom:1;border-bottom:1px solid #CFDDE3; }
.movement-list li.lists .user-avatar{float:left; margin-right:10px; _margin-right:7px;  }
.movement-list .movement-content{overflow:hidden; zoom:1 }
.movement-list .title-box{position:relative; zoom:1 }
.movement-list .title-box h3{margin-left:18px; margin-left:18px;padding-right:70px; font-weight:400; zoom:1;word-wrap: break-word; word-break: normal;}
.movement-list .title-box h3 img{ vertical-align:middle}
.movement-list li .class-ico{float:left; width:16px; height: 16px; margin-top:4px}
.movement-list .title-box .feeds-time{position:absolute; top:0px; right:0; color:#888888}
.movement-list .title-box .feeds-opt{position:absolute; top:5px; right:0;}
.movement-list .title-box .feeds-opt a{display:block;float:left; width:16px; height: 16px; text-indent:-9999px; overflow:hidden;  }
.movement-list .title-box .feeds-opt a.icon-filter-simple{ background-position: 0 -600px; }
.movement-list .title-box .feeds-opt a.icon-del-simple{ background-position: -4px -638px; margin-left:5px;}
.movement-list .content-box,.movement-list .movement-foot{ margin-left:18px; margin-top:10px; }
.movement-list .movement-comment{ margin-left:18px; }
.movement-list .content-box blockquote{ font-style:normal; border-left:3px solid #E1E4EC; padding-left:5px;  }
.movement-list .content-box blockquote p{  word-wrap: break-word; word-break: normal; }

.movement-list .title-box .feeds-opt a.icon-filter-simple-on{background-position:3px -596px; width:20px; height: 20px;border:1px solid #CDCDCD; border-bottom:none;background-color:#FFFFFF; position:relative}
.filter-shield{position:absolute; top:20px; right:27px; width:88px; border:1px solid #CDCDCD; background-color:#FFFFFF; z-index:50;}
.filter-shield li.on a{background-color:#CFDDE3;}
.filter-shield a:link,.filter-shield a:visited{ display:block; height:17px; color:#555555;text-decoration:none; padding:5px 0 0 5px; line-height:1}
.filter-shield a:hover{background-color:#CFDDE3;color:#555555;text-decoration:none;}
.movement-list .title-box .feeds-opt a.icon-del-simple{ background-position: -4px -638px; margin-left:5px;}
.movement-list .content-box blockquote p img{ border: 1px solid #BBC9E2; padding:4px}
.movement-list .content-box blockquote p .statistics-img{ color:#888888}
.movement-list .photo-content img{ border: 1px solid #BBC9E2; padding:4px}
.movement-list .video-content .video-thumbnail{position:relative; width:130px}
.movement-list .video-content img{padding:4px; border:1px solid #CCCCCC;display:block;}
.movement-list .video-content em{display:block;width:38px; height: 25px; position:absolute; bottom:7px; right:7px; background:url(../img/video-play.png);text-indent:-9999px;cursor:pointer; }
.movement-list .video-content em.over{background-position: 0 -175px;}
.movement-list .video-player {float:left; position:relative; }
.movement-list .video-player a.videoClose{display:block; width:18px; height: 19px; background:url(../img/video-play.png) no-repeat 0 -25px; position:absolute; top:0px; left:100%; text-indent:-9999px; overflow:hidden}
.movement-list .gif-content{ overflow:hidden;zoom:1}
.movement-list .gif-content img{ float:left; margin-right:20px}
.movement-list .gif-content .confer-txt{ overflow:hidden; zoom:1; padding-top:10px}
.movement-list .gif-content .confer-txt p{ text-indent:2em; height:54px; overflow:hidden}

.album-ico,.journal-ico,.record-ico,.share-ico,.music-ico,.gift-ico,.organization-ico,.news-ico,.activity-ico,.parent-ico,.treasure-ico,.video-ico,.url-ico,.setting-ico,.integral-ico,.grade-ico,.lv1-ico,.lv2-ico,.lv3-ico,.lv4-ico,.invite-ico,.siteLetter-ico,.task-ico,.experience-ico,.inform-ico,.gradeup-ico,.property-ico,.send-msg-ico,.del-n-ico,.read-ico,.tip-ico,.tipphoto-ico,.friend-ico,.girl-ico,.online-ico{background-image:url(../img/ico.png); background-repeat:no-repeat;vertical-align:middle;  margin-right:3px;  }
.album-ico{background-position: 0 0px;}
.journal-ico{background-position: 0 -40px;}
.record-ico{background-position: 0 -80px;}
.share-ico{background-position: 0 -120px;}
.music-ico{background-position: 0 -160px;}
.gift-ico{background-position: 0 -200px;}
.organization-ico{background-position: 0 -240px;}
.news-ico{background-position: 0 -280px;}
.activity-ico{background-position: 0 -320px;}
.parent-ico{background-position: 0 -360px;}
.treasure-ico{background-position: 0 -400px;}
.video-ico{background-position: 0 -1120px;}
.url-ico{background-position: 0 -1080px;}
.setting-ico{background-position: 0 -480px;}
.integral-ico{background-position: 0 -520px;}
.grade-ico{background-position: 0 -560px;}
.invite-ico{background-position: 0 -1480px;}
.siteLetter-ico{background-position: 0 -1758px;}
.task-ico{background-position: 0 -1842px;}
.experience-ico{background-position: 0 -1876px;}
.inform-ico{background-position: 0 -1920px;}
.gradeup-ico{background-position: 0 -1960px;}
.property-ico{background-position: 0 -2040px;}
.send-msg-ico{background-position: 0 -2080px;}
.read-ico{background-position: 0 -2120px;}
.tip-ico{background-position: 0 -1240px;}
.tipphoto-ico{background-position: 0 -2320px;}
.friend-ico{background-position: 0 -2600px;}
.girl-ico{background-position: 0 -2640px;}
.online-ico{background-position: 0 -2760px; margin-right:0}

/*movement-comment*/
.movement-comment{width:400px; }
.movement-comment span.angle{ display:inline-block; margin-left:10px;  width:0; height:0; border:7px solid #FFFFFF; font-size:0;line-height:0; }
.movement-comment ul{ background-color:#FFFFFF;zoom:1}
.movement-comment li{ padding:6px; margin-bottom:2px; margin-top:-1px; position:relative; zoom:1 }
.movement-comment .user-avatar-small{float:left; margin-right:10px; _margin-right:7px; margin-left:0!important }
.movement-comment li p{overflow:hidden; zoom:1;  word-wrap: break-word; word-break: normal; }
.movement-comment li p img{ vertical-align:middle}
.movement-comment li.mor-link{padding-left:48px; }
.movement-comment li .close{width:16px; height:16px;display:block; position:absolute; top:6px; right:6px; font-size:1px; line-height:16px; text-indent:-9999px;background-position: -4px -638px; overflow:hidden}
.movement-comment .input-normal,.movement-comment .input-show{zoom:1}
.movement-comment .input-normal .user-avatar-small,.movement-comment .input-normal .comment-expression,.movement-comment .input-normal .comment-submit{display:none}
.movement-comment .input-normal .com-input{width:382px; height:18px;line-height:18px;  padding:3px 0 0 3px; color:#888888;border:1px solid #b6b6b6; overflow:hidden }
.movement-comment .input-show .comment-box{overflow:hidden; zoom:1 }
.movement-comment .input-show .com-input{width:339px; height:32px;line-height:16px; padding:3px 0 3px 3px; color:#888888; border:1px solid #b6b6b6; }
.movement-comment .comment-expression{float:left; padding-top:3px; }
.movement-comment .comment-expression a{float:left; display:block; }
.movement-comment .comment-expression a.sel-down{width:6px; height:16px; padding-right:4px; margin-top:6px;  }

.movement-comment .comment-submit{float:right;padding-top:5px;  }
.movement-comment .comment-submit input{vertical-align:middle; }
.movement-comment .comment-submit label{margin-right:5px; }

/*user-avatar*/
.user-avatar{width: 50px; height: 50px; margin:0 auto;position:relative;   }
.user-avatar img{display:block;}
.user-avatar span.cr-box-bor{width: 50px; height: 50px;position:absolute; top:0; left:0;background:url(../img/cr-box-bor.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://css.sodao.com/home/img/cr-box-bor.png',sizingMethod='crop'); cursor:pointer}
.user-avatar-big{width:75px; height: 75px; margin:0 auto;position:relative;   }
.user-avatar-big img{display:block;}
.user-avatar-big span.cr-box-big{width:75px; height: 75px;position:absolute; top:0; left:0;background:url(../img/cr-box-big.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://css.sodao.com/home/img/cr-box-big.png',sizingMethod='crop'); cursor:pointer}
.user-avatar-small{width:32px; height: 32px; margin:0 auto;position:relative;   }
.user-avatar-small img{display:block;}
.user-avatar-small span.cr-box-small{width:32px; height: 32px;position:absolute; top:0; left:0;background:url(../img/cr-box-small.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://css.sodao.com/home/img/cr-box-small.png',sizingMethod='crop'); cursor:pointer}
.user-avatar-biger{width:100px; height: 100px; margin:0 auto;position:relative;   }
.user-avatar-biger img{display:block;}
.user-avatar-biger span.cr-box-biger{width:100px; height: 100px;position:absolute; top:0; left:0;background:url(../img/cr-box-biger.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://css.sodao.com/home/img/cr-box-biger.png',sizingMethod='crop'); cursor:pointer}

/*cutPage*/
.cutPage{ height:40px; clear:both; padding-top:15px;font-size:12px;overflow:hidden;zoom:1; line-height:18px; text-align:center;  }
.cutPage b{display:inline-block;padding:0 8px;background-color:#fff;margin-right:3px; color:#FF0000}
.cutPage a{display:inline-block;text-decoration:none;padding:0 6px;border:1px solid #D0DEFF;background-color:#fff;margin-right:3px; }
.cutPage a:link,.cutPage a:visited{color:#555555;text-decoration:none;}
.cutPage a:hover{color:#1A7CBC;text-decoration:underline;}
.cutPage .page_go{float:right}
.cutPage .page_go .page_go_inp{ border:1px solid #D0DEFF; width:30px;height:18px;}
.cutPage .page_go .page_togo{border:1px solid #D0DEFF; background-color:#FFFFFF; height:20px;position:relative;margin:0; padding:0 5px; font-size:12px}
.cutPage .page_go input{ vertical-align:middle}
/*journal*/
.u-journal{}
.u-journal .j-item{margin-bottom:10px;padding-bottom:20px; border-bottom:1px solid #E4E4E4; }
.u-journal .j-item .j-hd{ position:relative; overflow:hidden; zoom:1; }
.u-journal .j-item .j-hd h4{ height:25px;padding-right:120px;font-size:16px;font-weight:400;overflow:hidden;padding-top:5px; }
.u-journal .j-item .j-hd h4 span,.j-tit-list span{margin-right:2px; }
.u-journal .j-item .j-hd h4 span img,.j-tit-list span img{vertical-align:-2px; }
.u-journal .j-item .j-hd .j-time{width:120px;position:absolute; top:0px; right:0px; _right:10px;text-align:right;color:#999999; padding-top:8px; }
.u-journal .j-hd .rec,.j-tit-list .rec,.u-journal .j-hd .top,.j-tit-list .top,.u-journal .j-hd .res,.j-tit-list .res{background:url(../img/journal-ico.png) no-repeat; }
.u-journal .j-hd .top,.j-tit-list .top{background-position: -19px 0;}
.u-journal .j-hd .res,.j-tit-list .res{background-position: -38px 0;}
.u-journal .j-tag-act{margin-top:8px;height:30px; }
.u-journal .j-tag-act .j-tag{float:left;}
.u-journal .j-tag-act .j-act{float:right; }
.u-journal .j-tag-act .j-act img{vertical-align:middle; display:block;float:left; margin-right:4px; }
.u-journal .j-bd p{margin-top:10px; word-wrap: break-word; word-break: normal;  }
.u-journal .j-ft{ margin-top:15px;  }
.u-journal .j-read-all{font-weight:700; font-size:14px}
.u-journal .j-ft .j-sata{float:right; }
.u-journal .j-read-all{font-weight:700; font-size:14px}
.u-journal .j-share{position:absolute; top:0px; right:10px; padding-top:8px;}
.u-journal .j-extra{margin-top:10px;  padding-bottom:10px; overflow:hidden;zoom:1 }
.u-journal .j-extra .j-time-n{margin-right:10px; }
.u-journal .j-extra .j-time-n,.u-journal .j-extra .j-class{float:left; }
.u-journal .j-extra .j-act{float:right; }
/*tabs*/
.tab-title{height: 28px; position:relative;border-bottom:1px solid #E4E4E4; }
.tab-title .tab-box{}
.tab-title .tab-box a:link,.tab-title .tab-box a:visited{color:#555555;text-decoration:none;}
.tab-title .tab-box a:hover{color:#555555;text-decoration:underline;}
.tab-title .tab-box li,.tab-title .tab-box li a,.tab-title .tab-box li.on,.tab-title .tab-box li.on a{background-image:url(../img/bg.png); background-repeat:no-repeat;}
.tab-title .tab-box li{float:left; height:28px; margin-right:4px; padding-left:15px;background-position:-350px -32px; line-height:28px;position:relative; top:1px }
.tab-title .tab-box li a{float:left;padding-right:15px; display:block;height: 28px;background-position:right -32px;}
.tab-title .tab-box li.on{background-position:-350px 0;}
.tab-title .tab-box li.on a{background-position:right 0; font-weight:700;}
.tab-title .more-app{float:right; padding-top:8px; font-family:\5b8b\4f53}
/*comment*/
.u-comment{}
.u-comment .comment-from{width:362px; margin-top:15px}
.u-comment .comment-from textarea{width:350px; height: 50px;padding:5px; border:1px solid #E4E4E4; background-color:#FFFFFF; }
.u-comment .comment-from .comment-expression{float:left; }
.u-comment .comment-from .comment-submit{}
.u-com-list{margin-top:20px; }
.u-com-list .com-item{margin-top:10px;padding-bottom:10px; position:relative; overflow:hidden; zoom:1;border-bottom:1px solid #E4E4E4; }
.u-com-list .com-item .user-avatar{float:left; margin-right:10px;_margin-right:7px; }
.u-com-list .com-box{overflow:hidden; zoom:1}
.u-com-list .com-box p{ word-wrap: break-word; word-break: normal; padding-right:20px}
.u-com-list .com-box p img{ vertical-align:middle}
.u-lists li{width:33%;float:left;height:100px;margin-bottom:10px;    }
.u-lists li .user-avatar{margin:0 auto; }

.u-friend{}
.u-friend-public .u-lists li,.u-friend .u-lists li{width:33%;float:left;height:76px;margin-bottom:10px;    }
.u-friend dl{margin-bottom:10px; }
.u-friend dt{padding-bottom:5px}
.u-friend dd{line-height:16px; padding-bottom:8px}

#foot{height:110px; text-align:center; line-height:50px }
#foot a{ margin-right:10px}

/*toolbar-h*/
#toolbar-h{height:35px; position:fixed;_position:absolute; top:0px; left:0px;  width:100%; z-index:10;}
.toolbar-box{padding:0 30px 0 10px; height:35px; background:url(../img/toolbar.png) repeat-x;}
.panel-flex{ position:absolute; top:0; right:0; padding:10px 0 0 5px; _padding:12px 0 0 5px;}
.panel-flex img{ background:url(../img/ico.png) 0 -2440px; cursor:pointer; width:16px; height:16px}
.panel-flex img.icon_toolbar_down{ background:url(../img/ico.png) 0 -2480px;}
#toolbar-h a:link,#toolbar-h a:visited {color:#666666;text-decoration:none; padding:2px 5px}
#toolbar-h a:hover {color:#666666;text-decoration:underline;}
#toolbar-h a strong{ color:#F00}
#toolbar-h a.sel-down{ border:1px solid #E5E5E5; padding:1px 11px 2px 4px;}
#toolbar-h a.app{ border:1px solid #CDCDCD; background-color:#FFF; padding:1px 11px 2px 4px; border-bottom:none; position:relative; z-index:100;}
#toolbar-h .application-box{ position:absolute; top:25px; right:35px; *right:37px;_right:34px; z-index:99; width:80px; background:#FFF; border:1px solid #CDCDCD}
#toolbar-h .application-box a:link,#toolbar-h .application-box a:visited{ display:block; height:17px; color:#555555;text-decoration:none; padding:3px 0 3px 5px; line-height:1}
#toolbar-h .application-box a:hover{background-color:#CFDDE3;color:#555555;text-decoration:none;}
#toolbar-h .site-nav{float:left;margin-top:8px;}
#toolbar-h .site-nav a img{  margin-bottom:-5px; background-image:url(../img/ico.png)}
#toolbar-h .site-nav .homepage{ background-position: 0 -2520px}
#toolbar-h .site-nav .space{background-position: 0 -2560px}
#toolbar-h .user-act{float:right; padding-top:6px; line-height:20px }
#toolbar-h .user-act img.user-p{padding:1px; border:1px solid #CDCDCD; background-color:#FFFFFF;  margin-top:-2px; float:left}
#toolbar-h .user-act a.user-name:link,#toolbar-h .user-act a.user-name:visited {color:#FF0000;font-weight:700;text-decoration:none;}
#toolbar-h .user-act a.user-name:hover {color:#FF0000;text-decoration:underline;}
#toolbar-h .user-act .application-box img{ vertical-align:middle; margin-top:2px}

.j-com .bd li{zoom:1; padding-bottom:6px; margin-top:10px; border-bottom:1px solid #CFDDE3; }
.j-com .bd li .user-avatar-small{float:left; margin-right:10px; }
.j-com .bd li p{overflow:hidden; zoom:1;line-height:16px; }
.j-com .bd li .j-com-u{clear:both; padding-top:5px; text-align:right; color:#999999; }
.j-com .bd li .j-com-u a{float:left; }
/*tip-box*/
.tip-box{ padding:10px;background-color:#FEF8E0; border:1px solid #EEE7CA; margin-top:10px }
.tip-box-s{ padding:5px;background-color:#FEF8E0; border:1px solid #EEE7CA; margin-top:10px; line-height:1}
.mes-statistics{ padding-left:10px;margin-top:10px; height:30px; line-height:30px; border-bottom:1px solid #CFDDE3;}

.expression-box{background-color:#F5F7F9; width:244px; position:absolute;}
.expression-box table{border: 1px solid #D1D6E2;border-collapse:collapse;}
.expression-box table td{border: 1px solid #D1D6E2; background-color:#FFFFFF;}
.expression-box .expression-list{position:relative; top:-2px; left:-2px}
.expression-box .cut-p{background-color:#FFFFFF;border:1px solid #D1D6E2; border-top:none; height:25px;text-align:right; line-height:25px; padding-right:5px;   }


.share-win li{ clear:both; padding-bottom:8px}
.share-win li .lables{ width: 60px; text-align:right; display:block; float:left}
.share-win li textarea{ width:253px; height:65px; background-color:#FFFFFF; border: 1px solid #B6B6B6}
.share-win li .share-ti{ background-color:#EAF0F4;width:245px; float:left; overflow:hidden;zoom:1; padding:5px; position:relative; _left:2px}
.share-win li .share-ti p{ margin-top:5px}
.share-win li .share-ti input{ height:18px;  background-color:#FFFFFF; border: 1px solid #B6B6B6; width:240px; padding:2px 0 0 3px}
/*friend-win*/
.friend-win{}
.friend-win .user-avatar{float:left; margin-right:10px; _margin-right:7px; }
.friend-win p strong{ color:#F8466F; line-height:22px;}
.friend-win .fri-inspect{overflow:hidden; zoom:1}
.friend-win .fri-inspect textarea{width:260px; height:48px; padding:2px 0 0 3px; border:1px solid #D1D6E2;}
.friend-win .win-txt{line-height:25px;  }
.friend-win .del-tip{ margin:10px 0}
.friend-win .del-tip span{ color:#999999}
.friend-win .select-friend-class{ background-color:#F9FBFC; border:1px solid #D1D6E2; padding:5px;  clear:both}
.friend-win .friend-class-list li{ float:left; width:33%; line-height:22px}
.friend-win .friend-class-list li input,.friend-win .friend-class-list li label{ vertical-align:middle}
.friend-win .creat-gr-box{margin-top:10px;}
.friend-win .win-creat-gr{padding-left:16px; background-image:url(../img/ico.png); background-repeat:no-repeat;background-position:0 -2675px; margin-left:3px; padding-top:2px }
.friend-win .win-creat-gr a{}
.friend-win .creat-gr-input{ _margin-left:1px}
.friend-win .creat-gr-tip{padding:5px; margin-top:10px;background-color:#FEF8E0; border:1px solid #EEE7CA; }
.friend-win .gr-input{width:100px; height:16px; padding:2px 0 0 3px;border:1px solid #D1D6E2;}
.friend-win .creat-gr-input input{vertical-align:middle; }
.friend-win .right-ico{ background-image:url(../img/ico.png); background-repeat:no-repeat; background-position: 0 -1040px; width:20px}
.friend-win .user-info{ border-bottom:1px dashed #D1D6E2; padding-bottom:8px}
.friend-win .user-info h4{ color:#FF0000}
.friend-win p.tip-txt{ line-height:30px}
.friend-win p.tip-txt span{ color:#FF0000}
.friend-win .account-txt{width: 323px;height:80px; border:1px solid #BBBBBB; padding:2px 0 0 3px; margin-top:10px}
.selector{width:301px; border:1px solid #CDCDCD; padding:0px 23px 2px 2px; overflow:hidden; position:relative; }
.selector ol.tokenList li span a.x,.selector a.toggle-d,.selector a.toggle-u{background-image:url(../img/ico-c.png); background-repeat:no-repeat; }
.selector a.toggle-d,.selector a.toggle-u{background-color:#FFFFFF;  bottom:1px; cursor:pointer; display:block; height:20px; overflow:hidden; position:absolute; right:1px; text-indent:-9999px; width:21px; z-index:2;}
.selector a.toggle-d:hover,.selector a.toggle-u:hover{background-color:#CCCCCC; border:1px solid #BBBBBB;}
.selector a.toggle-d{background-position: 6px -76px;}
.selector a.toggle-d:hover{background-position: 6px -116px;}
.selector a.toggle-u{background-position: 6px -156px;}
.selector a.toggle-u:hover{background-position: 6px -196px;}
.selector ol.tokenList li{float:left; margin:2px 2px 0 0;height: 20px;padding-left:5px; height:20px;background-color:#F0F4F7; border:1px solid #CFDDE3; }
.selector ol.tokenList li span{ display:inline-block; height:17px; line-height:1;padding-top:3px; line-height\**\:22px\9; background-image:url(bg.png); background-repeat:no-repeat; background-position:right 0; padding-right:5px; white-space:nowrap;}
.selector ol.tokenList li span a.x{display:inline-block;_display:inline; width:9px;height:9px;vertical-align:middle;cursor:pointer; margin-left:5px;font-size:1px; line-height:1px; zoom:1;background-position: 0 0;}
.selector ol.tokenList li span a.x:hover{background-position: 0 -40px;}
.selector ol.tokenList li.input-li{float:left; margin:2px 2px 0 0;height: 20px;padding-left:0; height:20px;background-color:transparent; border:none; }
.selector ol.tokenList li.input-li input{width:80px;height:18px;margin:0;padding:0;border:0;outline:0;}

.che-friend{width:326px; position:absolute; background-color:#FFFFFF;border:1px solid #CFDDE3; }
.che-friend .che-tit{ height:26px; text-align:right; padding:4px 10px 0; background-color:#F0F4F7; border-bottom:1px solid #CFDDE3;  }
.che-friend .che-tit span{float:left;}
.che-friend .che-friend-list{height:168px;  overflow-y:scroll; padding-left:5px; }
.che-friend .che-friend-list li{width:98px; height:24px; padding-top:3px; float:left; border-bottom:1px solid #EEEEEE;}
.che-friend .che-school-list{height:168px;  overflow-y:scroll; padding-left:5px; }
.che-friend .che-school-list h4{ font-size:12px; padding-top:6px}
.che-friend .che-school-list ul{ overflow:hidden;zoom:1; border-bottom:1px solid #EEEEEE;}
.che-friend .che-school-list li{width:48%; height:24px; padding-top:3px; float:left; }
.che-friend input,.che-friend label{vertical-align:middle; }
.che-friend .cut-p{height:26px; position:relative;   padding:4px 10px 0;background-color:#F0F4F7; border-top:1px solid #CFDDE3; margin-top:-1px; text-align:center;  }
/**/
.share-album .album-thumbnail{width:136px; height:121px; float:left; margin-right:10px; background:url(../img/bg.png) no-repeat 0 -40px;}
.share-album .album-thumbnail img{display:block; margin-top:22px;margin-left:7px;   }
.share-summary{padding:8px 0 5px; clear:both;  word-wrap:break-word; word-break:normal;}
.share-music a:link,.share-music a:visited{ color:#666666;width:56px; height:20px; background:url(../img/share-play.png) no-repeat; padding:10px 0 0 33px; line-height:1; display:block;}
.share-music a:hover{color:#666666;text-decoration:none;background:url(../img/share-play.png) 0 -30px no-repeat;}


span.tip-normal,span.tip-right,span.tip-error{ display:inline-block; height:17px; margin:3px 0 05px; line-height:1; vertical-align:middle; padding-top:7px; background-image:url(../img/ico.png); background-repeat:no-repeat}
span.tip-normal{color:#888888}
span.tip-right{ padding-left:18px; background-position: 0 -2834px;_background-position: 0 -2832px; color:#54903F}
span.tip-error{ padding-left:18px; background-position: 0 -2795px;_background-position: 0 -2793px; color:#FF3333}