.header .navbar-nav>li.nav_cart>a{
	padding-top: 8px;
}
.header .navbar-nav>li.nav_shop>a{
	padding-top: 0;
}
.header .navbar-nav>li.nav_shop>a .desktop-icon{
	display: block;
}
.header .navbar-nav>li.nav_shop>a .rs-icon{
	display: none;
}
nav.header.smaller .navbar-nav>li.nav_cart>a{
	padding-top: 23px;
}
nav.header.smaller .navbar-nav>li.nav_shop>a{
	padding-top: 17px;
}
.msg-box{
	min-height: 300px;
	margin-top:20px;
	text-align: center;
	font-size: 20px;
}
.clearfix{
	clear: both;
}
.grey-row{
	background-color: #f6f6f6;
}
button,
button:focus{
	outline: 0!important;
}
/* follow button */
.btn-follow{
	display: block;
	padding: 5px 15px;
    color: #aaa;
    background: transparent;
    border: 1px solid #aaa;
    border-radius: 17px;
}
.btn-follow:hover{
    color: #ff702e;
    border: 1px solid #ff702e;
}
.btn-follow .follow-text{
	display: block;
}
.btn-follow .followed-text{
	display: none;
}
.btn-followed,
.btn-followed:hover{
	padding: 6px 10px;
	color: #fff;
	background-image: linear-gradient(151deg, #fd6b4a, #ffd866);
	border: 0;
}
.btn-followed:hover{
	opacity: 0.8;
}
.btn-followed .follow-text{
	display: none;
}
.btn-followed .followed-text{
	display: block;
	padding-right: 14px;
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/icon-tick.png') right center no-repeat;
}
.common-modal .modal-dialog{
	margin: 250px auto;
    width: 350px;
}

.common-modal .modal-dialog .modal-content{
	border-radius: 0px;
}
.common-modal .modal-dialog .modal-content .modal-body .modal-title{
	font-weight:700;
	font-size:16px;
}
.common-modal .modal-dialog .modal-content .modal-body .modal-title{
	font-weight:700;
	font-size:18px;
	margin-bottom:10px;
}
.common-modal .modal-dialog .modal-content .modal-body p{
	font-size:16px;
	text-align:center;
}
.common-modal .modal-dialog .modal-content .modal-footer{
	text-align: center;

}
.common-modal .modal-dialog .modal-content .modal-footer .btn{
	background-color:#fff;
	color:#888;
	border: 0px;
	margin-left:30px;
	margin-right:30px;
	font-size:16px;
}
.common-modal .modal-dialog .modal-content .modal-footer .btn:hover{
	opacity: 0.8;
}
.common-modal .modal-dialog .modal-content .modal-footer .btn:focus{
	text-decoration:none;
}
.common-modal .modal-dialog .modal-content .modal-footer .btn-secondary{
	color:#fd6b4a;

}
/* smartbanner */
.smartbanner{
	height: 91px!important;
	color: #fff!important;
	background: #14a0b5!important;
	box-shadow: none!important;
	z-index: 2000!important;
}
.smartbanner__info__title{
	font-size: 16px!important;
	font-weight: bold!important;
}
.smartbanner__icon{
	left: 55px!important;
	border-radius: 0!important;
}
.smartbanner__exit{
	top: calc(50% - 10px)!important;
	left: 20px!important;
	width: 20px!important;
	height: 20px!important;
	color: #fff!important;
	border: solid 2px #ffffff!important;
	border-radius: 10px!important;
}
.smartbanner__info{
	left: 130px!important;
}
.smartbanner__exit::before, .smartbanner__exit::after{
	top:calc(50% - 6px)!important;
	left: 7px!important;
    width: 2px!important;
	background : #fff!important;
}
.smartbanner__info__author{
	height: 10px!important;
}
.smartbanner__button{
	color: #fff!important;
	background: none!important;
}
/* report form */
.btn-report{
	display: inline-block;
	width: 22px;
	height: 24px;
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/btn-report-off.png') center no-repeat;
}
.btn-report:hover{
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/btn-report-on.png') center no-repeat;
}
.report-form{
	right: 0;
	left: auto;
	padding: 16px 20px 18px;
}
.report-form .title{
	font-size: 16.5px;
	letter-spacing: 0.8px;
	color: #333333;
}
.report-form ul {
	padding:0;
}
.report-form ul li{
	margin-top: 16px;
	font-size: 14.4px;
    color: #a7a7a7;
    list-style: none;
}
.report-form ul li input[type="radio"]{
	margin-right: 6px;
}
.report-form .button-wrap{
	display:block!important;
	text-align: center;
}
.report-form button{
	width: 100px;
	height: 34px;
	border-radius: 17px;
	background-color: #333333;
	color: #fff;
}
.report-form button:hover{
	opacity: 0.8;
}
.report-form button[disabled="disabled"]{
	cursor: not-allowed;
}
.report-success .failed{
	display: none;
}
.report-failed .success{
	display: none;
}
/* share-dropdown */
.share-dropdown form{
	width: 300px;
	padding: 10px 15px 21px;
	border-radius: 0;
}
.share-dropdown ul li,
.share-dropdown ul li a{
	color: #333;
}
.share-dropdown ul li a span{
	margin-left: 5px;
}
.share-dropdown ul li.copy-link > img{
	vertical-align: top;
}
.share-dropdown ul li.copy-link > div{
	display: inline-block;
	width: 220px;
}
.share-dropdown ul li.copy-link div div{
	margin-bottom: 5px;
}
.share-dropdown ul li.copy-link div input{
	width: 100%;
	border: 0;
	border-bottom: 2px solid #fd6b4a;
}
.share-dropdown ul li.copy-link .copied{
	display: none;
}
/* breadcrumbs */
.breadcrumb{
	padding-top: 17px;
	margin-bottom: 0;
	background: transparent;
}
.breadcrumb li a{
	color: #aaa;
}
.breadcrumb li a:hover{
	opacity: 0.8;
}
.breadcrumb>.active{
	color: #333;
}
/* tabs */
.common-tabs{
	background: #fff;
	border-bottom: 0;
}
.nav-tabs.common-tabs>li,
.nav-tabs.common-tabs>li>a{
	border-top: 0!important;
	border-left: 0!important;
	border-right: 0!important;
}
.nav-tabs.common-tabs>li>a,
.nav-tabs.common-tabs>li>a:hover{
	text-align: center;
	border: 0;
	border-bottom: 4px solid #fff;
}
.nav-tabs.common-tabs>li>a:hover,
.nav-tabs.common-tabs>li.active>a, .nav-tabs.common-tabs>li.active>a:focus, .nav-tabs.common-tabs>li.active>a:hover{
	color: #fd6b4a;
}
.nav-tabs.common-tabs>li.active>a, .nav-tabs.common-tabs>li.active>a:focus, .nav-tabs.common-tabs>li.active>a:hover{
	border-bottom: 4px solid #fd6b4a;
}
/* buttons */
.custom-btn{
	padding-top: 2px;
	padding-bottom: 2px;
	color: #aaa;
	border:0;
}
.custom-btn:hover{
	opacity: 0.8;
}
.btn-like{
	padding-left: 27px;
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/btn-like-off.png') 5px center no-repeat;
}
.liked{
	color: #fd6b4a;
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/btn-like-on.png') 5px center no-repeat;
}
.btn-comment{
	display: inline-block;
	height: 24px;
	padding-left: 29px;
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/btn-message-off.png') 5px center no-repeat;
}
.btn-comment:hover{
	opacity: 1;
	color: #fd6b4a;
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/btn-message-on.png') 5px center no-repeat;
}
.btn-share{
	min-height: 24px;
	padding-left: 27px;
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/btn-share-off.png') 5px center no-repeat;
}
.btn-share:hover{
	opacity: 1;
	color: #fd6b4a;
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/btn-share-on.png') 5px center no-repeat;
}
.btn-bookmark{
	height: 24px;
	padding-left: 24px;
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/btn-bookmark-off.png') 5px center no-repeat;
}
.bookmarked{
	color: #fd6b4a;
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/btn-bookmark-on.png') 5px center no-repeat;
}
/* post */
textarea{
	padding: 7px 10px;
	border-radius: 4px;
	background-color: #f8f8f8;
	border: solid 1px #e8e8e8;
}
.hashtag-wrap{
	position: relative;
	overflow: hidden;
}
/*
.hashtag-wrap .show-all-hashtag{
	position: absolute;
	right: 0;
	bottom:2px;
	background: #fff;
}
.hashtag-wrap .show-all-hashtag a{
	color: #fd6b4a;
}
.hashtag-wrap .show-less-hashtag{
	float: right;
	color: #fd6b4a;
}
*/
.hashtag{
	color: #0083ff;
}
.hashtag:hover{
	opacity: 0.8;
}
.common-post{
	width: 100%;
	background: #fff;
}
.common-post .user-icon{
	position: relative;
	display: block;
	float:left;
	margin-right: 10px;
    vertical-align: middle;
}
.common-post .user-icon:hover{
	opacity: 0.9;
}
.common-post .user-icon .icon-user-type{
	position: absolute;
	right: 0;
	bottom: 0;
}
.common-post .user-icon .icon-user-shop{
	position: absolute;
	left: 0;
	top: 0;
}

.user-img{
    border-radius: 50%;
}
.common-post > div {
	padding: 10px 20px;
	border-bottom: 1px solid #e8e8e8;
}
.common-post > div:last-of-type{
	border-bottom: 0;
}
.common-post .post-profile{
	position: relative;
	padding: 6px 20px 7px;
	height: 73px;
}
.common-post .post-profile .user-icon .icon-user-type,
.common-post .post-profile .user-icon .icon-user-shop{
	width: 20px;
	height: 20px;
}
.common-post .post-profile .user-icon .user-img {
    width: 60px;
    height: 60px;
}
.common-post .post-profile .post-info{
	display: inline-block;
	height: 100%;
}
.common-post .post-profile .post-info>div{
	height: 50%;
}
.common-post .post-profile .post-info .user-name {
    padding-top: 5px;
    font-size: 16px;
    color: #333;
    line-height: 24px;
}
.common-post .post-profile .post-info .post-time,
.common-post .post-profile .post-info .post-location{
	display: inline-block;
	padding-top: 3px;
	font-size: 14px;
	color: #aaa;
}
.common-post .post-profile .post-info .post-time{
	padding-right: 20px;
}
.common-post .post-profile .post-info .post-location span{
	margin-left: 5px;
	vertical-align: middle;
}
.common-post .post-profile .post-top-action{
	position: absolute;
	top: 23.5px;
	right: 20px;
}
.common-post .post-profile .post-top-action>div{
	display: inline-block;
	vertical-align: top;
}
.common-post .post-details{
	padding: 15px 20px;
	font-size: 16px;
	line-height: 24px;
}
.common-post .post-details .post-text{
	margin-bottom: 16px;
	max-height: 156px;
	overflow: hidden;
	position: relative;
}
.common-post .post-details .post-text-control{
	margin-bottom: 16px;
}
.common-post .post-details .post-text-control .show-all-post-text{
	/*position: absolute;
	right: 0;*/
	bottom:2px;
	background: #fff;
}
.common-post .post-details .post-text-control .show-all-post-text a{
	color: #fd6b4a;
}
.common-post .post-details .post-text-control .show-less-post-text{
	/*float: right;*/
	color: #fd6b4a;
}
.common-post .post-details .post-text .show-all-post-text{
	position: absolute;
	right: 0;
	bottom:2px;
	background: #fff;
}
.common-post .post-details .post-text .show-all-post-text a{
	color: #fd6b4a;
}
.common-post .post-details .post-text .show-less-post-text{
	float: right;
	color: #fd6b4a;
}
.common-post .post-details .post-text .post-title{
	display: block;
	color: #fd6b4a;
	font-size: 16px;
	margin: 0;
}
.common-post .post-details .post-text .post-title:hover{
	opacity: 0.8;
}
.common-post .post-details .post-text .post-content{
	color: #333;
	overflow: hidden;
}
.common-post .post-details .post-text .post-contact{
	margin: 16px 0;
}
.common-post .post-details .post-media {
	position: relative;
}
.common-post .post-details .post-media .video-thumbnail{
	position: relative;
	display: block;
}
.common-post .post-details .post-media .video-thumbnail{
	text-align: center;
}
.common-post .post-details .post-media .video-thumbnail img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 692px;
}
.common-post .post-details .post-media .video-thumbnail .icon-video-play{
	position: absolute;
	bottom: 8px;
	left: 10px;
	width: 41px;
	height:24px;
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/icon-video-play.png') center no-repeat;
}
.common-post .post-details .post-media .video-thumbnail:hover .icon-video-play{
	opacity: 0.8;
}
.common-post .post-details .post-media .video-thumbnail .icon-related-product{
	position: absolute;
	right: 10px;
	bottom: 8px;
	padding: 5px 18px;
	color: #fff;
	font-size: 14px;
	border-radius: 15px;
	background-image: linear-gradient(296deg, #1d83f1, #53c4fc);
}
.common-post .post-details .post-media .video-thumbnail .icon-live{
	position: absolute;
	right: 10px;
	top: 8px;
	width: 52px;
	height: 20px;
	background-image: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/icon-live-cn.png');
}
.common-post .post-details .post-media .video-thumbnail .icon-live.en{
	background-image: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/icon-live-en.png');
}
.image-slider-wrap .owl-item{
	height: 100%;
}
.image-slider-wrap .owl-nav{
	position: absolute;
	top:50%;
	left:0;
	width: 100%;
	padding: 0 10px;
	z-index: 999;
}
.image-slider-wrap .owl-nav>.disabled{
	display: none;
}
.image-slider-wrap .owl-nav>div:hover{
	opacity: 0.8;
}
.image-slider-wrap .owl-nav .owl-prev{
	float: left;
}
.image-slider-wrap .owl-nav .owl-next{
	float: right;
}
.image-slider-wrap.owl-carousel .owl-item img{
	cursor: pointer;
}
.common-post .post-details .post-media .slider-indicator{
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 2px 12px;
	color: #fff;
	font-size: 14px;
	border-radius: 13px;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}
.common-post .post-details .post-media .image-slider-wrap.owl-carousel .owl-item img{
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 692px;
	margin: auto;
}
.common-post .post-action button{
	display: block;
	float: left;
}
.common-post .post-action .dropdown{
	float: right;
}
.common-post .post-action-comment textarea{
	width: calc(100% - 135px);
	height: 45px;
	resize: none;
	vertical-align: middle;
}
.common-post .post-action-comment button{
	width: 70px;
	height: 45px;
	color: #fff;
	border-radius: 4px;
	background-color: #ff9203;
	border:0;
	vertical-align: middle;
}
.common-post .post-action-comment button:hover{
	opacity: 0.8;
}
.common-post .post-comment-total a{
	color: #aaa;
}
.common-post .post-comment-total a:hover{
	color: #fd6b4a;
}
.common-post .post-action-comment .user-img,
.post-comment-li .user-img,
.common-post .post-other-user .user-icon .user-img{
	width: 45px;
    height: 45px;
}
.common-post .post-other-user .user-icon{
	padding-right: 5px;
	margin-right: 6px;
}
.common-post .post-other-user .user-icon .icon-user-type{
	width: 15px;
	height: 15px;
}
.common-post .post-action-comment .user-img,
.post-comment-li .user-img{
	margin-right: 10px;
	vertical-align: top;
}
.post-comment-li{
	position: relative;
}
.post-comment-li .comment-details{
	display: inline-block;
	width: calc(100% - 60px);
	font-size: 16px;
	word-break: break-word;
}
.post-comment-li .comment-details .comment-time{
	color: #aaa;
	font-size: 14px;
}
.post-comment-li .dropdown{
	position: absolute;
	right:5px;
	top: 5px;
}
.post-comment-loader{
	display: block;
	height:40px;
}
.post-comment-more-wrap{
	display: block;
	padding: 10px 20px;
	border-top: 1px solid #e8e8e8;
}
.post-comment-more{
	display: block;
	margin: auto;
	padding: 5px 20px;
	color: #ff9203;
	background-color: #fff;
	border-radius: 4px;
	border: 2px solid #ff9203;
}
.post-comment-more:hover{
	opacity: 0.8;
}
#newsfeedImageView{
	overflow: hidden;
}
#newsfeedImageView .img-viewer-header{
	position: relative;
	padding: 25px 30px;
	background-color: rgba(58, 58, 58, 0.9);
	color: #fff;
	text-align: center;
	font-size: 14px;
}
#newsfeedImageView .img-viewer-header .share-dropdown,
#newsfeedImageView .img-viewer-header .close{
	position: absolute;
}
#newsfeedImageView .img-viewer-header .share-dropdown{
	top: 25px;
	right: 60px;
}
#newsfeedImageView .img-viewer-header .close{
	right: 30px;
	opacity: 1;
	color: #fff;
}
#newsfeedImageView .img-viewer-header .close:hover{
	opacity: 0.8;
}
#newsfeedImageView .img-viewer-header .share-dropdown .dropdown-menu{
	top: 43px;
	left: -270px;
}
#newsfeedImageView .img-viewer-content{
	margin-top: 69px;
	height: calc(100% - 175px);
}
#newsfeedImageView .img-viewer-content div{
	height: 100%;
	width: 100%;
}
#newsfeedImageView .img-viewer-content .image-slider-wrap{
	margin: auto;
	width: 90%;
}
#newsfeedImageView .img-viewer-content .owl-nav,
#newsfeedImageView .img-viewer-content .owl-nav div{
	height: auto;
}
#newsfeedImageView .img-viewer-content .owl-nav div{
	width: auto;
}
#newsfeedImageView .img-viewer-content .image-slider-wrap.owl-carousel .owl-item img{
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	margin: auto;
	cursor: default;
}
.loader{
	background: url('https://bbc-s3-origin.bigbigchannel.com.hk/2.13.2/img/ajax-loader.gif') center no-repeat;
}
.recommend-ed-users-list{
	background-image: linear-gradient(327deg, #fff0e6, #fdfdfc);
	padding-top: 20px;
	padding-bottom: 20px;
}
.recommend-ed-users-list .artists_box_container .artists_box .artist_pic{
	height: 82px;
	overflow: hidden;
}
.recommend-ed-users-list .artists_box_container .artists_box .artist_name{
	margin-bottom: 17px;
}
.menu-pad{
	height:91px;
}
#newsfeedAddMoreModalBox .modal-dialog .modal-content .modal-body{
	position: relative;
	text-align: center;
}
#newsfeedAddMoreModalBox .modal-dialog .modal-content .modal-body .item{
	display: inline-block;
	width: 200px;
	padding: 10px 12px;
	margin-bottom: 10px;
	color: #aaa;
	font-size: 14px;
	border:1px solid #aaa;
	border-radius: 4px;
}
#newsfeedAddMoreModalBox .modal-dialog .modal-content .modal-body .item:hover{
	color: #fd6b4a;
	border: 1px solid #fd6b4a;
}
#newsfeedAddMoreModalBox .modal-dialog .modal-content .modal-body .close{
	position: absolute;
	right: 15px;
	top: 10px;
}
.unique-post-view{
	padding-bottom: 130px;
	background-color: #fee6e0;
}
.unique-post-view .common-post{
	max-width: 732px;
	margin: auto;
}
@media only screen and (max-width: 768px){
	.unique-post-view .common-post{
		width: 100%;
	}
	.common-post .btn-bookmark span{
		display: none;
	}
	.common-post .btn-bookmark{
		padding-left: 15px;
	}
}
.lrec{
	width: 300px;
	/*
	height: 250px;
	background-color: #000;
	*/
}
.super-banner{
	width: 975px;
	margin: 10px auto;
	/*
	height: 100px;
	background-color: #000;
	*/
}
.lb{
	width: 728px;
	margin: 10px auto;
	/*
	height: 90px;
	background-color: #000;
	*/
}
.bn{
	display: none;
	width: 100%;
	margin: auto;
	margin-bottom: 10px;
	clear: both;
	text-align: center;
	/*
	height: 90px;
	background-color: #ff8d00!important;
	*/
}

#modalIframeBox .modal-dialog{
	width: 80%;
	height: 90%;
	margin: 3% auto auto;
}
#modalIframeBox .modal-dialog div{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#modalIframeBox .modal-dialog .modal-content .modal-body{
	display:-ms-flexbox;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 0;
	-webkit-overflow-scrolling: touch;
	overflow: auto;
/*	width: calc(100% + 15px);
	height: calc(100% + 15px);
*/
}
#modalIframeBox .modal-dialog iframe{
/*
	width: calc(100% - 15px);
	height: calc(100% - 15px);
*/
	width: 100%;
	height: 100%;
}
@media only screen and (max-width: 1099px){
	.bn{
		display: block;
	}
	.bn-phone{
		display: none;
	}
}
@media only screen and (max-width: 767px){
	.bn-phone{
		display: block;
	}
	.bn-tablet{
		display: none;
	}
	.header .navbar-nav>li.nav_shop>a .desktop-icon{
		display: none;
	}
	.header .navbar-nav>li.nav_shop>a .rs-icon{
		display: block;
	}
	#modalIframeBox .modal-dialog{
		width: 90%;
	}
}
