#container {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: top left;
}

.element {
	background-color: #1f120d;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 100%;
}

.element .div {
	background-color: #1f120d;
	overflow: hidden;
	width: 1920px;
	height: 5638px;
	position: relative;
}

.element .overlap-group {
	position: absolute;
	width: 1920px;
	height: 5640px;
	top: 0;
	left: 0;
}

.element .anime-nature-concept {
	position: absolute;
	width: 1920px;
	height: 1960px;
	top: 953px;
	left: 0;
	object-fit: cover;
}

.element .IMG {
	position: absolute;
	width: 1920px;
	height: 1280px;
	top: 0;
	left: 0;
	object-fit: cover;
}

.element .rectangle {
	height: 1757px;
	top: 2434px;
	position: absolute;
	width: 1920px;
	left: 0;
}

.element .vector {
	width: 1920px;
	height: 796px;
	top: 2329px;
	position: absolute;
	left: 0;
}

.element .women-hold-up-half {
	position: absolute;
	width: 1434px;
	height: 115px;
	top: 980px;
	left: 241px;
}

.element .object {
	position: absolute;
	width: 905px;
	height: 835px;
	top: 1203px;
	left: 508px;
	object-fit: cover;
}

.element .img {
	position: absolute;
	width: 485px;
	height: 728px;
	top: 1198px;
	left: 1345px;
	object-fit: cover;
}

.element .IMG-2 {
	position: absolute;
	width: 473px;
	height: 681px;
	top: 1224px;
	left: 85px;
	object-fit: cover;
}

.element .group {
	position: absolute;
	width: 1050px;
	height: 151px;
	top: 2117px;
	left: 687px;
}

.element .group-2 {
	position: absolute;
	width: 1056px;
	height: 205px;
	top: 2251px;
	left: 679px;
}

.element .group-3 {
	position: absolute;
	width: 1054px;
	height: 185px;
	top: 2409px;
	left: 678px;
}

.element .group-4 {
	position: absolute;
	width: 1055px;
	height: 197px;
	top: 2534px;
	left: 683px;
}

.element .img-2 {
	position: absolute;
	width: 1692px;
	height: 302px;
	top: 2599px;
	left: 114px;
	object-fit: cover;
}

.element .rectangle-2 {
	height: 1447px;
	top: 4191px;
	position: absolute;
	width: 1920px;
	left: 0;
}

.element .mask-group {
	position: absolute;
	width: 1920px;
	height: 988px;
	top: 4650px;
	left: 0;
}

.element .IMG-3 {
	position: absolute;
	width: 599px;
	height: 720px;
	top: 2117px;
	left: 116px;
	object-fit: cover;
}

.element .mask-group-2 {
	position: absolute;
	width: 1920px;
	height: 1076px;
	top: 3115px;
	left: 0;
}

.element .rectangle-3 {
	height: 588px;
	top: 4067px;
	position: absolute;
	width: 1920px;
	left: 0;
}

.element .group-5 {
	position: absolute;
	width: 421px;
	height: 140px;
	top: 3435px;
	left: 595px;
}

.element .group-6 {
	position: absolute;
	width: 426px;
	height: 165px;
	top: 3434px;
	left: 1120px;
}

.element .group-7 {
	position: absolute;
	width: 427px;
	height: 172px;
	top: 3578px;
	left: 611px;
}

.element .group-8 {
	position: absolute;
	width: 421px;
	height: 140px;
	top: 3605px;
	left: 1090px;
}

.element .group-9 {
	position: absolute;
	width: 426px;
	height: 166px;
	top: 3733px;
	left: 612px;
}

.element .group-10 {
	position: absolute;
	width: 428px;
	height: 174px;
	top: 3730px;
	left: 1059px;
}

.element .group-11 {
	position: absolute;
	width: 421px;
	height: 140px;
	top: 3883px;
	left: 533px;
}

.element .group-12 {
	position: absolute;
	width: 421px;
	height: 140px;
	top: 3892px;
	left: 1050px;
}

.element .group-13 {
	position: absolute;
	width: 426px;
	height: 166px;
	top: 4020px;
	left: 572px;
}

.element .group-14 {
	position: absolute;
	width: 421px;
	height: 140px;
	top: 4034px;
	left: 1058px;
}

.element .LISTED-ON {
	position: absolute;
	width: 684px;
	height: 161px;
	top: 3214px;
	left: 630px;
}

.element .IMG-4 {
	position: absolute;
	width: 487px;
	height: 658px;
	top: 3554px;
	left: 116px;
	object-fit: cover;
}

.element .vector-2 {
	width: 1916px;
	height: 498px;
	top: 4613px;
	position: absolute;
	left: 0;
}

.element .group-15 {
	position: absolute;
	width: 743px;
	height: 142px;
	top: 4315px;
	left: 114px;
}

.element .group-16 {
	position: absolute;
	width: 390px;
	height: 140px;
	top: 4315px;
	left: 891px;
}

.element .group-17 {
	position: absolute;
	width: 531px;
	height: 171px;
	top: 4815px;
	left: 699px;
}

.element .group-18 {
	position: absolute;
	width: 402px;
	height: 141px;
	top: 4315px;
	left: 1315px;
}

.element .group-19 {
	position: absolute;
	width: 652px;
	height: 945px;
	top: 4555px;
	left: 1198px;
}

.element .group-20 {
	position: absolute;
	width: 549px;
	height: 929px;
	top: 4596px;
	left: 115px;
}

.element .frame {
	position: absolute;
	width: 935px;
	height: 185px;
	top: 12px;
	left: 493px;
}

.element .image {
	position: absolute;
	width: 76px;
	height: 85px;
	top: 876px;
	left: 1666px;
	object-fit: cover;
}

.element .div-wrapper {
	display: flex;
	width: 1920px;
	height: 100px;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 10px;
	position: absolute;
	top: 5540px;
	left: 0;
}

.element .text-wrapper {
	position: relative;
	width: fit-content;
	opacity: 0.5;
	font-family: 'AvertaStd-ExtraBold-☞', Helvetica;
	font-weight: 400;
	color: #ffffff;
	font-size: 20px;
	letter-spacing: 0;
	line-height: normal;
}

.element .variant {
	position: absolute;
	width: 189px;
	height: 207px;
	top: 221px;
	left: 512px;
	object-fit: cover;
}

.element .img-3 {
	position: absolute;
	width: 116px;
	height: 144px;
	top: 280px;
	left: 1366px;
	object-fit: cover;
}

.element .img-4 {
	position: absolute;
	width: 60px;
	height: 108px;
	top: 743px;
	left: 508px;
	object-fit: cover;
}

.element .img-5 {
	position: absolute;
	width: 115px;
	height: 154px;
	top: 821px;
	left: 1048px;
	object-fit: cover;
}

.element .book-container {
	position: absolute;
	width: 650px;
	height: 450px;
	top: 1286px;
	left: 630px;
}

.element .dora {
	position: absolute;
	width: 650px;
	height: 450px;
	top: 0;
	left: 0;
	transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
	border-radius: 10px;
}

.element .she-wasnt-born {
	position: absolute;
	width: 325px;
	height: 303px;
	top: 1368px;
	left: 608px;
}

.element .she-saidwere-paving {
	position: absolute;
	width: 320px;
	height: 128px;
	top: 1287px;
	left: 981px;
}

.element .she-crushed-every {
	position: absolute;
	width: 309px;
	height: 305px;
	top: 1465px;
	left: 980px;
}

.element .next {
	position: absolute;
	width: 105px;
	height: 104px;
	top: 620px;
	left: 475px;
	z-index: 9999;
	cursor: pointer;
	transition: transform 0.2s ease;
}

.element .next:hover {
	transform: scale(1.1);
}

.element .next-2 {
	position: absolute;
	width: 105px;
	height: 104px;
	top: 620px;
	left: 25px;
	z-index: 9999;
	cursor: pointer;
	transition: transform 0.2s ease;
}

.element .next-2:hover {
	transform: scale(1.1);
}

/* 翻页动画效果 */
.page-flip-out {
	transform: rotateY(-90deg);
	opacity: 0;
}

.page-flip-in {
	transform: rotateY(0deg);
	opacity: 1;
}

.element .yihe {
	position: absolute;
	width: 443px;
	height: 296px;
	top: 492px;
	left: 1366px;
}

.element .frame-2 {
	position: absolute;
	width: 446px;
	height: 667px;
	top: 252px;
	left: 96px;
}

.element .img-6 {
	position: absolute;
	width: 1920px;
	height: 1949px;
	top: 6736px;
	left: -4502px;
}
