@charset "UTF-8";

* {
margin:0;
padding:0;
}

img {
border:0 none;
}

a {
text-decoration:none;
color:#3f3f3f;
}

a:hover {
color:#0c86ea;
}

h1,h2,h3 {
font-weight:300;
}

.left {  /* 需要的 */

float:left;
}

.right {  /* 需要的 */

float:right;
}

.clear {
clear:both;
width:100%;
}



.txt-left { /* 需要的 */
text-align:left;
}

.txt-right {   /* 需要的 */

text-align:right;
}

.txt-center {
text-align:center;
}





.vertical-scroller-home {  /* 需要的 */
height:776px;
position:relative;
background-image:url(../img/background-book.jpg);
background-position:center center;
background-repeat:repeat-y;
overflow:hidden;
}

#content-slider-home {  /* 需要的 */
width:1200px;
margin:0 auto;
}

.first-page-slider,.second-page-slider {  /* 需要的 */
width:50%;
}

.slide-photo-left { /* 需要的 */ 
background-position:left bottom;
background-repeat:no-repeat;
position:absolute;
left:0;
top:0;
}

.slide-photo-right {   /* 需要的 */ 
background-position:right bottom;
background-repeat:no-repeat;
position:absolute;
right:0;
top:0;
}

.absolute-slider-txt {  /* 需要的 */

bottom:0;
height:326px;
position:absolute;
width:490px;
}

.absolute-right {  /* 需要的 */ 

right:20px;
}

.absolute-left { /* 需要的 */
left:20px;
}

.slide-img { /* 需要的 */

height:450px;
width:90%;
min-width:600px;
}

.single {   /* 需要的  */ 

height:776px;
position:relative;
width:100%;
}

.title-slider-home {   /* 需要的 */
border-top:1px solid #6c7071;
padding-top:10px;
}

.title-slider-home h1 {  /* 需要的 */

font-size:70px;
margin-top:-22px;
/*font-family:nilland-smallcapsbold;*/
}

.margin-top-content {  /* 需要的 */
margin-top:10px;
font-size:15px; line-height:22px;
}



.shadow-book {  /* 需要的 */ 
background-position:top center;
background-repeat:no-repeat;
position:absolute;
height:22px;
width:390px;
left:50%;
margin-left:-185px;
z-index:100;
}

.shadow-up {  /* 需要的 */

background-image:url(../img/shadow-book-up.png);
top:0;
}

.shadow-dw {
background-image: url(../img/shadow-book-dw.png);
bottom: 0;
}



.grayscale {  /* 需要的 */

-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; filter: grayscale(100%); 	
-webkit-transition: 0.3s all ease-in;
-o-transition: 0.3s all ease-in;
-moz-transition: 0.3s all ease-in;
transition: 0.3s all ease-in;
}

.grayscale:hover {  /* 需要的  */ 
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0); 
-moz-filter: grayscale(0);
-ms-filter: grayscale(0); 
-o-filter: grayscale(0);
filter: none;
filter: grayscale(0);
}

.button-slide {
position:absolute;
bottom:0;
left:0;
right:0;
text-align:center;
z-index:1000;
}

.first-2-slide {  /* 需要的 */

min-width:1200px;
width:90%;
}

.scrollable {   /* 需要的 */

position:relative;
overflow:hidden;
height:776px;
width:100%;
}

.scrollable .items {  /* 需要的 */
position:absolute;
height:20000em;
}


.title-slider-home H2,h1.adjectives { /* 需要的 */
font-size:30px;
}

.title-slider-home h1{ /* 需要的 */
margin-top:-10px;
}