/* CSS Document */
.nav-epaper {
	width:100%;
	float:left;
	background:#fff;
	border-bottom:1px solid #ddd;
}
.boxed .nav-epaper .container {
	padding:0px;
}
.nav-epaper .ep_title {float:left;padding:6px 15px;display:block;color: #000;font-size:16px;font-weight:bold;line-height:24px;}
.nav-epaper .ep_title a {color:#000;display:block;}
.nav-epaper .ep_tools {float:right;padding:6px 20px;display:block;color: #333;font-size:16px;font-weight:bold; line-height:24px;}
.nav-epaper .ep_tools a {color:#000;}
.nav-epaper .ep_tools a:hover {color:#666;}
.nav-epaper .ep_tools i {margin-left:10px;}
.nav-epaper .datepicker { z-index:99999;}
.nav-epaper ul.dd_date {float:left; list-style:none; padding:0px; margin:0px;}
.nav-epaper ul.dd_date > li {position:relative; min-width: 160px;}
.nav-epaper ul.dd_date > li, ul.dd_date > li > a {color:#000; padding:6px 15px; margin:0px; display:block; font-size:14px;font-weight:normal;line-height:24px;}
.nav-epaper ul.dd_date > li:hover{text-decoration:none;cursor:pointer;color:#333;text-transform:capitalize;background:#fff; border:1px solid #ddd; padding:5px 14px;}		
.nav-epaper ul.dd_date > li > ul {position:absolute;top:100%;left:-1px;z-index:1000;display:none;float:left;min-width:160px;padding:0px;margin:0px;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ddd;border-top:0px;}
.nav-epaper ul.dd_date > li > ul > li {border-top:1px solid #cfcfcf; margin:0px; padding:0px; width:100%;}
.nav-epaper ul.dd_date > li > ul > li > a {display:block; padding: 3px 15px; clear: both; color:#666666;}
.nav-epaper ul.dd_date > li > ul > li > a:hover { color:#333; background:#ddd;}
.nav-epaper ul.dd_date > li:hover ul {display:block;}		
.epaper-aside {width:15%;float:left;max-height:1200px;overflow:auto;}
.epaperthumb {
	width:100%;
	float:left;
	position:relative;
	margin-bottom:15px;
	padding:10px;
	border:1px solid #ddd;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
          box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}
.epaperthumb .img-container {
	width:100%;
	display:block;
	overflow:hidden;
	position:relative;
}
.epaperthumb img:hover {
	opacity:0.7;
}
.epaperthumb span {
	position: absolute;
	right: 10px;
  bottom: 10px;
	text-align: center;
	background:rgba(0,0,0,0.5);
	padding:5px;
	color:#FFFFFF;
}
.epaperthumb.active {	
	border:1px solid #666;
}
.epaperthumb.active span {
	background:rgba(255,255,255,0.7);
	color:#333;
}
.epaper-beside {
	width:83%;
	float:right;
	padding:10px;
	border:1px solid #ddd;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
          box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
.epapermain-box {
	min-height:700px;
}


@media (max-width: 767px) {
	.header-logo {
		width:100%!important;
		float:left;
		text-align:center;
	}
	.logo {
		padding:0px!important;
	}
	.logo img {
		height:30px;
	}
	.nav-epaper ul.dd_date > li {
		min-width: auto!important;
	}
	.ep_tools {
		width:100%;
		text-align:center;
	}
	.ep_tools.pull-right {
		float:left!important;	
	}
	.epaper-aside {
		width:100%;
		margin-bottom:10px;
	}
	.epaper-aside-scroll {
		width:100%;
		height:auto;
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
	}
	.epaperthumb {
		width:none;
		margin-right:15px;
		padding:1px;
		flex: 0 3 auto;
	}
	.epaperthumb .img-container {
		width:70px;
		height:110px;
		display:block;
		overflow:hidden;
		position:relative;
	}
	.epaperthumb span {
		position: absolute;
		right: 0px;
		bottom: 0px;
		text-align: center;
		background:rgba(0,0,0,0.5);
		padding:2px;
		color:#FFFFFF;
	}
	.epaper-beside {
		width:100%;
		float:left;
		padding:0px;
		border:1px solid #ddd;
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
						box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	}
	.epapermain-box {
		min-height:auto;
	}
}