.quick-login-box {
	float:right;
	width: 455px;
	height: 453px;
	_background: 0;
	_border: 0;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#d3eeea', EndColorStr='#d3eeea');
	padding: 32px 0 0 52px;
}
.quick-login-box h2 {
	font-size: 24px;
	color: #ffffff;
	font-weight: normal;
	width: 241px;
	margin:24px 0 20px 0;
}
.quick-login-box div.quick_error {
	color: red;
	font-size: 14px;
	display:none;
}

.quick-login-box input.input_text {
	width: 245px;
	height: 20px;
	line-height: 20px;
	border: none;
	padding: 9px 15px;
	color:#4b4b4b;
	background-color:#fff;
}
.quick-login-box .username_custom {
	height:60px;
	width:390px;
	padding-left:60px;
	padding-top:10px;
	background: url("../../images/v2/account/username_input_bg.png") no-repeat scroll 0 0 transparent;
}

.quick-login-box .password_custom {
	height:60px;
	width:390px;
	padding-left:60px;
	padding-top:10px;
	background: url("../../images/v2/account/password_input_bg.png") no-repeat scroll 0 0 transparent;
}

.quick-login-box input.error {
	border:2px solid red;
}
.quick-login-box .input_line {
	margin-top: 10px;
}
.quick-login-box .forget-password-link {
	text-align: right;
	padding: 15px 30px 0 0;
}
#banner_info .quick-login-box .forget-password-link a {
	color:#50a6bd;
}
.quick-login-box .quick-login-btn {
	width: 240px;
	height: 65px;
	line-height: 65px;
	text-align: center;
	background-color: #f6b42a;
	font-size: 24px;
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	cursor: pointer;
	padding: 0;
	border:none;
	border-radius:30px;
	margin-left:80px;
	margin-top:30px;
}
.quick_login_reg {
	text-align:left;
	color:#fff;
}
#banner_info .quick_login_reg a {
	color:#fff;
	font-size:18px;
}
#banner_info .quick_login_reg a:hover {
	text-decoration:underline;
}
#banner_info .quick_login_reg a.forgotpassword{
	margin-left:20px;
}
#banner_info .quick_login_reg a.register{
	float:right;
	margin-right:80px;
}
.clearfix:after {
	ontent: "\200B";
	display: block;
	height: 0;
	clear: both;
}



#primaryBanner {
	height:485px;
	width:100%;
	background: url("../../images/v2/group/sq_banner.png") no-repeat 50% 0 #688ebf;
}
#top-main-menu li.active a, #top-main-menu li.active a:visited{
	color:#688ebf;
}

h1.page-title{font-size:16px;}
#btn-links-block{text-align:right;}
.new-post-link {
	display: inline-block;
	background: #ff6600;
	color: #FFF !important;
	border-radius: 2px;
	border: 0px solid #418b9f;
	padding: 5px 25px;
	cursor: pointer;
	height: 32px;
	font-size:14px;
	line-height: 32px;
	margin-top:20px;
}
.new-post-link:hover {
	background:#993300;
}


#group-list {padding:5px;}
.group_item {
	width:100%;
	border-left: 1px solid #cdd4e5;
	border-bottom: 1px solid #cdd4e5;
	border-right: 1px solid #cdd4e5;
	background: #fafbfc;
}
.top_item{border-top: 1px solid #cdd4e5;}
.author_icon_box_link {
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid #CCC;
	display: block;
	height: 80px;
	padding: 3px;
	width: 80px;
	margin:0 auto;
}
.author_icon_img {
	width: 80px;
	height: 80px;
}
.author_detail {
	width: 130px;
	float: left;
	text-align: center;
	padding: 15px 0;
}
.post_content{
	background-color:#fff;
	float: left;
	width: 570px;
	min-height:200px;
	padding: 0 0 7px 20px;
}
.p_content_message {
	height: auto!important;
	height: 150px;
	min-height: 150px;
	padding: 24px 20px 0 0;
}
.core_reply_href {
	line-height: 28px;
	height: 28px;
	margin-top: 30px;
	text-align:right;
	margin-right:10px;
	overflow:hidden;
}
.core_reply_href li {
	display:block;
	float:right;
	padding:0 10px;
	line-height:28px;
	
}
.core_reply_href li.hidereply{
	background: #f7f8fa;
	border: 1px solid #f0f1f2;
	border-bottom: 0;
}
.index_reply_border_top{
	border-top: 1px solid #f0f1f2;
	background: 0 0;
	margin-top: -1px;
	width: 496px;
}
.post_content .index_reply_content {
	border-left: 1px solid #f0f1f2;
	border-right: 1px solid #f0f1f2;
	border-bottom: 1px solid #f0f1f2;
	width:528px;
	background-color:#f7f8fa;
	padding: 4px 15px 14px;
}
.index_reply_content_item {
	padding:10px;
	border-top: 1px #d7d7d7 dotted;
}
.index_reply_content_item_icon {
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid #CCC;
	display: block;
	height: 32px;
	padding: 3px;
	width: 32px;
	margin:0 auto;
	float:left;
}
.index_reply_content_item_icon img {
	width:32px;
	height:32px;
}
.index_reply_content_item_content{
	float:left;
	width:450px;
	margin-left:10px;
}
.is_first_reply_item {
	border-top: none;
}
.index_reply_content_reply_link {text-align:right;margin-bottom:6px;}
.index_reply_content_reply_link li {
	display:inline;
	padding:0 3px;
}
.index_reply_content_reply_link li.reply_link{border-left:1px solid #cdd4e5;}
.direct_reply_link{border-top: 1px #d7d7d7 dotted;padding-top:10px;}
.direct_reply_btn a {
	color:#333;
	float:right;
	display: block;
	padding-left: 20px;
	width: 75px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	background: url(../../images/sqb/pb_css_pic_20150206.png) no-repeat -82px -6px;
}
.direct_return_button {
	margin:10px 0;
	text-align:right;
}
.direct_return_box_content {
	border:2px solid #d6dffa;
	padding:10px;
	width:505px;
	height:30px;
	margin-top:10px;
}
.btnlink {
	display: inline-block;
	background: #50a6bd;
	color: #FFF;
	border-radius: 2px;
	border: 0px solid #418b9f;
	padding: 0px 12px;
	cursor: pointer;
	height: 28px;
	line-height: 26px;
}
.reply_return_info {
	margin-top:10px;
}

.group-topic-list {width:100%;font-size:18px;}
.group-topic-list td , .group-topic-list th { padding:20px 0px;}
.group-topic-list th {font-size:21px;color:#003333; }
.group-topic-list td  { border-bottom:1px solid #cdd4e5;}
.noitem{text-align:center;}
.group-topic-list th.op{width:45px;}
.group-topic-list th.created_at{width:140px;}
.group-topic-list th.replied_count{width:90px;}
.group-topic-list th.replied_info{width:140px;}
.group-topic-list td.topicstatus {width:45px;}
.group-topic-list td .created_at {font-size:18px;color:#666666;}
.uc-paging{margin-top:15px;}
.topicstatus{text-align:center;}
.ontop{width:20px;height:20px;background: url(../../images/sqb/group-icon.png) no-repeat -43px -16px;margin:0 auto;}
.onfeatured{width:20px;height:19px;background: url(../../images/sqb/group-icon.png) no-repeat -43px -38px;margin:0 auto;}
.onhaspicture{width:20px;height:19px;background: url(../../images/sqb/group-icon.png) no-repeat -83px -38px;margin:0 auto;}
.forum_moderator_list li {display:inline;padding-right:10px;}
.forum_moderator_list li.firstcolumn {padding-right:3px;}
.forum_moderator_list {margin-top:15px; }
.groupCreditRule {margin:20px 0; font-size:16px; }
.awardpoint{font-weight:bold;color:#999933;font-size:14px;margin-left:3px;margin-right:3px;}

.group-topic-list tr.detail-post-header td{border-bottom:none;padding:10px 0 0 0;}
.group-topic-list tr.detail-post-header td h4 {font-size:24px;color:#333333;}
.group-topic-list tr.detail-post-content td{padding:5px 0 10px 0;}
.group-topic-list tr.detail-post-content td .p_content_message{padding:0;overflow:auto;}
.group-topic-list tr.detail-post-content td .p_content_message img {max-width:730px;}
.group-topic-list th.author-name{width:90px;}
.group-topic-list td.created-at-column{text-align:right;width:120px;}

.group-index {
	overflow:auto;
}
.group-index a , .group-index a:hover , .group-index a:visited{
	color:#666666;
}

.group-index .group-index-left {
	width:730px;
	float:left;
	
}
.group-index .group-index-left .group-index-left-content {border: 1px solid #999999;padding:0 15px;width:730px;}
.group-index .group-index-left .group-index-left-content table{margin-bottom:20px;}
.group-index .group-index-right {
	width:400px;
	float:right;
	
	min-height:300px;
}
.group-index .group-index-right .group-blocks{border: 1px solid #999999; padding:10px;margin-bottom:15px;}
.group-index .group-index-right .group-blocks h5{font-size:21px;margin-bottom:15px;color:#003333;}
.group-index .group-index-right .group-blocks ul li{margin-bottom:7px;}
.group-index .group-index-right .group-blocks a , .group-index .group-index-right .group-blocks a:hover, .group-index .group-index-right .group-blocks a:visited{font-size:18px;}

.item_icon{
	width:20px;height:25px;background: url(../../images/v2/group/group-item-icon.png) center center no-repeat;margin:0 auto;
}

/**
**group-shared-thumb
**/
ul.group-shared-thumb{overflow:hidden;}
ul.group-shared-thumb li img{max-width:170px;margin:10px;}
ul.group-shared-thumb li{width:47%;float:left;text-align:center;border:2px solid #e9e9e9;}
ul.group-shared-thumb li.last{width:49%;float:right;}
ul.group-shared-thumb li .auther_name{text-align:left;font-size:16px; font-weight:bold;margin:10px;}
ul.group-shared-thumb li .title{text-align:left;font-size:16px;margin:10px;}

ul.group-shared-list {margin-top:15px;}
ul.group-shared-list li {margin-bottom:8px;}
ul.group-shared-list li a , ul.group-shared-list li a:hover , ul.group-shared-list li a:visited{color:#666666;font-size:18px;}
ul.group-shared-list li .post_created_at{width:130px;float:right;text-align:right;font-size:18px;}



/**
*user-comment
**/
.group-module h3.user-comment-header {
	font-size:24px;margin:15px 0;text-align:center;color:#333333;
}
.group-module .user-comment .item .comment-icon {
	border:1px solid #d2d2d2;
	width:90px;
	height:85px;
	text-align:center;
	padding-top:5px;
}

.group-module .user-comment .item .comment-icon .comment-icon-img {
	width:80px;
	height:80px;
}

.group-module .user-comment .item  .comment-content {
	float:right;
	width:290px;
}
.group-module .user-comment .item  .comment-content .user-comment-content {
	min-height:65px;
	font-size:18px;
	overflow:hidden;
}
.group-module .user-comment .item  .comment-content .user-info .user-name {
	float:left;
	width:60px;
	overflow:hidden;
	height:25px;
	white-space: nowrap;
  	text-overflow: ellipsis;
}
.group-module .user-comment .item  .comment-content .user-info .user-country {
	float:right;
	width:140px;
	overflow:hidden;
	height:25px;
	text-align:right;
	white-space: nowrap;
  	text-overflow: ellipsis;
}
.group-module .user-comment .item {
	border-bottom:1px solid #eaeaea;
	margin-bottom:5px;
	padding-bottom:10px;
}
.group-module .user-comment .bottom-item{
	border-bottom:none;
}
.group-module .user-comment .item a {
	color:#4fa5bc;
}



@media (min-device-width:1024px) and (max-width:600px),(max-width:600px),
	 (max-device-width:480px), 
 	(max-device-width:480px)  {
       .quick-login-box{display:none;}
       .groupCreditRule{font-size:18px;}
       .new-post-link{font-size:18px;}
       #primaryBanner {
		    height: 232px;
		    width: 100%;
		    background: url("../../images/v2/mobile/group/mobilesq_banner.png") no-repeat 50% 0 #688ebf;
		}
       .group-index .group-index-left {width:580px;}
       .group-index .group-index-left .group-index-left-content {width:565px; line-height:25px;margin-bottom:8px;padding:0 10px;}
       .group-index .group-index-left .group-index-left-content p {line-height:25px;margin-bottom:8px;}
       .group-topic-list tr.detail-post-content td .p_content_message img{max-width:565px;}
       .group-index .group-index-right{display:none;}
       #page_banner{width: 360px;height:360px;background-image: url(../../images/sqb/group_990.jpg);}
       .group-topic-list th.replied_info{width:70px;}
       .group-topic-list th.replied_count{wdith:50px;}
       .group-topic-list th.op{width:30px;}
       .group-topic-list tr.detail-post-header td {padding:10px 0;}
}