header{
    height: 150px;
}

.central__slide{
    height: 790px;
    background: url("../image/bigpicture.jpg") 50% 50% no-repeat;
    position: relative;
}

.central__sprite{
    overflow: hidden;
    text-indent: -9999px;
    display: inline-block;
    position: absolute;
    width: 425px;
    height: 350px;
    left: 50%;
    margin-left: -212px;
    top: 232px;
    background: url("../image/sprite/top-sprite.png") 0 0 no-repeat;
}


.middle__slide{
	overflow: hidden;
    height: 600px;
    position: relative;
    padding-bottom: 250px;
}

.middle__sprite{
    overflow: hidden;
    text-indent: -9999px;
    display: inline-block;
    position: absolute;
    width: 560px;
    height: 450px;
    left: 50%;
    margin-left: -280px;
    top: 50px;
    background: url("../image/sprite/middle-sprite.png") 0 0 no-repeat;
}

.animated {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated2 {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.s-top0 { background-position: 0 0;  }
.s-top1 { background-position: -425px -0px;  }
.s-top2 { background-position: -850px -0px;  }
.s-top3 { background-position: -1275px -0px;  }
.s-top4 { background-position: -0px -350px;  }
.s-top5 { background-position: -425px -350px;  }
.s-top6 { background-position: -850px -350px;  }
.s-top7 { background-position: -1275px -350px;  }
.s-top8 { background-position: -0px -700px;  }
.s-top9 { background-position: -425px -700px;  }
.s-top10 { background-position: -850px -700px;  }
.s-top11 { background-position: -1275px -700px;  }
.s-top12 { background-position: -0px -1050px;  }
.s-top13 { background-position: -425px -1050px;  }
.s-top14 { background-position: -850px -1050px;  }
.s-top15 { background-position: -1275px -1050px;  }
.s-top16 { background-position: -0px -1400px;  }
.s-top17 { background-position: -425px -1400px;  }
.s-top18 { background-position: -850px -1400px;  }
.s-top19 { background-position: -1275px -1400px;  }
.s-top20 { background-position: -0px -1750px;  }
.s-top21 { background-position: -425px -1750px;  }
.s-top22 { background-position: -850px -1750px;  }


.s-middle1 { background-position: 0 0;  }
.s-middle2 { background-position: -560px -0px;  }
.s-middle3 { background-position: -1120px -0px;  }
.s-middle4 { background-position: -1680px -0px;  }
.s-middle5 { background-position: -0px -450px;  }
.s-middle6 { background-position: -560px -450px;  }
.s-middle7 { background-position: -1120px -450px;  }
.s-middle8 { background-position: -1680px -450px;  }
.s-middle9 { background-position: -0px -900px;  }
.s-middle10 { background-position: -560px -900px;  }
.s-middle11 { background-position: -1120px -900px;  }
.s-middle12 { background-position: -1680px -900px;  }
.s-middle13 { background-position: -0px -1350px;  }
.s-middle14 { background-position: -560px -1350px;  }
.s-middle15 { background-position: -1120px -1350px;  }
.s-middle16 { background-position: -1680px -1350px;  }
.s-middle17 { background-position: -0px -1800px;  }
.s-middle18 { background-position: -560px -1800px;  }
.s-middle19 { background-position: -1120px -1800px;  }
.s-middle20 { background-position: -1680px -1800px;  }
.s-middle21 { background-position: -0px -2250px;  }
.s-middle22 { background-position: -560px -2250px;  }
.s-middle23 { background-position: -1120px -2250px;  }
.s-middle24 { background-position: -1680px -2250px;  }


.change_background{
    background: #64c8b4;
    width: 100%;
/*     height: 300px; */
    -webkit-transition: background-color 3.1s;
    -moz-transition: background-color 3.1s;
    -ms-transition: background-color 3.1s;
    -o-transition: background-color 3.1s;
    transition: background-color 3.1s;
}


.fly__book{
    position: relative;
    height: 600px;
    overflow: hidden;
    
/*     padding-bottom: 100px; */
}

.fly__book__item{
    position: absolute;
    top: 0;
    opacity: 0;
    left: calc(50% + 140px);
	transition: all 1.8s cubic-bezier(0.06, 0.05, 0, 0.85);
}
.fly__book__item img:first-child{
	position: relative;
	
}

.fly__book__item.item_1 img:first-child{z-index: 8}
.fly__book__item.item_2 img:first-child{z-index: 6}
.fly__book__item.item_3 img:first-child{z-index: 4}
.fly__book__item.item_4 img:first-child{z-index: 2}

.fly__book__item.item_1{
    margin-left: 0;
    z-index: 8;
}


.item_1sh{
	position: absolute;
    left: -120px;
    top: 0;
    z-index: 7;
}

.item_2sh{
	position: absolute;
    left: -120px;
    top: 0;
    z-index: 5;
}

.item_3sh{
	position: absolute;
    left: -120px;
    top: 0;
    z-index: 3;
}


.fly__book__item.item_2{
    margin-left: -200px;
    z-index: 6;
}

.fly__book__item.item_3{
    margin-left: -400px;
    z-index: 4;
}

.fly__book__item.item_4{
    margin-left: -600px;
    z-index: 2;
}


.bspb_down .fly__book__item{
    left: calc(54% + 140px);
}
.bspb_down .fly__book__item.item_1{
    margin-left: 0;
    z-index: 8;
}


.bspb_down .fly__book__item.item_1,
.bspb_down .fly__book__item.item_2,
.bspb_down .fly__book__item.item_3,
.bspb_down .fly__book__item.item_4{
	transition: all 2s cubic-bezier(0.06, 0.05, 0, 0.85);
}
	
.item_1sh,
.item_2sh,
.item_3sh,
.item_4sh{	
	transition: all 2s cubic-bezier(0.06, 0.05, 0, 0.85);
	transform: scale(0.85);
	-webkit-transform: scale(0.85);
}
.bspb_down .item_1sh,
.bspb_down .item_2sh,
.bspb_down .item_3sh,
.bspb_down .item_4sh{	
	opacity: 0.8;
	transition: all 2s cubic-bezier(0.06, 0.05, 0, 0.85);
}


.bspb_down .fly__book__item.item_1{
    margin-left: 20px;
    z-index: 7;
}
.bspb_down .fly__book__item.item_2{
    margin-left: -240px;
    z-index: 6;
}
.bspb_down .fly__book__item.item_3{
    margin-left: -500px;
    z-index: 4;
}
.bspb_down .fly__book__item.item_4{
    margin-left: -750px;
    z-index: 2;
}

.announce__picture-note.flybo{
	display: none;
}
.fly__book .announce__picture-note2{
	display: block;
	width: 210px;
    height: 400px;
    position: absolute;
    left: 340px;
    top: 120px;
}

.round__scale{
    height: 773px;
    position: relative;
    overflow: hidden;
}

.round__scale__item{
    position: absolute;
    left: 50%;
    opacity: 0;
    top: 100px;
    margin-left: -25px;
}
.round__scale__item.r01{margin-left: 37px;top: 411px;}
.round__scale__item.r02{margin-left: -550px;top: 23px;}
.round__scale__item.r03{margin-left: -810px;top: 23px;}
.round__scale__item.r04{margin-left: -1130px;top: 100px;}
.round__scale__item.r05{margin-left: -883px;top: 298px;}
.round__scale__item.r06{margin-left: 727px;top: 50px;}
.round__scale__item.r07{margin-left: 386px;top: 183px;}
.round__scale__item.r08{margin-left: -450px;top: 554px;}
.round__scale__item.r09{margin-left: 510px;top: 495px;}
.round__scale__item.r10{margin-left: -270px;top: 300px;}
.round__scale__item.r11{top: 0;}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInScale {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.7, 0.7, 0.7);
        transform: scale3d(0.7, 0.7, 0.7);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.7, 0.7, 0.7);
        transform: scale3d(0.7, 0.7, 0.7);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.fadeInScale {
    -webkit-animation-name: fadeInScale;
    animation-name: fadeInScale;
}

@media(max-width: 1280px){
	.fly__book .announce__picture-note2{
		display: none;
	}
	.announce__picture-note.flybo{
		display: block;
	}
}