.moka-container {
	background-color: black;
}

.moka-prd-block {
	width: 100%;
	position: relative;
}

.moka-prd-block.block-01 {
	width: 100%;
	background-image: url(../images/UMAX/1.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 62rem;
}

.moka-prd-block.block-01 .moka-prd-text {
	color: white;
	position: absolute;
	left: 17rem;
	top: 18.5rem;
	overflow: hidden;
	opacity: 0;
}

.moka-prd-block.block-01 .moka-prd-text .p1 {
	width: 20rem;
	height: 6rem;
	background-image: url(../images/UMAX/zi.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
}

.moka-prd-block.block-01 .moka-prd-text .p2 {
	font-size: 1.25rem;
	font-family: "FZLTXHK";
	padding-left: 0.5rem;
}

.moka-prd-block.block-01 .moka-prd-text .p3 {
	font-size: 1.8rem;
	font-family: "FZLTZCHK";
	padding-left: 11.5rem;
	padding-top: 2rem;
}

.moka-prd-block.block-02 {
	background-image: url(../images/UMAX/profile/bgcolor.png);
	height: 30rem;
	padding-top: 18rem;
	padding-bottom: 10rem;
}

.moka-prd-block.block-02 .moka-prd-profile {
	width: 76rem;
	height: 30rem;
	margin: 0 auto;
}

.moka-prd-block.block-02 .moka-prd-text {
	color: white;
	position: absolute;
	text-align: center;
	top: 12rem;
	left: 19rem;
	font-size: 2.5rem;
	font-family: "FZLTZCHK";
	letter-spacing: .2rem;
}

.moka-prd-block.block-02 .moka-prd-profile .profile-item {
	float: left;
	margin: 0.5rem;
	background-color: none;
	margin-top: 1.5rem;
	opacity: 0;
}

.profile-item.item-01,
.profile-item.item-02,
.profile-item.item-03,
.profile-item.item-04,
.profile-item.item-05 {
	height: 9.6rem;
}

.profile-item.item-06,
.profile-item.item-07,
.profile-item.item-08,
.profile-item.item-09 {
	height: 7.8rem;
}

.profile-item.item-10,
.profile-item.item-11,
.profile-item.item-12,
.profile-item.item-13,
.profile-item.item-14 {
	height: 7.8rem;
}

.profile-item.item-01 {
	background-image: url(../images/UMAX/profile/images/1_01.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	width: 19.5rem;
}

.profile-item.item-02 {
	background-image: url(../images/UMAX/profile/images/1_02.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	width: 13rem;
}

.profile-item.item-03 {
	background-image: url(../images/UMAX/profile/images/1_03.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	width: 13.6rem;
}

.profile-item.item-04 {
	background-image: url(../images/UMAX/profile/images/1_04.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	width: 15.4rem;
}

.profile-item.item-05 {
	background-image: url(../images/UMAX/profile/images/1_05.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	width: 9.3rem;
}

.profile-item.item-06 {
	background-image: url(../images/UMAX/profile/images/1_06.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	width: 19.5rem;
}

.profile-item.item-07 {
	background-image: url(../images/UMAX/profile/images/1_07.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	width: 20rem;
}

.profile-item.item-08 {
	background-image: url(../images/UMAX/profile/images/1_08.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 20rem;
}

.profile-item.item-09 {
	background-image: url(../images/UMAX/profile/images/1_09.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 12.5rem;
}

.profile-item.item-10 {
	background-image: url(../images/UMAX/profile/images/1_10.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 19.5rem;
}

.profile-item.item-11 {
	background-image: url(../images/UMAX/profile/images/1_11.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 16.5rem;
}

.profile-item.item-12 {
	background-image: url(../images/UMAX/profile/images/1_12.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 13.5rem;
}

.profile-item.item-13 {
	background-image: url(../images/UMAX/profile/images/1_13.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 10rem;
}

.profile-item.item-14 {
	background-image: url(../images/UMAX/profile/images/1_14.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 11.5rem;
}

.moka-prd-block.block-03 {
	width: 100%;
	background-image: url(../images/UMAX/2.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 91.3rem;
}

.moka-prd-block.block-03 .moka-prd-text.item-01 {
	width: 100%;
	position: absolute;
	top: 9rem;
	font-size: 3.1rem;
	text-align: center;
	color: #f8c564;
	font-family: "FZLTZHUNHK";
	font-weight: bolder;
	/* background-image: url(../images/UMAX/text/1a.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%; */
	opacity: 0;
}

.moka-prd-block.block-03 .moka-prd-text.item-02 {
	width: 100%;
	position: absolute;
	top: 14rem;
	font-size: 3.1rem;
	text-align: center;
	color: #f8c564;
	font-family: "FZLTZHUNHK";
	font-weight: bolder;
	/* background-image: url(../images/UMAX/text/1b.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%; */
	opacity: 0;
}

.moka-prd-block.block-03 .moka-prd-text.item-03 {
	width: 100%;
	text-align: center;
	position: absolute;
	font-size: 1.1rem;
	top: 20rem;
	color: white;
	opacity: 0;
}

.moka-prd-block.block-03 .moka-prd-img.item-04 {
	width: 100%;
	margin: 0 auto;
	background-color: #000000;
	position: absolute;
	z-index: 99;
}

.moka-prd-block.block-03 .moka-prd-img.item-04 video {
	width: 100%;
	/* width: 50.74rem;
    top: 16.63rem;
    left: 28.85rem; */
}

.moka-prd-block.block-04 {
	width: 100%;
	background-image: url(../images/UMAX/3/bgf.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 61.5rem;
}

.moka-prd-block.block-04 .moka-prd-text.item-01 {
	height: 4.5rem;
	width: 100%;
	position: absolute;
	top: 7rem;
	background-image: url(../images/UMAX/text/2a.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	opacity: 0;
}

.moka-prd-block.block-04 .moka-prd-text.item-02 {
	height: 2.5rem;
	width: 100%;
	position: absolute;
	top: 13rem;
	background-image: url(../images/UMAX/text/2b.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	opacity: 0;
}

.moka-prd-block.block-04 .moka-prd-img img {
	width: 100%;
}

.moka-prd-block.block-04 .moka-prd-img.item-03 {
	width: 95rem;
	position: absolute;
	bottom: -0.5rem;
	left: 10rem;
	opacity: 0;
}

.moka-prd-block.block-04 .moka-prd-img.item-04 {
	width: 80rem;
	position: absolute;
	bottom: -0.5rem;
	right: 20rem;
	opacity: 0;
}

.moka-prd-block.block-05 {
	width: 100%;
	background-color: #0e151f;
	height: 70rem;
}

.moka-prd-block.block-05 .moka-prd-text.item-01 {
	color: #dc8f3f;
	font-size: .5rem;
	font-family: "FZLTZHUNHK";
	text-align: center;
	padding: .2rem .5rem;
	border: 0.125rem solid #dc8f3f;
	border-radius: .9rem;
	/* width: 12rem; */
	position: absolute;
	top: 13rem;
	left: 18rem;
	opacity: 0;
}

.moka-prd-block.block-05 .moka-prd-text.item-02 {
	color: #4e54ff;
	font-size: 1.5rem;
	font-family: "FZLTZCHK";
	text-align: center;
	position: absolute;
	left: 18rem;
	top: 15.5rem;
	opacity: 0;
}

.moka-prd-block.block-05 .moka-prd-text.item-03 {
	color: #4e54ff;
	font-size: 1.5rem;
	font-family: "FZLTZCHK";
	text-align: center;
	position: absolute;
	left: 18rem;
	top: 18rem;
	opacity: 0;
}

.moka-prd-block.block-05 .moka-prd-img.item-04 {
	width: 80rem;
	height: 45.97rem;
	position: absolute;
	top: 22rem;
	left: 15rem;
}

.moka-prd-block.block-06 {
	width: 100%;
	background-color: #0e151f;
	height: 70rem;
}

.moka-prd-block.block-06 .moka-prd-text.item-01 {
	color: #dc8f3f;
	font-size: .5rem;
	font-family: "FZLTZHUNHK";
	text-align: center;
	padding: .2rem .5rem;
	border: 0.125rem solid #dc8f3f;
	border-radius: .9rem;
	/* width: 12rem; */
	position: absolute;
	top: 13rem;
	left: 18rem;
	opacity: 0;
}

.moka-prd-block.block-06 .moka-prd-text.item-02 {
	color: #4e54ff;
	font-size: 1.5rem;
	font-family: "FZLTZCHK";
	text-align: center;
	position: absolute;
	left: 18rem;
	top: 15.5rem;
	opacity: 0;
}

.moka-prd-block.block-06 .moka-prd-img.item-03 {
	width: 80rem;
	height: 45.97rem;
	position: absolute;
	top: 18rem;
	left: 15rem;
}

.moka-prd-block.block-07 {
	width: 100%;
	background-color: #0e151f;
	height: 70rem;
}

.moka-prd-block.block-07 .moka-prd-text.item-01 {
	color: #dc8f3f;
	font-size: .5rem;
	font-family: "FZLTZHUNHK";
	text-align: center;
	padding: .2rem .5rem;
	border: 0.125rem solid #dc8f3f;
	border-radius: .9rem;
	/* width: 12rem; */
	position: absolute;
	top: 13rem;
	left: 18rem;
	opacity: 0;
}

.moka-prd-block.block-07 .moka-prd-text.item-02 {
	color: #4e54ff;
	font-size: 1.5rem;
	font-family: "FZLTZCHK";
	text-align: center;
	position: absolute;
	left: 18rem;
	top: 15.5rem;
	opacity: 0;
}

.moka-prd-block.block-07 .moka-prd-text.item-03 {
	color: #4e54ff;
	font-size: 1.5rem;
	font-family: "FZLTZCHK";
	text-align: center;
	position: absolute;
	left: 18rem;
	top: 18rem;
	opacity: 0;
}

.moka-prd-block.block-07 .moka-prd-img.item-04 {
	width: 80rem;
	height: 45.97rem;
	position: absolute;
	top: 18rem;
	left: 15rem;
}

.moka-prd-block.block-08 {
	width: 100%;
	background-color: #0e151f;
	height: 78rem;
}

.moka-prd-block.block-08 .moka-prd-text.item-01 {
	color: #6269ff;
	font-size: 1.5rem;
	font-family: "FZLTZCHK";
	text-align: center;
	padding: 8rem 0;
	/* width: 12rem; */
	/* position: absolute;
	top: 13rem;
	left: 18rem; */
	/* opacity: 0; */
}

.moka-prd-block.block-08 .moka-prd-bar {
	width: 80rem;
	margin: 0 auto;
}

.moka-prd-block.block-08 .moka-prd-bar .item-02,
.moka-prd-block.block-08 .moka-prd-bar .item-03 {
	float: left;
	width: 50%;
	text-align: center;
	color: white;
	cursor: pointer;
}

.moka-prd-block.block-08 .moka-prd-bar .moka-prd-bar-title {
	font-size: 1.3rem;
	font-family: "FZLTZCHK";
}

.moka-prd-block.block-08 .moka-prd-bar .moka-prd-bar-line {
	height: .3rem;
	background-color: white;
	margin: 1rem 0;
}

.moka-prd-block.block-08 .moka-prd-bar .moka-prd-bar-line.active {
	background-color: #6269ff;
}

.moka-prd-block.block-08 .moka-prd-bar .moka-prd-bar-text {
	font-size: .8rem;
	font-family: "FZLTXHK";
	padding: 1rem 0;
}

.moka-prd-block.block-08 .moka-prd-slide {
	width: 70rem;
	height: 45rem;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.moka-prd-block.block-08 .moka-prd-img.item-04 {
	width: 70rem;
	background-image: url(../images/UMAX/7.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	height: 45rem;
	margin: 0 auto;
	position: absolute;
}

.moka-prd-block.block-08 .moka-prd-img.item-04 video {
	width: 40.96rem;
	position: absolute;
	top: 13.3rem;
	left: 6.395rem;
}

.moka-prd-block.block-08 .moka-prd-img.item-05 {
	width: 70rem;
	background-image: url(../images/UMAX/6.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	height: 45rem;
	left: 70rem;
	margin: 0 auto;
	position: absolute;
}

.moka-prd-block.block-08 .moka-prd-img.item-05 video {
	width: 40.89rem;
	position: absolute;
	top: 12.96rem;
	left: 6.5rem;
}

.moka-prd-block.block-09 {
	width: 100%;
	background-color: #0e151f;
	height: 75rem;
	padding: 5rem 0;
}

.moka-prd-block.block-09 .moka-prd-text.item-01 {
	width: 100%;
	font-size: 3.1rem;
	text-align: center;
	color: #f8c564;
	font-family: "FZLTZHUNHK";
	font-weight: bolder;
}

.moka-prd-block.block-09 .moka-prd-text.item-02 {
	width: 100%;
	margin: 1.8rem 0;
	font-size: 3.1rem;
	text-align: center;
	color: #f8c564;
	font-family: "FZLTZHUNHK";
	font-weight: bolder;
}

.moka-prd-block.block-09 .moka-prd-text.item-03 {
	color: white;
	font-size: .9rem;
	font-family: "FZLTXHK";
	text-align: center;
	padding: 0;
	line-height: 180%;
}

.moka-prd-block.block-09 .moka-prd-img.item-04 {
	width: 100%;
	background-image: url(../images/UMAX/8.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	height: 60rem;
	margin: 0 auto;
	margin-top: 5rem;
	position: relative;
}

.moka-prd-block.block-09 .moka-prd-img.item-04 video {
	width: 100%;
	position: absolute;
	/* width: 50.74rem;
    top: 16.63rem;
    left: 28.85rem; */
}

.moka-prd-block.block-10 {
	width: 100%;
	background-color: #0e151f;
	height: 52rem;
	padding: 5rem 0;
}

.moka-prd-block.block-10 .moka-prd-text.item-01 {
	width: 100%;
	font-size: 2.3rem;
	text-align: center;
	color: #f8c564;
	font-family: "FZLTZHUNHK";
	font-weight: bolder;
	position: absolute;
	top: 10rem;
	opacity: 0;
}

.moka-prd-block.block-10 .moka-prd-text.item-02 {
	color: white;
	width: 100%;
	font-size: 1.3rem;
	font-family: "FZLTXHK";
	text-align: center;
	padding: 0;
	line-height: 180%;
	position: absolute;
	top: 16rem;
	opacity: 0;
}

.moka-prd-block.block-10 .moka-prd-img.item-03 {
	width: 80rem;
	background-image: url(../images/UMAX/9/1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	height: 33.9rem;
	margin: 0 auto;
	margin-top: 18rem;
	position: relative;
}

.moka-prd-block.block-10 .moka-prd-img.item-03 .mask {
	width: 40.4rem;
	background-image: url(../images/UMAX/9/2.png);
	background-repeat: no-repeat;
	background-size: cover;
	border-right: 0.23rem solid #e6e6e6;
	height: 33.88rem;
	position: absolute;
}

.moka-prd-block.block-10 .moka-prd-img.item-03 .icon-01 {
	width: 4.125rem;
	left: 38.5rem;
	bottom: 3rem;
	background-image: url(../images/UMAX/9/icon.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 2.9375rem;
	position: absolute;
}

.moka-prd-block.block-10 .moka-prd-img.item-03 .icon-02 {
	width: 8.875rem;
	left: 27.5rem;
	bottom: 1.5rem;
	background-image: url(../images/UMAX/9/icon1.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 2.5rem;
	position: absolute;
}

.moka-prd-block.block-10 .moka-prd-img.item-03 .icon-03 {
	width: 8.875rem;
	left: 44.5rem;
	bottom: 1.5rem;
	background-image: url(../images/UMAX/9/icon2.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 2.5rem;
	position: absolute;
}

.moka-prd-block.block-11 {
	width: 100%;
	background-color: #0e151f;
	height: 59rem;
	overflow: hidden;
}

.moka-prd-block.block-11 .moka-prd-img.item-01 {
	position: absolute;
	width: 120%;
	left: 0rem;
}

.moka-prd-block.block-11 .moka-prd-img.item-01 img {
	width: 100%;
}

.moka-prd-block.block-11 .moka-prd-text.item-02 {
	font-size: 2.3rem;
	color: #f8c564;
	font-family: "FZLTZHUNHK";
	font-weight: bolder;
	position: absolute;
	left: 65rem;
	top: 18rem;
	opacity: 0;
}

.moka-prd-block.block-11 .moka-prd-text.item-03 {
	color: white;
	font-size: .9rem;
	font-family: "FZLTXHK";
	text-align: left;
	padding: 0;
	line-height: 180%;
	margin-top: 3rem;
	width: 30rem;
	position: absolute;
	right: 15rem;
	top: 22rem;
	opacity: 0;
}

.moka-prd-block.block-11 .moka-prd-text.item-04 {
	color: white;
	width: 30rem;
	position: absolute;
	right: 15rem;
	top: 41rem;
	opacity: 0;
}

.moka-prd-block.block-11 .moka-prd-text.item-04 .profile {
	float: left;
	width: 15rem;
	margin-bottom: 2.5rem;
}

.moka-prd-block.block-11 .moka-prd-text.item-04 .profile .title {
	font-size: 1.7rem;
	font-family: "FZLTZHUNHK";
	color: #5af8f7;
}

.moka-prd-block.block-11 .moka-prd-text.item-04 .profile .title span {
	font-size: 1.2rem;
}

.moka-prd-block.block-11 .moka-prd-text.item-04 .profile .text {
	font-size: 0.85em;
	font-family: "FZLTXHK";
	line-height: 180%;
}

.moka-prd-block.block-12 {
	width: 100%;
	background-color: #0e151f;
	height: 63rem;
	padding: 5rem 0;
	background-image: url(../images/UMAX/11.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100% auto;
}

.moka-prd-block.block-12 .moka-prd-text.item-01 {
	width: 100%;
	text-align: center;
	font-size: 2.3rem;
	color: #f8c564;
	font-family: "FZLTZHUNHK";
	font-weight: bolder;
	line-height: 150%;
	margin-top: 9rem;
	opacity: 0;
}

.moka-prd-block.block-12 .moka-prd-text.item-02 {
	font-size: 1.7rem;
	font-family: "FZLTZHUNHK";
	color: #5af8f7;
	text-align: center;
	padding: 0;
	margin-top: 4rem;
	opacity: 0;
}

.moka-prd-block.block-13 {
	width: 100%;
	background-color: #f3f3f5;
	height: 52rem;
	padding: 5rem 0;
}

.moka-prd-block.block-13 .moka-prd-text.item-01 {
	width: 100%;
	text-align: center;
	font-size: 2.3rem;
	font-family: "FZLTZHUNHK";
	font-weight: bolder;
	position: absolute;
	top: 10rem;
	opacity: 0;
}

.moka-prd-block.block-13 .moka-prd-text.item-02 {
	color: black;
	width: 100%;
	font-size: 1.3rem;
	font-family: "FZLTXHK";
	text-align: center;
	padding: 0;
	line-height: 180%;
	position: absolute;
	top: 16rem;
	opacity: 0;
}

.moka-prd-block.block-13 .moka-prd-img.item-03 {
	width: 80rem;
	background-image: url(../images/UMAX/12/1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	height: 33.9rem;
	margin: 0 auto;
	margin-top: 18rem;
	position: relative;
}

.moka-prd-block.block-13 .moka-prd-img.item-03 .mask {
	width: 40.4rem;
	background-image: url(../images/UMAX/12/2.png);
	background-repeat: no-repeat;
	background-size: cover;
	border-right: 0.23rem solid #e6e6e6;
	height: 33.88rem;
	position: absolute;
}

.moka-prd-block.block-13 .moka-prd-img.item-03 .icon-01 {
	width: 4.125rem;
	left: 38.5rem;
	bottom: 3rem;
	background-image: url(../images/UMAX/12/icon.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 2.9375rem;
	position: absolute;
}

.moka-prd-block.block-13 .moka-prd-img.item-03 .icon-02 {
	width: 8.875rem;
	left: 27.5rem;
	bottom: 1.5rem;
	background-image: url(/images/UMAX/9/icon1.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 2.5rem;
	position: absolute;
}

.moka-prd-block.block-13 .moka-prd-img.item-03 .icon-03 {
	width: 8.875rem;
	left: 44.5rem;
	bottom: 1.5rem;
	background-image: url(/images/UMAX/9/icon2.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 2.5rem;
	position: absolute;
}

.moka-prd-block.block-14 {
	width: 100%;
	background-color: #f3f3f5;
	height: 52rem;
	padding: 5rem 0;
}

.moka-prd-block.block-14 .moka-prd-text.item-01 {
	width: 100%;
	text-align: center;
	font-size: 2.3rem;
	font-family: "FZLTZHUNHK";
	font-weight: bolder;
	position: absolute;
	top: 10rem;
	opacity: 0;
}

.moka-prd-block.block-14 .moka-prd-text.item-02 {
	color: black;
	width: 100%;
	font-size: 1.3rem;
	font-family: "FZLTXHK";
	text-align: center;
	padding: 0;
	line-height: 180%;
	position: absolute;
	top: 16rem;
	opacity: 0;
}

.moka-prd-block.block-14 .moka-prd-img.item-03 {
	width: 80rem;
	background-image: url(../images/UMAX/13/1.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	height: 33.9rem;
	margin: 0 auto;
	margin-top: 18rem;
	position: relative;
}

.moka-prd-block.block-14 .moka-prd-img.item-03 .mask {
	width: 40.4rem;
	background-image: url(../images/UMAX/13/2.png);
	background-repeat: no-repeat;
	background-size: cover;
	border-right: 0.23rem solid #e6e6e6;
	height: 33.88rem;
	position: absolute;
}

.moka-prd-block.block-14 .moka-prd-img.item-03 .icon-01 {
	width: 4.125rem;
	left: 38.5rem;
	bottom: 3rem;
	background-image: url(../images/UMAX/13/icon.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 2.9375rem;
	position: absolute;
}

.moka-prd-block.block-14 .moka-prd-img.item-03 .icon-02 {
	width: 8.875rem;
	left: 27.5rem;
	bottom: 1.5rem;
	background-image: url(../images/UMAX/13/icon1.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 2.5rem;
	position: absolute;
}

.moka-prd-block.block-14 .moka-prd-img.item-03 .icon-03 {
	width: 8.875rem;
	left: 44.5rem;
	bottom: 1.5rem;
	background-image: url(../images/UMAX/13/icon2.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	height: 2.5rem;
	position: absolute;
}

.moka-prd-block.block-15 {
	width: 100%;
	background-color: #0e151f;
	height: 95rem;
	background-image: url(../images/UMAX/14.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: 100% auto;
}

.moka-prd-block.block-15 .moka-prd-text.item-01 {
	width: 100%;
	text-align: center;
	font-size: 3.3rem;
	color: #f8c564;
	font-family: "FZLTZHUNHK";
	font-weight: bolder;
	line-height: 150%;
	position: absolute;
	top: 12.3rem;
}

.moka-prd-block.block-15 .moka-prd-text.item-02 {
	font-size: 1.3rem;
	font-family: "FZLTXHK";
	color: white;
	text-align: center;
	padding: 0;
	width: 100%;
	line-height: 150%;
	position: absolute;
	top: 25.5rem;
}

.moka-prd-block.block-15 .moka-prd-img.item-03 .circle.right {
	position: absolute;
	top: 56rem;
	left: 54rem;
	transform: rotate3d(1, 0.8, -.9, 320deg);
	-webkit-transform: rotate3d(1, 0.8, -.9, 320deg);
}

.moka-prd-block.block-15 .moka-prd-img.item-03 .circle.left {
	position: absolute;
	top: 54rem;
	left: 12rem;
	transform: rotate3d(1, 0.8, -.9, 306deg);
	-webkit-transform: rotate3d(1, 0.8, -.9, 306deg);
}

.moka-prd-block.block-15 .moka-prd-img.item-03 .circle div {
	position: absolute;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	box-shadow: inset 0.05rem 0.05rem 0.6rem 0.05rem #6269ff;
	animation: circle 4s linear infinite;
	opacity: 0;
}

.moka-prd-block.block-15 .moka-prd-img.item-03 .circle div:nth-child(2) {
	animation-delay: 1s;
}

.moka-prd-block.block-15 .moka-prd-img.item-03 .circle div:nth-child(3) {
	animation-delay: 2s;
}

.moka-prd-block.block-15 .moka-prd-img.item-03 .circle div:nth-child(4) {
	animation-delay: 3s;
}

.moka-prd-block.block-15 .moka-prd-img.item-04 .circle.right {
	position: absolute;
	top: 71rem;
	left: 50rem;
	transform: rotate3d(1, 0.8, -.9, 320deg);
	-webkit-transform: rotate3d(1, 0.8, -.9, 320deg);
}

.moka-prd-block.block-15 .moka-prd-img.item-04 .circle.left {
	position: absolute;
	top: 73rem;
	left: 22rem;
	transform: rotate3d(1, 0.8, -.9, 306deg);
	-webkit-transform: rotate3d(1, 0.8, -.9, 306deg);
}

.moka-prd-block.block-15 .moka-prd-img.item-04 .circle div {
	position: absolute;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	box-shadow: inset 0.05rem 0.05rem 0.6rem 0.05rem #6269ff;
	animation: circle 4s linear infinite;
	opacity: 0;
}

.moka-prd-block.block-15 .moka-prd-img.item-04 .circle div:nth-child(2) {
	animation-delay: 1s;
}

.moka-prd-block.block-15 .moka-prd-img.item-04 .circle div:nth-child(3) {
	animation-delay: 2s;
}

.moka-prd-block.block-15 .moka-prd-img.item-04 .circle div:nth-child(4) {
	animation-delay: 3s;
}

.moka-prd-block.block-16 {
	width: 100%;
	background-color: #0e151f;
	height: 85rem;
	color: white;
}

.moka-prd-block.block-16 .moka-prd-text.item-01 {
	font-size: 2.5rem;
	font-family: "FZLTZHUNHK";
	color: white;
	padding: 0;
	line-height: 150%;
	position: absolute;
	top: 6rem;
	left: 10rem;
	opacity: 0;
}

.moka-prd-block.block-16 .moka-prd-text.item-02 {
	font-size: 1.3rem;
	font-family: "FZLTXHK";
	color: white;
	padding: 0;
	width: 40rem;
	line-height: 150%;
	position: absolute;
	top: 11rem;
	left: 10rem;
	opacity: 0;
}

.moka-prd-block.block-16 .moka-prd-img.item-03 {
	width: 100%;
	height: 60rem;
	position: absolute;
	top: 15rem;
	overflow: hidden;
	background-image: url(../images/UMAX/15/bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
}

.moka-prd-block.block-16 .moka-prd-img.item-03 .img-bg {
	height: 60rem;
	position: absolute;
	left: 0rem;
}

.moka-prd-block.block-16 .moka-prd-img.item-03 .img-lb {
	position: absolute;
	top: 23rem;
	left: 15rem;
	width: 30rem;
	opacity: 0;
	/* top: 22rem;
	left: 22rem;
	width: 70rem; */
}

.moka-prd-block.block-16 .moka-prd-img.item-03 .circle {
	opacity: 0;
}

.moka-prd-block.block-16 .moka-prd-img.item-03 .circle.right {
	position: absolute;
	top: 26rem;
	left: 86.5rem;
	transform: rotate3d(1, 0.8, -.9, 320deg);
	-webkit-transform: rotate3d(1, 0.8, -.9, 320deg);
}

.moka-prd-block.block-16 .moka-prd-img.item-03 .circle.left {
	position: absolute;
	top: 42.5rem;
	left: 32rem;
	transform: rotate3d(1, 0.8, -.9, 306deg);
	-webkit-transform: rotate3d(1, 0.8, -.9, 306deg);
}

.moka-prd-block.block-16 .moka-prd-img.item-03 .circle div {
	position: absolute;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	box-shadow: inset 0.05rem 0.05rem 0.6rem 0.05rem #6269ff;
	animation: circle 4s linear infinite;
	opacity: 0;
}

.moka-prd-block.block-16 .moka-prd-img.item-03 .circle div:nth-child(2) {
	animation-delay: 1s;
}

.moka-prd-block.block-16 .moka-prd-img.item-03 .circle div:nth-child(3) {
	animation-delay: 2s;
}

.moka-prd-block.block-16 .moka-prd-img.item-03 .circle div:nth-child(4) {
	animation-delay: 3s;
}

@keyframes circle {
	0% {
		webkit-transform: scale(.5);
		transform: scale(.5);
		opacity: 1;
	}

	100% {
		-webkit-transform: scale(6.25);
		transform: scale(6.25);
		opacity: 0;
	}
}

.moka-prd-block.block-16 .moka-prd-img.item-04 {
	width: 16rem;
	height: 12rem;
	border-top: 0.125rem dotted white;
	border-right: 0.125rem dotted white;
	position: absolute;
	top: 47.5rem;
	left: 22rem;
	opacity: 0;
}

.moka-prd-block.block-16 .moka-prd-img.item-04 .point-01 {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 1rem;
	background-color: white;
	position: absolute;
	top: -0.4rem;
}

.moka-prd-block.block-16 .moka-prd-img.item-04 .point-02 {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 1rem;
	background-color: white;
	position: absolute;
	bottom: 0;
	right: -0.4rem;
}

.moka-prd-block.block-16 .moka-prd-img.item-05 {
	width: 22rem;
	height: 3rem;
	border-top: 0.125rem dotted white;
	border-left: 0.125rem dotted white;
	position: absolute;
	top: 41rem;
	left: 56rem;
	opacity: 0;
}

.moka-prd-block.block-16 .moka-prd-img.item-05 .point-01 {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 1rem;
	background-color: white;
	position: absolute;
	bottom: 0;
	left: -0.4rem;
}

.moka-prd-block.block-16 .moka-prd-img.item-05 .point-02 {
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 1rem;
	background-color: white;
	position: absolute;
	top: -0.4rem;
	right: 0;
}

.moka-prd-block.block-17 {
	width: 100%;
	background-color: #0e151f;
	height: 91rem;
	color: white;
}

.moka-prd-block.block-17 .moka-prd-text.item-01 {
	width: 100%;
	text-align: center;
	font-size: 3.3rem;
	color: #f8c564;
	font-family: "FZLTZHUNHK";
	font-weight: bolder;
	line-height: 150%;
	position: absolute;
	top: 6rem;
	opacity: 0;
}

.moka-prd-block.block-17 .moka-prd-text.item-02 {
	height: 2.1rem;
	width: 100%;
	margin: 1.8rem 0;
	background-image: url(../images/UMAX/text/10b.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	position: absolute;
	top: 9rem;
	opacity: 0;
}

.moka-prd-block.block-17 .moka-prd-text.item-03 {
	color: white;
	width: 100%;
	font-size: .9rem;
	font-family: "FZLTXHK";
	text-align: center;
	padding: 0;
	line-height: 180%;
	position: absolute;
	top: 13.5rem;
	opacity: 0;
}

.moka-prd-block.block-17 .moka-prd-img.item-04 {
	width: 100%;
	height: 70rem;
	background-image: url(../images/UMAX/16.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	position: absolute;
	top: 21rem;
}

.moka-prd-block.block-18 {
	width: 100%;
	background-image: url(../images/UMAX/16/bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	height: 62rem;
	color: white;
}

.moka-prd-block.block-18 .moka-prd-text.item-01 {
	font-size: 2.5rem;
	font-family: "FZLTZHUNHK";
	text-align: center;
	color: white;
	padding: 0;
	width: 100%;
	line-height: 150%;
	position: absolute;
	top: 12rem;
	opacity: 0;
}

.moka-prd-block.block-18 .moka-prd-img.item-02 .icon {
	width: 9rem;
	padding-top: 10rem;
	position: absolute;
	text-align: center;
	font-size: .8rem;
	font-family: "FZLTXHK";
	background-repeat: no-repeat;
	background-position: top;
	background-size: 100% auto;
	top: 32rem;
}

.moka-prd-block.block-18 .moka-prd-img.item-02 .icon-01 {
	background-image: url(../images/UMAX/16/images/icon01.png);
	left: 18rem;
	opacity: 0;
}

.moka-prd-block.block-18 .moka-prd-img.item-02 .icon-02 {
	background-image: url(../images/UMAX/16/images/icon02.png);
	left: 31rem;
	opacity: 0;
}

.moka-prd-block.block-18 .moka-prd-img.item-02 .icon-03 {
	background-image: url(../images/UMAX/16/images/icon03.png);
	left: 44rem;
	opacity: 0;
}

.moka-prd-block.block-18 .moka-prd-img.item-02 .icon-04 {
	background-image: url(../images/UMAX/16/images/icon04.png);
	left: 57rem;
	opacity: 0;
}

.moka-prd-block.block-18 .moka-prd-img.item-02 .icon-05 {
	background-image: url(../images/UMAX/16/images/icon05.png);
	left: 70rem;
	opacity: 0;
}

.moka-prd-block.block-18 .moka-prd-img.item-02 .icon-06 {
	background-image: url(../images/UMAX/16/images/icon06.png);
	left: 83rem;
	opacity: 0;
}