.wehelp{
	width: 1000px;
	margin:0 auto;
	overflow:hidden;
	}
.wehelp .header{
	background:#04AA6D;
	padding:25px;
	font: 37px/20px 'Kanit', Arial, sans-serif;
	color:#fff;
	text-align:center;
	
	}	
.wehelp a{
	text-decoration:none;
	color:unset;
	}
	
.wehelp .top{
   padding:15px 0 15px 0;
   padding-left:44px;
   font-size:12px;
	
	}
.wehelp .logo{
	background:url(../images/rectangle.png) top center no-repeat;
	background-size:cover;
	/* padding:5px 10px; */
	}			
.wehelp .logo img{
	max-width:100%;
	height:auto;
	
}
.wehelp .banner{
	
	}			
.wehelp .post-box{
	padding:1px 10px;
	background:#E0E3E5;	
	}
		
.wehelp .post-help{
	width: 261px;
	height: 54px;
	margin:0 auto;
	text-align:center;
	font: 14px/56px 'Kanit', Arial, sans-serif;
	background: url(../images/btn-posthelp.png) top center no-repeat;
	}			
.wehelp .post-help a{
	display:block;
	width:100%;
	height:auto;
	color:#340227;
	
	}
.wehelp .shadow-box-0{
	height:13px;
	background: url(../images/shadow-c.png) repeat-x;
	}				
.wehelp .shadow-box-1{
	height:13px;
	background:url(../images/Componentshadow.png) repeat-x;
	}


.creat-box{
	background:#EFE4EE;
	padding:10px 0;

	}

						
	
.creat-box .cre-btn{
	font-size:13px;
	line-height:15px;
	padding:12px 0 0 0;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	color:#fff;
	width:104px;
	height:61px;
	background: url(../images/Rectangle6.png) top center no-repeat;
	}
.creat-box .cre-btn a{
	color:#fff;
}


.creat-box .clan{
	width:67px;
	text-align:center;

	}
.creat-box .clan .pic{
	position:relative;
	width:43px;
	height:43px;
	margin:0 auto;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;


	}
.creat-box .clan .pic img{
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;

	}	
.creat-box .clan .pic .c-total{
	position:absolute;
	top: 22px;
	left: 28px;
	background:#C1008D;
	width:17px;
	height:17px;
	text-align:center;
	font-size:12px;
	color:#fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	}		
.creat-box .clan .c-name{
	font-size:12px;
	line-height:15px;
	color:#333333;

	}
	
.creat-box .cr-1{
	background:#FF8A8A;
	}
.creat-box .cr-2{
	background:#D5964C;
	}	
.creat-box .cr-3{
	background:#7CC25E;
	}	
.creat-box .cr-4{
	background:#665eb9;
	}	
.creat-box .cr-5{
	background:#ee76ce;
	}		
/*******************************/

.wehelp .member-box{
	background:#fff;
	margin-bottom:15px;
	padding-bottom:10px;
	}
	
.wehelp .member-box .profile{
	padding:10px 0;
	margin:0px 10px;
	
	
	}
		
.wehelp .member-box .profile .member-pic{
	width:35px;
	height:35px;
		-webkit-border-radius: 100px;
		-moz-border-radius: 100px;
		border-radius: 100px;
	
	}

.wehelp .member-box .profile .member-text{
	padding-left:10px;
	
	}
		
.wehelp .member-box .profile .name{
	font-size:16px;
	line-height:17px;
	font-weight:bold;
	
	}										
.wehelp .member-box .profile .group{
	font-size:14px;
	line-height:17px;
	
	}	
	
	
.wehelp .member-box .detail{
	padding:8px 0;
	margin:0px 10px;
	font-size:15px;
	border-top:#DBDBDB 1px solid;
	
	}	
.wehelp .member-box .detail span{	
	font-weight:bold;
}


.wehelp .member-box .pic-project{
	padding:0;
	
	}

.wehelp .member-box .date-post-1{
	font-size:13px;
	padding:10px 0;
	margin:0px 10px;
	border-bottom:#DBDBDB 1px solid;
	color:#5A5A5A;
	}


.wehelp .member-box .activity-box{
	font-size:13px;
	padding:10px 0;
	margin:0px 10px;
	}
	
.wehelp .member-box .like{
	background:url(../images/heart-in.png) 0 50% no-repeat;
	font-size:14px;
	line-height:20px;
	padding-left:20px;
	padding-right:10px;
	}
.wehelp .member-box .chat{
	background:url(../images/chat.png) 0 50% no-repeat;
	font-size:14px;
	line-height:20px;
	padding-left:20px;
	padding-right:10px;
	}
.wehelp .member-box .view{
	background:url(../images/view.png) 0 50% no-repeat;
	font-size:14px;
	line-height:20px;
	padding-left:25px;
	padding-right:10px;
	}
.wehelp .member-box .share{
	background:url(../images/share.png) 0 50% no-repeat;
	font-size:14px;
	line-height:20px;
	padding-left:25px;
	padding-right:10px;
	}
	
.wehelp .member-box .date-post-2{
	font-size:13px;
	padding:10px 0;
	margin:0px 10px;
	color:#5A5A5A;
	}


.wehelp .member-box .comment-box{
	background:#FFFAE5;
	font-size:13px;
	padding:10px;
	margin:0px 10px;
	border:#ECECEC 1px solid;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.wehelp .member-box .comment-box .text{
	font-size:15px;
	line-height:20px;
	color:#333;
	padding-bottom:10px
	}			

.wehelp .member-box .comment-box .pic-comment{
	width:75px;
	height:69px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	overflow:hidden;
	}	
	
.arrow-up {
	position: absolute;
	top:11px;
	left: 28px;
	background: #FFFAE5;
	z-index:1;
}
.arrow-up:after, .arrow-up:before {
	bottom: 50%;
	
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-up:after {
	border-color: rgba(255, 250, 229, 0);
	border-bottom-color: #FFFAE5;
	border-width: 8px;
	margin-left: -8px;
}
.arrow-up:before {
	border-color: rgba(236, 236, 236, 0);
	border-bottom-color: #ECECEC;
	border-width: 9px;
	margin-left: -9px;
}

.wehelp .member-box .btn-box{
	padding:10px 0;
	margin:0px 10px;
	border-top:#DBDBDB 1px solid;
}

.wehelp .member-box .like-btn{
	background: #FFEAD1 url(../images/heart-pink.png) 26% 50% no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	width:25%;
	height:auto;
	padding: 6px 12%;
	color:#333;
	font-size:13px;
	}

.wehelp .member-box .help-btn{
	background: url(../images/Rectangle1835.png) no-repeat;
	background-size:100% 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	width:50%;
	height:auto;
	padding: 6px 0;
	text-align:center;
	color:#333;
	font-size:14px;
	margin:0 10px;
	}
	
.wehelp .member-box .share-btn{
	background: #FFB7EC url(../images/share.png) 26% 50% no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	width:25%;
	height:auto;
	padding: 6px 12%;
	color:#333;
	font-size:13px;
	}	
	
	
.wehelp .member-box .help-box{
	
	background: #fff;
    font-size: 13px;
    padding: 10px;
	padding-bottom:20px;
    margin: 0px 10px;
    border: #DEDEDE 1px solid;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	
	}	
	
.arrow-up-2 {
	position: absolute;
	top:11px;
	left:50%;
	background: #DEDEDE;
	z-index:1;
}
.arrow-up-2:after, .arrow-up-2:before {
	left:50%;
	bottom: 80%;
	
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow-up-2:after {
	border-color: rgba(255, 250, 229, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -15px;
}
.arrow-up-2:before {
	border-color: rgba(236, 236, 236, 0);
	border-bottom-color: #d5d5d5;
	border-width: 11px;
	margin-left: -16px;
}


.wehelp .member-box .member-post-btn{
	font-size:14px;
	padding:10px 0;
	margin:0px 10px;
	color:#CF3193;
	font-weight:bold;
	}
.wehelp .member-box .member-post-btn a{
	color:#CF3193;
	}
	
.wehelp .member-box .help-box input{
	padding:8px 20px;
	font-size:14px;
	background:#EBEBEB;
	border:#EBEBEB 0px solid;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
	width:100%;
	margin-right:13px;
	
	}

.wehelp .n-heart-btn{
	background:#FFEAD1;
	height:41px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	padding:10px;
	color:#343434;
	}

	
.wehelp .n-post-btn{
	background: url(../images/Rectangle1835.png) top center no-repeat;
	background-size:100% 100%;
	height:41px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	padding:10px;
	color:#343434;
	}	
.wehelp .n-donate-btn{
	background:#FFEAD1;
	height:41px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	padding:10px;
	color:#343434;
	}	
.wehelp .n-share-btn{
	background: url(../images/Rectangle1835.png) top center no-repeat;
	background-size:100% 100%;
	height:41px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	padding:10px;
	color:#343434;
	}	
	
.wehelp .n-heart-btn .heart-bg{
	margin-left:-5px;
	background:url(../images/heart-pink.png) 2px 50% no-repeat;
}
	
.wehelp .post-bg{
	margin-left:-5px;
	background: url(../images/chat.png) 3px 50% no-repeat;
}	

.wehelp .donate-bg{
	margin-left:-5px;
	background: url(../images/Group7645.png) 0 50% no-repeat;
}

.wehelp .share-bg{
	margin-left:-5px;
	background: url(../images/share.png) 0 50% no-repeat;
}		
/******************************/	
.copy{
	background:#E0E3E5;
	padding:15px 0 25px 0;
	text-align:center;
	font-size:13px;
	color:#333;
	}
	
.copy a{
	color:#E05EFF;
	}
.copy .copy-a{
	color:#1891C6
	}				
/******************************/
.fix-maxwidth{
	
	}
.fix-maxwidth img{
	width:100%;
	height:auto;
	
	}
.hscroll-none::-webkit-scrollbar {
     display:none;
}

.aball{
	overflow-x:scroll;
	-ms-overflow-x:hidden;
	-ms-overflow-y:hidden;
}	
/*****************************/	
	
@media (max-width: 374px) { 
.wehelp{
	width:100%;
	   }
 }
@media (min-width: 375px) and (max-width: 419px) { 
.wehelp{
	width:100%;
	   }
}
@media (min-width: 420px) and (max-width: 575px) { 
.wehelp{
	width:100%;
	   }
}
@media (min-width: 576px) and (max-width: 767px) { 
.wehelp{
	width:100%;
	   }
 }
@media (min-width: 768px) and (max-width: 991px) {

	}
@media (min-width: 992px) and (max-width: 1199px) { ... }
@media (min-width: 1200px) and (max-width: 1280px) { ... }
@media (min-width: 1281px) and (max-width: 1366px) { ... }
@media (min-width: 1367px) and (max-width: 1440px) { ... }
@media (min-width: 1441px) and (max-width: 1600px) { ... }