.clear { clear: both; }
.member_img { border-radius: 50%; }
.member_img2 { width: 40px; height: 40px; border-radius: 50%; }
.sidebar-panel { margin-bottom: 10px; }

.button1 { background: #686868; color: #fff !important; text-decoration: none !important; padding: 8px 10px; display: inline-block; }
.button1:hover { opacity: 0.8; filter: alpha(opacity=80); }
.button1 i { font-size: 18px; }

.share2 { margin: 0; padding: 0; list-style: none; float: right; }
.share2 > li { float: left; margin-left: 5px; }
.share2 > li.alt { line-height: 30px; font-weight: bold; padding-right: 5px; }
.share2 > li > a { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #fff; }
.share2 > li > a:hover { opacity: 0.8; filter: alpha(opacity=80); }
.share2 > li > .fb { background: #2c5f9f; }
.share2 > li > .tw { background: #4bc3f7; }
.share2 > li > .gg { background: #dd4b39; }

.edit_content {
	width: 15px;
	height: 15px;
	display: none;
	background: url("../images/edit2.jpg") no-repeat 0 0;
	outline: medium none;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
}
.edit_content:hover  { background-position: -0px -15px; }
.edit_content span { margin-left: -3000px; }

.delete_content,
.delete_comment,
.delete_comment2,
.informdelete_comment {
	width: 15px;
	height: 15px;
	display: none;
	background: url("../images/close1.gif") no-repeat 0 0;
	outline: medium none;
	float: right;
	margin-top: 5px;
}
.delete_content:hover,
.delete_comment:hover,
.delete_comment2:hover,
.informdelete_comment:hover { background-position: -0px -45px; }
.delete_content span,
.delete_comment span,
.delete_comment2 span,
.informdelete_comment span { margin-left: -3000px; }

.topic_title { float: left; color: #4fc3f7; font-weight: bold; margin: 0; padding: 0; }
.topic_subtitle { clear: both; color: #afaeaf; font-size: 12px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #dbdbdb; }
.topic_subtitle > i { font-size: 10px; }
.topic_foot { color: #afaeaf; font-size: 12px; padding-bottom: 10px; margin: 20px 0; border-bottom: solid 1px #dbdbdb; }
.topic_foot span { padding-left: 10px; }

.box_comment .detail_foot { color: #afaeaf; font-size: 12px; padding-bottom: 10px; margin: 20px 0; border-bottom: solid 1px #dbdbdb; }
.box_comment .detail_foot span { padding-left: 10px; }
#show_comment_wrap { text-align: center; }
#comment_list .box_group { text-align: center; }

#b_head { margin-bottom: 10px; }

#frmSearch { background: #f7f7f7; height: 100px; padding: 35px 20px; }
#b_search_wrap { position: relative; height: 30px; padding-right: 80px; }
#b_keyword { border: solid 1px #e8eaea; border-right: none; height: 30px; padding: 5px 10px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; width: 100%; }
#b_search { border: none; background: #4fc3f7; color: #fff; height: 30px; line-height: 30px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; float: left; width: 80px; position: absolute; top: 0; right: 0; }
#b_search:hover { opacity: 0.8; filter: alpha(opacity=80); }

#login_wrap { background: #e7e7e7; color: #5e5e5e; height: 100px; padding: 5px; text-align: center; }
#login_wrap .title { margin-bottom: 10px; }
#b_login_social_wrap { position: relative; width: 200px; height: 30px; margin: 10px auto; }
#b_login_social_wrap i { font-size: 18px; }
#b_login_facbook { border: none; background: #3a599e; color: #fff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; float: left; width: 50%; height: 30px; line-height: 30px; }
#b_login_facbook:hover { opacity: 0.8; filter: alpha(opacity=80); }
#b_login_google { border: none; background: #dc4f33; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; float: left; width: 50%; height: 30px; line-height: 30px; border-left: solid 1px #fff; }
#b_login_google:hover { opacity: 0.8; filter: alpha(opacity=80); }
#b_or { background: #fff; border-radius: 50%; width: 15px; height: 15px; line-height: 15px; text-align: center; font-size: 12px; position: absolute; top: 8px; left: 93px; }

.topic_list1 > .title { font-weight: bold; text-align: center; border-bottom: solid 1px #dbdbdb; padding-bottom: 10px; }
.topic_list1 > .list { border-bottom: solid 1px #dbdbdb; padding: 10px 0; }
.topic_list1 > .list .col1_1 { float: left; }
.topic_list1 > .list .col1_2 { margin-left: 20px; }
.topic_list1 > .list .member_img2 { float: left; }
.topic_list1 > .list .col2_2 { margin-left: 50px; }
.topic_list1 > .list i { color: #aaa; }
.topic_list1 > .list .forum, .topic_list1 > .list .name { color: #aaa; font-size: 12px; }

.topic_list2 { border: solid 1px #dbdbdb; padding: 10px; }
.topic_list2 > .title_wrap { border-bottom: solid 3px #f7f7f7; height: 35px; }
.topic_list2 > .title_wrap > .title { float: left; margin: 0; border-bottom: solid 3px #4fc3f7; height: 35px; line-height: 35px; color: #777677; font-weight: bold; }
.topic_list2 > ol { clear: both; margin: 0; list-style: none; padding: 0; counter-reset: li-counter; }
.topic_list2 > ol > li { border-bottom: solid 1px #dbdbdb; position: relative; padding: 10px 0 10px 40px; }
.topic_list2 > ol > li:before { content: counter(li-counter); counter-increment: li-counter; position: absolute; width: 30px; height: 30px; line-height: 30px; top: 10px; left: 0px; background: #e0e0e0; color: #fff; text-align: center; font-size: 20px; font-weight: bold; border-radius: 50%; }
.topic_list2 > ol > li > .view { color: #aaa; font-size: 12px; }