header #shecom-logo{   
	background: url(../img/sheblog-logo.svg) no-repeat center center transparent;
    background-size: 15%;
    padding-top: 150px;
}

header .nav-logo .shelogo{
	padding-top: 34px;
    background-color: #FFF;
    background: url(../img/sheblog-logo.svg) no-repeat center top;
    background-size: contain;
}

header nav{
	background-image: url(../img/top-repeat.jpg) !important;
	background-size: 128px 47px;
	background-repeat: repeat;
}

header .nav-bound-wrapper{
    background-color: #80baae;
}

header nav .nav-bound{
	min-height:46px;
}
header .nav-logo .catTitle{
	color:#fff;
}

#share-buttons .share-icon{
	background:rgba(128, 186, 174,.8);
}

.wp-signup-container.mu_register {
  max-width: 1000px;
  margin-top: 60px!important;
  border: 1px solid #80baae;
  border-radius: 5px;
  padding: 30px;
}

.wp-signup-container.mu_register .first-post-btn a {
	color: #fff;
	text-decoration: none;

}

.wp-signup-container.mu_register #setupform input:not([type='submit']), .wp-signup-container.mu_register #setupform select {
  display: inline-block;
  width: auto;
  font-size: inherit;
  font-family: inherit;
  border: none;
  background: none;
  border-bottom: 1px solid #cecece;
  transition: border-bottom .2s linear;
}
.wp-signup-container.mu_register #setupform input:not([type='submit']):focus, .wp-signup-container.mu_register #setupform input:not([type='submit']):active {
  outline: none;
  border: none;
  border-bottom: 1px solid #000;
} 
.wp-signup-container.mu_register label {
  display: inline-block;
  margin-right: 20px;
}
.wp-signup-container.mu_register #setupform {
  text-align: center;
  font-size: 27px;
  display: inline-block;
  text-align: left;
}
.wp-signup-container.mu_register #setupform input[type='submit'] {
  width: auto;
  background-color: #80baae;
  color: #fff;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 10px 50px;
  backface-visibility: hidden;
}

.wp-signup-container.mu_register .g-recaptcha {
  margin-top: 30px;
}

.wp-signup-container.mu_register .g-recaptcha div {
  margin: auto;
}
.wp-signup-container.mu_register {
  background: #fff;
  text-align: center;
}
.wp-signup-container.mu_register p {
  margin-top: 30px;
}

.wp-signup-container.mu_register h2 {
  margin: 30px 0;
}

.wp-signup-container.mu_register h1 {
  margin-top: 30px;
}
.wp-signup-container.mu_register .align-right {
	text-align: right;
}
.wp-signup-container.mu_register .first-post-btn {
	display: inline-block;
	padding: 10px 50px;
	margin: 40px auto 20px auto;
	background-color: #80baae;
	font-size: 20px;
    color: #fff;
}

.wp-signup-container.mu_register b {
  color: #80baae;
}

.wp-signup-container.mu_register .user-name {
  font-weight: 200;
  font-size: larger;
  font-style: italic;
  padding: 0 5px 0 0;
  display: inline-block;
}
.wp-signup-container.mu_register p {
  line-height: 1.6em;
}
.wp-signup-container.mu_register p.submit {
  text-align: center;
}
.wp-signup-container.mu_register .blog-name-item {
  float: left;
  display: block;
  width: 50%;
  box-sizing: border-box;
  margin: 5px 0;
  font-size: 16px;
  padding: 0.3em;
}
.wp-signup-container.mu_register .blog-name-item:first-child {
  background-color: #e0e0e0;
  text-align: right;
  padding: .35em;
  font-size: 16px !important;
}

.title-superbanner{
	font-size:200%;
}

h2.highlights :after, h2.highlights :before{
	display:none;
}
h2.highlights{
	color: #eb9c75;
    font-weight: 400;
}

.latest-update .highlights span{
	color:#eb9c75;
	font-weight: 400;
}


.author-item{
	width:12.5%;
	display:none;
}

.blogger-tags{
	display:none;
}

#pro-blogger, #hottest-blogger, #assigned-authors{
	text-align:center;
	padding:0 50px;
}

/* detect row show hide */
.blogger-tags-box .blogger-tags:nth-child(-n+8),
.author-item:nth-child(-n+8){
	display:inline-block;
}

.blogger-tags-box .blogger-tags:nth-child(-n+8)+div.blogger-tag-more,
.author-item:nth-child(-n+8)+div.author-box-more{
	display:none;
}

.author-box-more{
	float:left;
	width:100%;
}

.blogger-tag-more span,
.author-box-more span{
	display:none;
}

.blogger-tag-more span.active,
.author-box-more span.active{
	display:inline-block;
	cursor:pointer;
}
.showall .blogger-tags,
.showall .author-item{
	display:inline-block !important;
}

/* detect row show hide */

.author-item .thumb-author{
	padding: 22px;
}

.author-item .thumb-author_pic{
	position:relative;
	padding-top: 100%;
    background-size: contain;
    border-radius: 80px;
}

.author-item .thumb-author_pic a{
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.author-item .thumb-author_name{
	font-size:12pt;
	white-space: nowrap;
	min-height: 23px;
}

.highlights:after,
.highlights:before{
	background-image: url(../img/line-latestupdate.png);
    content: "";
    display: inline-block;
    height: 25px;
    position: relative;
    vertical-align: middle;
    width: 50%;
    background-repeat: repeat-x;
    background-position: center center;
}

.highlights:before{
	right: 0.5em;
    margin-left: -50%;
}
.highlights:after{
	left: 0.5em;
    margin-right: -50%;
}

.pro-blogger .highlights{
	color: #384e54;
	font-weight: 400;
}
.pro-blogger .highlights:after,
.pro-blogger .highlights:before{
	background-image: url(../img/line-problogger.png);
}

.hottest-blogger .highlights{
	color: #80baae;
	font-weight: 400;
}
.hottest-blogger .highlights:after,
.hottest-blogger .highlights:before{
	background-image: url(../img/line-hottestblogger.png);
}

.tag-link a{
	color:#80baae;
}

.like-article-block:before{
	height:370px;
}

#article-list ol.info-list li:first-child+li:before,
#article-list ol.info-list li:first-child{
	display:none;
}

.grid-article .thumb-img-cell,
#first-article .content-left .content-detail img, #article-content .content-left .content-detail img{
	border-bottom: 5px solid #80baae;
}

.grid-article .thumb-img-cell{
	padding-top:98%;
	background-size: cover;
	background-position: center center;
}

.like-article-block h2.highlights{
	color:#eb9c75;
	font-weight:400;
}

.like-article-block h2.highlights :after,
.like-article-block  h2.highlights :before,
.desc-grid-article-pattern {
    background-image: url(../img/44x44-pattern.png);
	background-color: transparent;
}

/* author page */
.author-page {
    margin-top: 50px;
}

.author-page .author-pic {
    width: 130px;
    margin-right: 20px;
    float: left;
}

.author-page a img {
    border-radius: 80px;
    width: 100%;
}

.author-page .author-info {
    width: 60%;
}

.wp-caption figcaption:after{
	position:absolute;
	bottom:0;
	content:' ';
	background-image:url(../img/44x44-pattern.png);
	height:5px;
	width:100%;
	display: block;
	background-position: left bottom;
}

.cat-shutter-left {
    background-image: linear-gradient(to left, rgba(128, 186, 174,0) 0%, rgb(128, 186, 174) 85%);
}
.cat-shutter-right {
    background-image: linear-gradient(to right, rgba(128, 186, 174,0) 0%, rgb(128, 186, 174) 85%);
}

.blogger-tick{
	position: absolute;
	background-image: url(../img/icon-tick-01.svg);
    background-size: 68%;
    background-color: rgb(129, 187, 173);
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50px;
    padding: 0px !important;
	bottom:10px;
	right:-6px;
}

.btn-loadmore{
	background: #80baae;
}

/* blogger profile */

.blogger-views i{
	color: #81bbad;
	font-size:16pt;
}

.blogger-info{
	padding-top:20px;
	position: relative;
}

.blogger-info .blogger-desc {
    position: relative;
    padding: 20px 0;
}

.blogger-desc-btn {
	position: relative;
	display: inline-block;
	cursor: pointer;
	overflow: visible!important;
}

.blogger-desc-btn {
	display: none;
}

.blogger-desc-btn.open {
	display: none;
}

.blogger-desc:not(.detail) .blogger-desc-more, .blogger-desc.detail .blogger-desc-less {
	display: inline-block;
}

.blogger-desc:not(.detail) .blogger-desc-less, .blogger-desc.detail .blogger-desc-more {
	display: none;
}

.blogger-desc-more:after {
	content: '';
	display: block;
	position: absolute;
	right: -12px;
	height: 0;
	width: 0;
	top: 45%;
	border-color: #000 transparent transparent transparent;
	border-width: 5px;
	border-style: solid;
}

.blogger-desc-less:after {
	content: '';
	display: block;
	position: absolute;
	right: -12px;
	height: 0;
	width: 0;
	top: 21%;
	border-color: transparent transparent #000 transparent;
	border-width: 5px;
	border-style: solid;
}



.blogger-info .blogger-desc > div {
	max-height: 45px;
	overflow: hidden;
}

.blogger-info .blogger-desc.detail > div {
	max-height: 999px;
}

.blogger-info > .ctable .ctable-cell:first-child {
    position: relative;
    box-sizing: border-box;
    padding: 0px 10px;
}

.blogger-user-pic .img, .author_pic .img {
    background-size: cover;
    border-radius: 80px;
}

.blogger-user-pic .img {
    width: 130px;
    height: 130px;
}

.blogger-info .ctable-cell .blogger-title {
    font-size: medium;
}

.blogger-info .ctable-cell .blogger-name, .blogger-info .ctable-cell .blogger-title {
    float: none;
}

.blogger-info .ctable-cell>div {
    float: left;
    font-size: x-large;
    margin-right: 5px;
}

.blogger-info .ctable-cell .blogger-name a {
    color: #80baae;
	text-decoration:none;
}

.ctable-vcenter {
    vertical-align: middle;
}

.blogger-views {
    position: absolute;
    top: 20px;
    right: 0;
    padding-top: 12px;
    font-size: 12pt;
}

.blogger-views span {
    font-style: italic;
    font-size: 10pt;
    color: #555;
}

.blogger-tags-box {
    position: relative;
    padding: 20px 15px 0 15px;
	display:inline-block;
}

.blogger-tags-box .blogger-tags {
    border-radius: 45px;
    background-color: #81bbad;
    box-sizing: border-box;
    padding: 5px 15px;
    margin: 3px 0;
    max-width: 200px;
    position: relative;
    color: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blogger-tags-box .blogger-tags a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
	color:#fff;
	text-decoration:none;
}

#blog-cover{
	padding-top: 450px;
	background-size: 100%;
    background-position: center center;
}

#article-ads-lrec .dfp-slot > div , .content-detail div[id^='div-gpt-ad-'], #segment-area div[id^='div-gpt-ad-']{
	position:relative;
}

.content-right .dfp-slot > div >div:after{
	display: block;
    position: absolute;
    top: auto;
    bottom: -20px;
}
#segment-area div[id^='div-gpt-ad-']:after{
	display: block;
    position: absolute;
    top: auto;
    bottom: 7px;
}

div[id^='google_ads_iframe']{
	position:relative;
}

#first-article .content-left .info-list,
.content-left ol.info-list{
	padding:0 0 15px 0px !important;
	margin-top: -10px;
}
.content-left .info-list .category_name{
	display:none !important;
}
.content-left .info-list .thumb-author_pic a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:block;
}
.content-left .info-list .thumb-author_pic{
	position:relative;
	width: 50px;
    padding-top: 100%;
    position: relative;
    top: 20px;
    border-radius: 80px;
	background-size:cover;
}

.content-detail a{
	overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    display: inline-block;
    margin: 0 !important;
    position: relative;
}

.content-detail a[href*="itrial.hk/user/"],
.content-detail a[href*="www.ubeauty.com.hk/member_blog/"],
.content-detail a[href*="www.weshare.hk"],
.content-detail a[href*="www.glamablog.com/show/"],
.content-detail a[href*="blog.hk.88db.com/?p="],
.content-detail a[href*="blog.qooza.hk"],
.content-detail a[href*="www.beautylife.hk/?"],
.content-detail a[href*="www.theztyle.com/?"],
.content-detail a[href*="blogazine.beautyexchange.com.hk/?"],
.content-detail a[href*="blogs.elle.com.hk/"],
.content-detail a[href*=".mysinablog.com/"],
.content-detail a[href*=".pixnet.net/blog"],
.content-detail a[href*=".blogspot.hk/"],
.content-detail a[href*="weibo.com/u/"],
.content-detail a[href*="openrice.com/restaurant/userinfo.htm"],
.content-detail a[href*="youtube.com/"],
.content-detail a[href*="instagram.com/"],
.content-detail img[alt~="photo"],
.content-detail a[href*="facebook.com/"]{
	display:inline-block;
}

.content-detail img.size_handled[src*="facebook.com/"],
.content-detail a[href*="itrial.hk/user/"] img,
.content-detail a[href*="www.ubeauty.com.hk/member_blog/"] img,
.content-detail a[href*="www.weshare.hk"] img,
.content-detail a[href*="www.glamablog.com/show/"] img,
.content-detail a[href*="blog.hk.88db.com/?p="] img,
.content-detail a[href*="blog.qooza.hk"] img,
.content-detail a[href*="www.beautylife.hk/?"] img,
.content-detail a[href*="www.theztyle.com/?"] img,
.content-detail a[href*="blogazine.beautyexchange.com.hk/?"] img,
.content-detail a[href*="blogs.elle.com.hk/"] img,
.content-detail a[href*=".mysinablog.com/"] img,
.content-detail a[href*=".pixnet.net/blog"] img,
.content-detail a[href*=".blogspot.hk/"] img,
.content-detail a[href*="weibo.com/u/"] img,
.content-detail a[href*="openrice.com/restaurant/userinfo.htm"] img,
.content-detail a[href*="youtube.com/"] img,
.content-detail a[href*="instagram.com/"] img,
.content-detail img[alt~="photo"],
.content-detail a[href*="facebook.com/"] img{
	width:auto !important;
	margin:0 !important;
	border:0 !important;
}

.related-article-block .desc-grid-article-title a{
	display:inline;
}

@media (min-width:768px){
	.blogger-tag-more{
		display:inline-block;
		position:relative;
		top:-15px;
	}
}
@media (max-width: 1200px){
	header #shecom-logo {
		background-size: 20%;
		background-position: center center;
		padding-top: 90px;
	}
	
	header .nav-logo #shecom-category-logo .shelogo{
		padding-top:25px;
		-webkit-mask-size: 6%;
		mask-size: 6%;
	}
	
	
	#pro-blogger, #hottest-blogger, #assigned-authors{
		padding:0 15px;
	}
}

@media (max-width: 768px){
	.author-item{
		width:16.667%;
	}
	#assigned-authors .author-item{
		display:none;
	}
	
	#assigned-authors .author-item .thumb-author{
		padding:13px;
	}
	
	#assigned-authors .author-box-more,
	#assigned-authors .author-item:nth-child(-n+6){
		display:inline-block;
	}
	
	#assigned-authors .author-item:nth-child(-n+6)+div.author-box-more{
		display:none;
	}
	
	
	.blogger-tick{
		width:20px !important;
		height:20px !important;
		bottom:5px !important;
	}
	
	.content-detail img.size_handled[src*="facebook.com/"],
	.content-detail a[href*="itrial.hk/user/"] img,
	.content-detail a[href*="blog.she.com"] img,
	.content-detail a[href*="www.ubeauty.com.hk/member_blog/"] img,
	.content-detail a[href*="www.weshare.hk"] img,
	.content-detail a[href*="www.glamablog.com/show/"] img,
	.content-detail a[href*="blog.hk.88db.com/?p="] img,
	.content-detail a[href*="blog.qooza.hk"] img,
	.content-detail a[href*="www.beautylife.hk/?"] img,
	.content-detail a[href*="www.theztyle.com/?"] img,
	.content-detail a[href*="blogazine.beautyexchange.com.hk/?"] img,
	.content-detail a[href*="blogs.elle.com.hk/"] img,
	.content-detail a[href*=".mysinablog.com/"] img,
	.content-detail a[href*=".pixnet.net/blog"] img,
	.content-detail a[href*=".blogspot.hk/"] img,
	.content-detail a[href*="weibo.com/u/"] img,
	.content-detail a[href*="openrice.com/restaurant/userinfo.htm"] img,
	.content-detail a[href*="youtube.com/"] img,
	.content-detail a[href*="instagram.com/"] img,
	.content-detail a[href*="facebook.com/"] img{
		max-width:320px;
	}
}

@media (max-width: 700px){

	.content-detail a[href*="facebook.com/"] img[width="320"],
	.content-detail a[href*="blog.she.com"] img[src*='wp-content/uploads/sites']{
		width:calc(100% + 40px) !important;
		margin-left: -20px !important;
	}

	.content-detail a[href*="blog.she.com"] img:not([src*='wp-content/uploads/sites']){
		width: auto !important;
		margin: 0 !important;
		border:0 !important;
	}

	.blog-user .blogger-tick{
		width: 30px !important;
		height: 30px !important;
		right:0;
	}
	header #shecom-logo {
		background-position: center center;
		background-size: 30%;
		padding-top: 55px;
	}
	header .nav-logo #shecom-category-logo .shelogo{
		padding-top:16px !important;
	}
	
	header #nav-branding:after {
		position: absolute;
		width: 100%;
		height: 30px;
		content: ' ';
		background: url(../img/sheblog-logo.svg) no-repeat center center !important;
		top: 0;
	}
	header #nav-branding{
		background:#80baae;
	}
}
@media (max-width: 700px){
	.author-page {
		margin: 20px 10px 0 10px;
	}
	.author-page .author-pic {
		width: auto;
		float: none;
		text-align: center;
	}
	.author-page a img {
		width: 50%;
		border-radius: 50%;
	}
	.author-page .author-info {
		width: 100%;
		margin-bottom: 20px;
	}
	.author-item .thumb-author_name{
		margin-left: -15px;
		margin-right: -15px;
	}
	.author-item .thumb-author,
	#assigned-authors .author-item .thumb-author{
		padding:15px !important;
	}
	.author-item{
		width:33.333%;
	}
	#assigned-authors .author-item{
		display:none !important;
	}
	
	#assigned-authors.showall > div .author-item{
		display:inline-block !important;
	}
	
	#assigned-authors .author-box-more,
	#assigned-authors .author-item:nth-child(-n+3){
		display:inline-block !important;
	}
	
	#assigned-authors .author-item:nth-child(-n+3)+div.author-box-more{
		display:none !important;
	}
}


@media (max-width:700px){
	.author_pic .img{
		position: absolute;
		left: 50%;
		bottom: 100%;
		z-index: 2;
		margin-left: -25px;
		width:50px;
		height:50px;
	}
	
	.author-info .ctable-cell:first-child + .ctable-cell > div{
		display:none;
	}
	.author-info .ctable-cell:first-child + .ctable-cell > h4:before{
		content:'by';
	}
	.author-info .ctable-cell:first-child + .ctable-cell > h4{
		font-size:10pt;
	}
	.author-info .ctable-cell:first-child + .ctable-cell{
		position:absolute;
		bottom:10px;
		right:10px;
	}
	
	.author-item .blogger-tick{
		width:25px !important;
		height:25px !important;
		bottom:5px !important;
	}
	
	.desc-superbanner .ctable,
	.desc-superbanner .ctable-cell{
		display:block;
	}
	#superbanner .author-info{
		padding:0 !important;
	}
	
	.blogger-tags-box{
		text-align:center;
	}
	
	#blog-cover{
		padding-top:250px;
	}
	
	.blogger-info{
		text-align:center;
	}
	
	.blogger-info > div.ctable{
		display:inline-block;
	}
	
	.blogger-info > div.ctable .ctable-cell{
		display:block;
	}
	
	.blogger-views{
		position:relative;
		top:auto;
	}
}