@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Huninn&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');

html,body{
	height:100%;
	-webkit-text-size-adjust:none;
}

a{
	text-decoration: none;	
}

div,a,p{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

#main{
	width:100%;
	max-width:1920px;
	min-height:100%;
	background-color:#FF9;
	overflow:hidden;
	margin:auto;
}



/*book cover 01------------*/

.Book_1_Cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	
	background-image: url(/Images/index/book1_bg02.png), url(/Images/index/book1_bg01.jpg),url(/Images/index/book1_bg03.jpg);
	background-repeat:no-repeat, no-repeat, repeat;
	background-position:bottom center, top center, top center;
	/*
	background-image:url(/Images/index/test_b01.jpg);
	background-position:top center;*/
	
	overflow:hidden;
	
	opacity:0;
		
}

.Book_1_Cover>.BookContent{
	position:relative;
	width:100%;
	max-width:1000px;
	margin:auto;
	
}
.Book_1_Cover>.BookContent>img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.Book_1_Cover>.BookContent>.animal{
	position:absolute;
	width:100.9%;
	top:26%;
	left:3.2%;

	transform:translateY(5%);
	opacity:0;
}
.Book_1_Cover>.BookContent>.animal>img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}



/*book cover 02------------*/

.Book_2_Cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	
	background-image: url(/Images/index/book2_bg03.png), url(/Images/index/book2_bg02.png),url(/Images/index/book2_bg01.jpg);
	background-repeat:no-repeat, no-repeat, no-repeat;
	background-position:top center, bottom center, top center;
	background-color:#19a7ff;
	/*
	background-image:url(/Images/index/test_b02.jpg);
	background-position:top center;*/
	
	overflow:hidden;
	
	opacity:0;
	
}
.Book_2_Cover>.BookContent{
	position:relative;
	width:100%;
	max-width:1000px;
	margin:auto;
	
}
.Book_2_Cover>.BookContent>img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}
.Book_2_Cover>.BookContent>.animal{
	position:absolute;
	width:137.2%;
	top:5.8%;
	left:-15.5%;
	
	transform:translateY(5%);
	opacity:0;
}
.Book_2_Cover>.BookContent>.animal>img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

/*book cover 03------------*/

.Book_3_Cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	
	background-image: url(/Images/index/book3_bg04.png), url(/Images/index/book3_bg03.png),url(/Images/index/book3_bg01.jpg);
	background-repeat:no-repeat,no-repeat, no-repeat;
	background-position:top center,top center, top center;
	background-color:#8e90f2;
	/*
	background-image:url(/Images/index/test_b02.jpg);
	background-position:top center;*/
	
	overflow:hidden;
	
	opacity:0;
	
}
.Book_3_Cover>.BookContent{
	position:relative;
	width:100%;
	max-width:1000px;
	margin:auto;
	
}
.Book_3_Cover>.BookContent>img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}
.Book_3_Cover>.BookContent>.animal{
	position:absolute;
	width:142.9%;
	top:33.5%;
	left:-21.7%;
	
	transform:translateY(5%);
	opacity:0;
}
.Book_3_Cover>.BookContent>.animal>img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}






.main_content{
	position:relative;
	width:100%;
	max-width:1000px;
	margin:auto;
}
.main_content>img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.coverTitle{
	position:absolute;
	width:75.2%;
	top:11.7%;
	left:12.3%;
}

.coverTitle>img{
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

.Open{
	opacity:1;
}

.act{
	transition: all 0.9s ease-out;
}


.aOpen{
	transform:translateY(0%) !important;
	opacity:1 !important;
}


/*740以上--------------*/
@media screen and (min-width: 740px){
	
.copyright{
	position:absolute;
	bottom:10px;
	width:100%;
	
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.copyrightT01{
	position:relative;
	width:100%;
	min-height:80px;
	max-width:640px;
	margin:auto;
	background-color:rgba(100%,100%,100%,0.8);
	border:3px dotted #fff;
	border-radius:400px;
	color:#19791b;
	font-size:16px;
	padding-left:4.5%;
}
.copyrightT01>div{
	float:left;
	margin-left:0%;
	margin-top:20px;
}

.copyrightT01>div:nth-child(2){
	border-left:1px solid #19791b;
	margin-left:2%;
	padding-left:2%;
}

.copyrightT02{
	position:relative;
	text-align:center;
	padding-top:10px;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 2px 1px rgba(0%,0%,0%,0.2);
}


} /*740以上-*/


/*1024以下--------------1002*/
@media screen and (max-width: 1024px){
	
.Book_1_Cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	
	background-image: url(/Images/index/book1_bg02.png), url(/Images/index/book1_bg01.jpg),url(/Images/index/book1_bg03.jpg);
	background-repeat:no-repeat, no-repeat, repeat;
	background-position:bottom center, top center, top center;
	background-size:195% auto,195% auto,195% auto;
	
	overflow:hidden;
}


.Book_2_Cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	
	background-image: url(/Images/index/book2_bg03.png), url(/Images/index/book2_bg02.png),url(/Images/index/book2_bg01.jpg);
	background-repeat:no-repeat, no-repeat, no-repeat;
	background-position:top center, bottom center, top center;
	background-size:195% auto,195% auto,195% auto;
	background-color:#19a7ff;
	
	overflow:hidden;
	
}

.Book_2_Cover>.BookContent>.animal{
	position:absolute;
	width:117.2%;
	top:5.8%;
	left:-7.5%;
}

.Book_3_Cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	
	background-image: url(/Images/index/book3_bg04.png), url(/Images/index/book3_bg03.png),url(/Images/index/book3_bg01.jpg);
	background-repeat:no-repeat,no-repeat, no-repeat;
	background-position:top center,top center, top center;
	background-size:185% auto,185% auto;
	background-color:#8e90f2;
	
	overflow:hidden;
	
}

.Book_3_Cover>.BookContent>.animal{
	position:absolute;
	width:122.9%;
	top:33.5%;
	left:-11.7%;
}


.main_content{
	position:relative;
	width:100%;
	max-width:1000px ;
	min-height:100vh;
	margin:auto;
}

} /*1002以下*/




/*1024以下-------------直*/
@media all and  (max-width: 1024px) and (orientation:portrait){

.Book_1_Cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	padding-top:92px;
	
	background-image: url(/Images/index/book1_bg02.png), url(/Images/index/book1_bg01.jpg),url(/Images/index/book1_bg04.jpg), url(/Images/index/book1_bg03.jpg);
	background-repeat:no-repeat, no-repeat, repeat-x, repeat;
	background-position:bottom center, top 92px center, top center, top center;
	background-size:195% auto,195% auto,3px 197px,195% auto;
	
	overflow:hidden;
}


.Book_2_Cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	
	background-image: url(/Images/index/book2_bg03.png), url(/Images/index/book2_bg02.png),url(/Images/index/book2_bg01.jpg);
	background-repeat:no-repeat, no-repeat, no-repeat;
	background-position:top left, bottom right, top center;
	background-size:195% auto,200% auto,195% auto;
	background-color:#19a7ff;
	
	overflow:hidden;
	
}

.Book_2_Cover>.BookContent>.animal{
	position:absolute;
	width:137.2%;
	top:5.8%;
	left:-15.5%;
}

.main_content{
	position:relative;
	width:100%;
	max-width:1000px ;
	min-height:100vh;
	margin:auto;
}

} /*1002以下-------------直*/





/*739以下--------------*/

@media screen and (max-width: 739px){
	
.copyright{
	position:absolute;
	bottom:10px;
	width:100%;
	
	font-family: "Huninn", sans-serif;
	font-weight: 500;
	font-style: normal;
}

.copyrightT01{
	position:relative;
	width:95%;
	max-width:450px;
	margin:auto;
	background-color:rgba(100%,100%,100%,0.8);
	border:3px dotted #fff;
	border-radius:30px;
	padding-left:5px;
	padding-right:5px;
	color:#19791b;
	font-size:14px;
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
}


.copyrightT02{
	position:relative;
	text-align:center;
	padding-top:10px;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-shadow:0px 2px 1px rgba(0%,0%,0%,0.2);
}

	
} /*739以下*/


/*739以下-------------直*/
@media all and  (max-width: 739px) and (orientation:portrait){


.Book_1_Cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	padding-top:92px;
	
	background-image: url(/Images/index/book1_bg02.png), url(/Images/index/book1_bg01.jpg),url(/Images/index/book1_bg04.jpg), url(/Images/index/book1_bg03.jpg);
	background-repeat:no-repeat, no-repeat, repeat-x, repeat;
	background-position:bottom center, top 92px center, top center, top center;
	background-size:195% auto,195% auto,3px 197px,195% auto;
	
	overflow:hidden;
}


.Book_2_Cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	
	background-image: url(/Images/index/book2_bg03.png), url(/Images/index/book2_bg02.png),url(/Images/index/book2_bg01.jpg);
	background-repeat:no-repeat, no-repeat, no-repeat;
	background-position:bottom left, bottom right, top center;
	background-size:195% auto,250% auto,195% auto;
	background-color:#19a7ff;
	
	overflow:hidden;
	
}
.Book_2_Cover>.BookContent{
	position:relative;
	width:100%;
	max-width:1000px ;
	min-height:100vh;
	margin:auto;
	
}

.Book_2_Cover>.BookContent>.animal{
	position:absolute;
	width:137.2%;
	top:10%;
	left:-15.5%;
}



.Book_3_Cover{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	min-height:100%;
	
	background-image: url(/Images/index/book3_bg05.png),url(/Images/index/book3_bg04.png), url(/Images/index/book3_bg03.png),url(/Images/index/book3_bg01.jpg);
	background-repeat:no-repeat,no-repeat,no-repeat, no-repeat;
	background-position:bottom center,top 60px left 38%,top 60px center, top 60px center;
	background-size:110% auto,185% auto,195% auto,195% auto;
	background-color:#8e90f2;
	
	overflow:hidden;
	
}





.Book_3_Cover>.BookContent{
	position:relative;
	width:100%;
	max-width:1000px ;
	min-height:100vh;
	margin:auto;
	
}


.Book_3_Cover>.BookContent>.animal{
	position:absolute;
	width:122.9%;
	top:30.5%;/*33.5%*/
	left:-11.7%;
}

}