@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-08-26 14:38:43
 * @version $Id$
 */

body{
	background-color: #eee;
}

div,ul,li{
	overflow:hidden;
}

.reading-banner{
	position:relative;
	background:url(/Shared/home2017/images/slider/banner6.jpg) no-repeat;
	min-width:1000px;	
	display: inline-block;    
    width:100%; 
    min-height:460px;
    /*background-size:100% 100%;*/
     background-position: 50% 50%;
	/*background-size: 100% 100%;*/
	background-size: cover;
}


.wrap-reading{
	width:100%;
	max-width: 1200px;
	min-width: 960px;
	margin:10px auto;
}

.wrap-video-reading{
	width:100%;
	max-width: 1200px;
	min-width: 960px;
	margin:10px auto;
}

.reading-video-list{
	width:100%;
}

.reading-book{
	background: #fff;
	padding: 0 10px;
	margin-top:30px;
}


.reading-book-title{
	font-size:18px;
	padding:10px;
	font-weight:bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

/*.reading-video-list .reading-list{
	width:24.3%;
	float:left;
	margin-right:10px;
	margin-top:5px;
}*/

.reading-list-left{
	width:50%;
	float:left;
	/*margin-right:9px;*/
}

.reading-list-right{
	width:50%;
	float:left;
}

.reading-list-right .reading-list{
	width:48%;
	float:left;
	margin-left:11.8px;
}

.reading-list-right .reading-list:nth-child(2n+0){
	margin-right:0px;
}

.reading-bottom{
	width:100%;
	padding-bottom: 10px;
}

.reading-bottom .reading-list{
	width: 24.3%;
    float: left;
    margin-right: 11px;
    margin-top: 5px;
}

.reading-bottom-one .reading-list:nth-child(4n+0){
	margin-right:0px;
}

.reading-bottom-two .reading-list{
	width: 32.7%;
    float: left;
    margin-right: 11px;
    margin-top: 5px;
}

.reading-bottom-two .reading-list:nth-child(3n+0){
	margin-right:0px;
}

.reading-bottom-three .reading-bottom-top .reading-list{
	width: 32.7%;
    float: left;
    margin-right: 11px;
    margin-top: 5px;
}

.reading-bottom-top .reading-list:nth-child(3n+0){
	margin-right:0px;
}

.reading-book-four{
	
	padding-bottom: 10px;
}

.reading-book-four .reading-list{
	width: 24.3%;
    float: left;
    margin-right: 11px;
    margin-top: 5px;
}

.reading-book-four .reading-list:nth-child(5n+0){
	margin-right:0px;

}


/*.reading-video-list .reading-list:nth-child(4n+0){
	margin-right:0px;
}*/

.list-img{
	position: relative;
}
.list-img,.list-img img{
	width:100%;
}

.list-img .bottom-title{
	position:absolute;
	display:block;
	width:100%;
	background: rgba(0,0,0,0.5);
	bottom:5px;
	color:#fff;
	text-align:center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding:5px 0;
}




@media screen and (max-height: 768px){

.wrap-reading{
	width:100%;
	max-width: 960px;
	min-width: 960px;
	margin:10px auto;
}

.wrap-video-reading{
	width:100%;
	max-width: 960px;
	min-width: 960px;
	margin:10px auto;
}
	
.user-story-banner{
	position:relative;
	background:url(/Shared/home2017/images/slider/banner6.jpg) no-repeat top center;	
	display: inline-block;    
    width:100%; min-height:340px;
    min-width: 960px;
	background-position: 50% 50%;
	/*background-size: 100% 100%;*/
	background-size: cover;
}

.reading-list-right .reading-list{
	width:48%;
	float:left;
	margin-left:8px;
}

.reading-bottom .reading-list{
	width: 24.3%;
    float: left;
    margin-right: 8px;
    margin-top: 5px;
}

.reading-bottom-two .reading-list{
	width: 32.7%;
    float: left;
    margin-right: 8px;
    margin-top: 5px;
}

.reading-bottom-two .reading-list:nth-child(3n+0){
	margin-right:0px;
}

.reading-bottom-three .reading-bottom-top .reading-list{
	width: 32.7%;
    float: left;
    margin-right: 8px;
    margin-top: 5px;
}

.reading-bottom-top .reading-list:nth-child(3n+0){
	margin-right:0px;
}

.reading-book-four .reading-list{
	width: 24.3%;
    float: left;
    margin-right: 8px;
    margin-top: 5px;
}

.reading-book-four .reading-list:nth-child(5n+0){
	margin-right:0px;

}




}