.slide-view {
	height: calc(100% - 50px);
}
.slide-detail .slide-image {
	height: 100%;
}
*{margin: 0;padding: 0;}
body{
	background: #fff;
	font-family: 'Helvetica, Arial', sans-serif;
	overflow: hidden;
}
.link{
	text-decoration: none;
}
img{
	max-width: 100%;
}
.font-14{
	font-size: 14px !important;
}
.font-18{
	font-size: 18px;
}
.color-gray{
	color: #898989;
}
.share-link{
	color: #898989;
	font-size: 18px;
	text-decoration: none;
}
.share-link:hover{
	color: #fff;
}
.bg-dark {
    background-color: #252525;
}
.option-bg {
    padding: 2px 0;
	position: fixed;
	width: 100%;
	bottom: 0px;
}
.color-white {
    color: #fff;
}
.d-inline {
    display: inline-block;
}
.logo-left{
	width: 100%;
	height: 44px;
	display: inline-block;
}
.share-link:hover .share-icon{
	background: url(/public/embed/images/share-icon-hover.png) no-repeat;
}
.share-icon{
	background: url(/public/embed/images/share-icon.png) no-repeat;
	width: 24px;
	height: 19px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.fullscreen-icon{
	background: url(/public/embed/images/full-screen-icon.png) no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: middle;
	margin-top: 10px;
}
.fullscreen-icon:hover{
	background: url(/public/embed/images/full-screen-icon-hover.png) no-repeat;
}
.arrow-left-icon{
	background: url(/public/embed/images/arrow-left.png) no-repeat;
	width: 15px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.arrow-left-icon:hover{
	background: url(/public/embed/images/arrow-left-hover.png) no-repeat;
}
.arrow-right-icon:hover{
	background: url(/public/embed/images/arrow-right-hover.png) no-repeat;
}
.arrow-right-icon{
	background: url(/public/embed/images/arrow-right.png) no-repeat;
	width: 16px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
}
.seprater-line{
	background: #fff;
	height: 44px;
	width: 3px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 45px;
}
.number-of-page {
    display: inline-block;
    margin: 0 20px;
}
.option-row{
	-ms-flex-pack: justify!important;
    justify-content: space-between!important;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	height: 44px;
}
.box-col{
	-ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
        padding-right: 15px;
    padding-left: 15px;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.text-center{
	text-align: center;
}
.overlay-bg-gray{
	background: rgba(225, 225, 225, .95);
    width: 100%;
	height: 100%;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 80px;
}
.post-bg-main{
    position: relative;
    overflow-y: hidden;
}
.color-green{
	color: #005952;
}
.share-popup label {
    display: inline-block;
    color: #000000;
    font-size: 18px;
    margin-bottom: .5rem;
}
.input-control {
    display: block;
    width: 95%;
    padding: 5px .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #b7b7b7;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.share-popup{
	position: absolute;
	top: 10%;
	z-index: 99;
	width: 500px;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.share-popup .group{
	margin-bottom: 30px;
}
.title{
	font-weight: bold;
	font-size: 24px;
	border-bottom: 1px solid #b7b7b7;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.social-icons{
	margin-bottom: 30px;
}
.social-icons li a i{
	width: 36px;
	height: 36px;
	display: block;
}
.social-icons li{
	list-style: none;
	display: inline-block;
	margin-right: 18px;
	vertical-align: middle;
}
.fb-icon{
	background: url(/public/embed/images/fb-icon.png) no-repeat;	
}
.twit-icon{
	background: url(/public/embed/images/twit-icon.png) no-repeat;	
}
.linkedin-icon{
	background: url(/public/embed/images/linkedin.png) no-repeat;	
}
.gplus-icon{
	background: url(/public/embed/images/gplus-icon.png) no-repeat;	
}
.tumbler-icon{
	background: url(/public/embed/images/tumbler-icon.png) no-repeat;	
}
.fb-icon:hover{
	background: url(/public/embed/images/fb-icon-hover.png) no-repeat;	
}
.twit-icon:hover{
	background: url(/public/embed/images/twit-icon-hover.png) no-repeat;	
}
.linkedin-icon:hover{
	background: url(/public/embed/images/linkedin-hover.png) no-repeat;	
}
.gplus-icon:hover{
	background: url(/public/embed/images/gplus-icon-hover.png) no-repeat;	
}
.tumbler-icon:hover{
	background: url(/public/embed/images/tumbler-icon-hover.png) no-repeat;	
}
.select-row{
	margin: 0 -15px;
}
.select-row select{
	display: inline-block;
	width: 100px;
}
.mb-20{
	margin-bottom: 20px !important;
}
.box-col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
.collapse{
	display: none;
}
.close-btn{
	background: url(/public/embed/images/close-icon.png) no-repeat;
	width: 32px;
	height: 32px;
	display: block;
	margin: 25px 30px;
	float: right;
}
.close-btn:hover{
	background: url(/public/embed/images/close-icon-hover.png) no-repeat;
}
.share-div {
	padding-top: 10px;
}

@media (max-width: 767px){
	.logo-left{
		width: 100%;
		background-size: 110px;
	}
	.seprater-line{margin: 0 20px;display: none;}
	.pager-main{text-align: center;padding-top: 10px;}
}
@media (max-width: 540px){
	.share-popup{
		width: 85%;
		top: 30px;
	}
	.share-popup .group{
		margin-bottom: 20px;
	}

	.input-control{width: 91%;}
	.box-col-2{max-width: 100%;}
	.close-btn{margin: 15px;}
	/*.option-bg .option-row{display: block;}*/
	.share-icon {
		display: none;
	}
}

@media (max-width: 400px){
	.logo-left{
		width: 100%;
		background-size: 110px;
	}
	.seprater-line{margin: 0 20px;display: none;}
	.share-link, .d-none-xs{display: none;}
	.pager-main{text-align: left;padding-top: 10px;}
}



/* reader */
#document-paging, #slide-paging {
	margin-right: 5px;
	width: 35px;
	height: 18px;
	text-align: center;
	border: 1px solid #898989;
	border-radius: 5px;
	display: inline-block;
	padding-top: 2px;
}
#viewer {
	background-color: #fff;
	width: 100%;
	border-top: 1px solid #e6e9ec;
	border-right: 1px solid #e6e9ec;
	border-left: 1px solid #e6e9ec;
}
.doc-detail-viewport {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: auto;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	outline: 0!important;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
.hidden {
	display: none;
}
.outer_page {
	min-height: 487px;
}
.detail-jsond {
	position: relative;
}
.post-pages {
	overflow: hidden;
}
div.newpage {
	background-color: white;
}
/* reader end */