@charset "utf-8";
/* CSS Document */

.interactive01 { background:#fff; width:940px; margin:0 auto 10px auto;}
.interactive01 .comment_top {background:url(http://topic.artron.net/images/normal/comment_top.jpg) no-repeat; height:5px; line-height:0; font-size:0;}
.interactive01 .comment_mid {background:url(http://topic.artron.net/images/normal/comment_mid.jpg) repeat-y; padding:0 40px; color:#333; zoom:1; overflow:hidden;}
.interactive01 .comment_bot { background:url(http://topic.artron.net/images/normal/comment_bot.jpg) no-repeat; height:5px; line-height:0; font-size:0;}
.interactive01 h2 {zoom:1; overflow:hidden; background:url(http://topic.artron.net/images/normal/icon.jpg) no-repeat 10px 15px; font-size:14px; font-weight:bold; padding:10px 0 20px 0;}
.interactive01 h2 span.fl{ display:block; padding-left:38px; width:100px;}
.interactive01 h2 span.fr{ display:block; padding-left:38px; width:180px; text-align:right; font-size:12px; font-weight:normal;}
.interactive01 h2 span.fr em {color:#f00; padding:0 5px; font-style:normal;}
.interactive01 h2 span.fr a {color:#21569e; margin-left:25px;}
.interactive01 li span {padding-left:10px; margin-right:20px;}
.interactive01 li em {margin-left:10px;}
.interactive01 .input_comment { border:1px solid #cbcbcb; height:18px; width:70px; padding:0 3px; color:#333;}
.interactive01 .textarea_comment { width:99%; border:1px solid #b0b3be; height:112px; padding:3px; margin-top:15px;}
.interactive01 li.bot {text-align:right; padding:10px 0; zoom:1; overflow:hidden;}
.interactive01 .but_comment { background:url(http://topic.artron.net/images/normal/but_comment.jpg) no-repeat; display:block; float:right; text-indent:-999em; border:0; width:99px; height:24px; cursor:pointer;}
.interactive01_list { border:1px solid #e2e4eb; zoom:1; overflow:hidden; padding:10px 25px 25px 25px;} 
.interactive01_list dl { border-bottom:1px dashed #bfbfbf; color:#000; line-height:24px; padding:10px 0;}
.interactive01_list dt span {margin-right:10px;}
.interactive01_list dt span.blue {color:#21569e;}
.interactive01_list dd { padding-left:24px;}

.interactive02 { background:#fff; width:940px; margin:0 auto 10px auto;}
.interactive02 .comment_top {background:url(http://topic.artron.net/images/normal/comment_top.jpg) no-repeat; height:5px; line-height:0; font-size:0;}
.interactive02 .comment_mid {background:url(http://topic.artron.net/images/normal/comment_mid.jpg) repeat-y; padding:0 40px; color:#333; zoom:1; overflow:hidden;}
.interactive02 .comment_bot { background:url(http://topic.artron.net/images/normal/comment_bot.jpg) no-repeat; height:5px; line-height:0; font-size:0;}
.interactive02 h2 {zoom:1; overflow:hidden; background:url(http://topic.artron.net/images/normal/sina.jpg) no-repeat 0 0; font-size:14px; font-weight:bold; height:67px; text-indent:-999em;}
.interactive02 li span {padding-left:10px; margin-right:20px;}
.interactive02 li em {margin-left:10px;}
.interactive02 .input_comment { border:1px solid #cbcbcb; height:18px; width:70px; padding:0 3px; color:#333;}
.interactive02 .textarea_comment { width:99%; border:1px solid #b0b3be; height:112px; padding:3px; margin-top:15px;}
.interactive02 li.bot {text-align:right; padding:10px 0; zoom:1; overflow:hidden;}
.interactive02 .but_comment { background:url(http://topic.artron.net/images/normal/but_comment.jpg) no-repeat; display:block; float:right; text-indent:-999em; border:0; width:99px; height:24px; cursor:pointer;}
.interactive02_list { border:1px solid #e2e4eb; zoom:1; overflow:hidden; padding:10px 25px 25px 25px;} 
.interactive02_list dl { border-bottom:1px dashed #bfbfbf; color:#000; line-height:24px; padding:10px 0;}
.interactive02_list dt span {margin-right:10px;}
.interactive02_list dt span.blue {color:#21569e;}
.interactive02_list dd { padding-left:24px;}
.interactive02 .blog_detail { width:90%;}
.interactive02 .blog_detail dl {zoom:1; overflow:hidden; padding:24px 0; border-bottom:1px dashed #e6e6e6;}
.interactive02 .blog_detail dt {width:50px; float:left; display:inline; padding-top:5px;}
.interactive02 .blog_detail dd {width:800px; float:right; display:inline; color:#333;}
.interactive02 .blog_detail span.name,.interactive02 .blog_detail span.topic {color:#009933;}
.interactive02 .blog_detail span.time,.interactive02 .blog_detail span.from {margin-right:25px; float:left;}
.interactive02 .blog_detail span.time,.interactive02 .blog_detail span.from em {font-style:normal; color:#999;}
.interactive02 .blog_detail span.fr a { color:#999;}
.interactive02 .blog_detail span.fr em {font-style:normal; color:#333; padding:0 5px;}

.interactive03 {zoom:1; overflow:hidden;}
.interactive03 ul { padding:12px 12px 0 12px; zoom:1; overflow:hidden;}
.interactive03 li {width:49.5%; display:inline; float:left; white-space:nowrap; overflow:hidden; line-height:26px;}
.interactive03 li span {padding-right:28px; float:left; padding-top:7px;}
.interactive03 li a { display:block; width:300px; float:left;}
.interactive03 li em { font-style:normal; float:left;}

.interactive04 {zoom:1; overflow:hidden;}
.interactive04 span { font-weight:bold; padding-left:24px; padding-right:10px; font-weight:bold; float:left;}
.interactive04 a {background:url(http://topic.artron.net/images/normal/share.gif) no-repeat; margin-right:8px; text-indent:-999em;float:left; display:inline-block; width:18px; height:18px;}
.interactive04 a.sina {background-position:0 0;}
.interactive04 a.renren {background-position:-26px 0;}
.interactive04 a.kaixin {background-position:-52px 0;}
.interactive04 a.douban {background-position:-78px 0;}
.interactive04 a.qq {background-position:-101px 0;}