@charset "utf-8";
	/* CSS Document */
	
	html {font-size:125%;}
	body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,code,form,fieldset,legend,button,input,textarea{padding:0px; margin:0px; border:none; background-image:url(../images/bg.jpg)};
	a,a:visited{ text-decoration:none; color: #333;}
	a:active,a:hover { text-decoration:none;}
	a:focus,input:hover,button:hover,input[type='button']:hover{ outline:none;}
	i, em, cite { font-style: normal; }
	li{ vertical-align:bottom;/*overflow:hidden; */ list-style-type:none;}
	html{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
	
	/*ipad/windows*/
	body{width:100%;margin:0 auto;}
	@media (min-width: 415px) and (max-width: 480px){/*sony U*/}
	@media (min-width: 376px) and (max-width: 414px){/*iphone6P*/}
	@media (min-width: 341px) and (max-width: 375px){/*iphone6*/}
	@media only screen and (max-width: 340px){/*iphone4/4s/5*/}
	article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;padding:0px; margin:0px; border:none;}
	.overflow{ overflow:hidden;} 
	a,button,input,i{-webkit-tap-highlight-color:rgba(0,0,0,0); -moz-tap-highlight-color:rgba(0,0,0,0); -ms-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);}       
	.fl{ float: left; }.fr{ float: right;}
	img{ max-width:100%; height:auto;border:none; interpolation-mode: bicubic; vertical-align: middle;}
	
	.txt-center{ text-align:center;}
	.txt-justify{ text-align:justify; text-justify:inter-ideograph;}
	.input[type='checkbox'], .input[type='radio'] {position: absolute;z-index: 99999999;top: 0;left: 0;display: block;width: 100%; height: 100%;margin: 0;cursor: pointer;opacity: 0;}
	
	/* 自动换行 */
	.word-auto{word-wrap: break-word;word-break: normal;}
	/* 自动居中 */
	.mg-auto{ margin-left:auto; margin-right:auto; position:relative;}
	
	/* clearfix */  
	.clearfix:after{ visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}
	.clearfix{ *zoom:1;}
	
	/*.bookshelf { width:95%; margin:2rem auto;}
	.bookshelf .shelf {width:100%;height:auto;}
	.bookshelf .shelf .row-1 {position: relative; width:100%; height:10rem; background:url(../images/wall-bookshelf.png); background-size: 100%; background-repeat: no-repeat; background-position: bottom;}
	.bookshelf .shelf .loc {position: absolute;bottom:2.5rem;width: 100%; margin-left:2rem;}
	.bookshelf .thumb1, .bookshelf-row .thumb1 {width:22%; height:auto; float:left;}
	.bookshelf .sample, .bookshelf-row .sample {margin: 0 1.2rem 0 0;position: relative; z-index: 1;
		box-shadow: 2px 2px 5px rgba(0,0,0,0.6);
		transition: transform 0.1s;
		transform: translate(0, 0);
	}*/


.inner-top-sm {
    padding-top: 80px;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}	
	
.book-shelf {
    text-align: center;
    background-size: contain;
}
	
.book-shelf.brown-wooden-shelf {
    background: url(../images/bgwall.png) no-repeat scroll center 185px rgba(0,0,0,0);
	background-position: bottom;
}

.inner-bottom {
    padding-bottom: 165px;
}

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.center-block {
    float: none;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}



.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.bk-cover {
    display: inline-block;
    position: relative;
    z-index: 99;
    background-repeat: repeat;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bk-cover img {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;

}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
}

.bk-cover .fade {
    -webkit-box-shadow: 0 1px 1px rgba(1,1,1,0.25), inset 0 1px rgba(255,255,255,0.25);
    -moz-box-shadow: 0 1px 1px rgba(1,1,1,0.25),inset 0 1px rgba(255,255,255,0.25);
    box-shadow: 0 1px 1px rgba(1,1,1,0.25), inset 0 1px rgba(255,255,255,0.25);
    height: 272px;
    left: 1px;
    background-color: rgba(0,0,0,0);
    opacity: 1;
    padding: 20px 40px;
    position: absolute;
    top: 1px;
    width: 99%;
    background-image: -webkit-linear-gradient(left, rgba(1,1,1,0), rgba(1,1,1,0) 1%, rgba(1,1,1,0.17) 6%, rgba(1,1,1,0) 7%, rgba(0,0,0,0));
    background-image: -moz-linear-gradient(left, rgba(1,1,1,0), rgba(1,1,1,0) 1%, rgba(1,1,1,0.17) 6%, rgba(1,1,1,0) 7%, rgba(0,0,0,0));
    background-image: -o-linear-gradient(left, rgba(1,1,1,0), rgba(1,1,1,0) 1%, rgba(1,1,1,0.17) 6%, rgba(1,1,1,0) 7%, rgba(0,0,0,0));
    background-image: linear-gradient(to right, rgba(1,1,1,0), rgba(1,1,1,0) 1%, rgba(1,1,1,0.17) 6%, rgba(1,1,1,0) 7%, rgba(0,0,0,0));
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}