.big{ font-size: 3.6vw; line-height: 5vw; } .middle{ font-size: 2.4vw; line-height: 2.8vw; margin: 0.5vw auto 1vw auto; } .small{ font-size: 1.4vw; line-height: 2.2vw; margin-top: 1vw; } .bianse{ background: linear-gradient(to right, #fd6cb3, #188ed7, #fd6cb3, #188ed7);-webkit-background-clip: text;color: transparent; } .bianse2{ background: linear-gradient(to right, #fd6cb3, #188ed7);-webkit-background-clip: text;color: transparent; display:inline-block; } .position{ position:relative; } .overflow{ overflow:hidden; } .center{ text-align:center; } #g1tabminikids img{ width: 100%; max-width: 100%; vertical-align: bottom; } #g1tabminikids .box1 .img{ width:37%; position:absolute; left:10%; bottom:0%; } #g1tabminikids .box1 .box{ width:40%; position:absolute; left:48%; top:20%; } #g1tabminikids .box1 .b{ font-size:3vw; line-height:1.2; display:inline-block; } #g1tabminikids .box1 .m{ font-size:2vw; line-height:1.2; margin:1% 0px 3% 0px; } #g1tabminikids .box1 .s{ font-size:1.4vw; line-height:1.6; } #g1tabminikids .box1 .circle{ position:absolute; } #g1tabminikids .box1 .c1{ width:22px; height:22px; left:2%; top:60%; background:url(/new/Images/g1tabminikids/overview/circle/i1.png); } #g1tabminikids .box1 .c2{ width:17px; height:17px; left:3%; top:58%; background:url(/new/Images/g1tabminikids/overview/circle/i2.png); } #g1tabminikids .box1 .c3{ width:22px; height:22px; left:4%; top:56%; background:url(/new/Images/g1tabminikids/overview/circle/i3.png); } #g1tabminikids .box1 .c4{ width:16px; height:17px; left:5%; top:60%; background:url(/new/Images/g1tabminikids/overview/circle/i4.png); } #g1tabminikids .box1 .c5{ width:29px; height:30px; left:6%; top:57%; background:url(/new/Images/g1tabminikids/overview/circle/i5.png); } #g1tabminikids .box1 .c6{ width:16px; height:16px; left:2%; top:70%; background:url(/new/Images/g1tabminikids/overview/circle/i6.png); } #g1tabminikids .box1 .c7{ width:31px; height:30px; left:3%; top:60%; background:url(/new/Images/g1tabminikids/overview/circle/i7.png); } #g1tabminikids .box1 .c8{ width:14px; height:15px; left:4%; top:56%; background:url(/new/Images/g1tabminikids/overview/circle/i8.png); } #g1tabminikids .box1 .c9{ width:19px; height:19px; left:5%; top:55%; background:url(/new/Images/g1tabminikids/overview/circle/i9.png); } #g1tabminikids .box1 .c10{ width:13px; height:13px; left:6%; top:58%; background:url(/new/Images/g1tabminikids/overview/circle/i10.png); } #g1tabminikids .box1 .c11{ width:24px; height:23px; left:40%; top:80%; background:url(/new/Images/g1tabminikids/overview/circle/i11.png); } #g1tabminikids .box1 .c12{ width:24px; height:23px; left:42%; top:86%; background:url(/new/Images/g1tabminikids/overview/circle/i12.png); } #g1tabminikids .box1 .c13{ width:13px; height:13px; left:43%; top:84%; background:url(/new/Images/g1tabminikids/overview/circle/i13.png); } #g1tabminikids .box1 .c14{ width:17px; height:16px; left:44%; top:83%; background:url(/new/Images/g1tabminikids/overview/circle/i14.png); } #g1tabminikids .box1 .c15{ width:13px; height:13px; left:45%; top:84%; background:url(/new/Images/g1tabminikids/overview/circle/i15.png); } #g1tabminikids .box1 .c16{ width:17px; height:17px; left:40%; top:80%; background:url(/new/Images/g1tabminikids/overview/circle/i16.png); } #g1tabminikids .box1 .c17{ width:13px; height:13px; left:41%; top:86%; background:url(/new/Images/g1tabminikids/overview/circle/i17.png); } #g1tabminikids .box1 .c18{ width:22px; height:22px; left:42%; top:84%; background:url(/new/Images/g1tabminikids/overview/circle/i18.png); } #g1tabminikids .box1 .c19{ width:13px; height:13px; left:43%; top:80%; background:url(/new/Images/g1tabminikids/overview/circle/i19.png); } #g1tabminikids .box1 .c20{ width:22px; height:22px; left:90%; top:70%; background:url(/new/Images/g1tabminikids/overview/circle/i20.png); } #g1tabminikids .box1 .c20{ width:22px; height:22px; left:90%; top:70%; background:url(/new/Images/g1tabminikids/overview/circle/i20.png); } #g1tabminikids .box1 .c21{ width:23px; height:23px; left:88%; top:74%; background:url(/new/Images/g1tabminikids/overview/circle/i21.png); } #g1tabminikids .box1 .c22{ width:26px; height:27px; left:92%; top:76%; background:url(/new/Images/g1tabminikids/overview/circle/i22.png); } #g1tabminikids .box1 .c23{ width:13px; height:13px; left:90%; top:70%; background:url(/new/Images/g1tabminikids/overview/circle/i23.png); } #g1tabminikids .box1 .c24{ width:17px; height:16px; left:88%; top:74%; background:url(/new/Images/g1tabminikids/overview/circle/i24.png); } #g1tabminikids .box1 .c1.active{ -webkit-animation: toTop1 3s linear infinite ;animation: toTop1 3s linear infinite ;} #g1tabminikids .box1 .c2.active{ -webkit-animation: toTop2 3s linear infinite ;animation: toTop2 3s linear infinite ;} #g1tabminikids .box1 .c3.active{ -webkit-animation: toTop3 3s linear infinite ;animation: toTop3 3s linear infinite ;} #g1tabminikids .box1 .c4.active{ -webkit-animation: toTop4 3s linear infinite ;animation: toTop4 3s linear infinite ;} #g1tabminikids .box1 .c5.active{ -webkit-animation: toTop5 3s linear infinite ;animation: toTop5 3s linear infinite ;} #g1tabminikids .box1 .c6.active{ -webkit-animation: toTop6 3s linear infinite ;animation: toTop6 3s linear infinite ;} #g1tabminikids .box1 .c7.active{ -webkit-animation: toTop7 3s linear infinite ;animation: toTop7 3s linear infinite ;} #g1tabminikids .box1 .c8.active{ -webkit-animation: toTop8 3s linear infinite ;animation: toTop8 3s linear infinite ;} #g1tabminikids .box1 .c9.active{ -webkit-animation: toTop9 3s linear infinite ;animation: toTop9 3s linear infinite ;} #g1tabminikids .box1 .c10.active{ -webkit-animation: toTop10 3s linear infinite ;animation: toTop10 3s linear infinite ;} #g1tabminikids .box1 .c11.active{ -webkit-animation: toTop11 3s linear infinite ;animation: toTop11 3s linear infinite ;} #g1tabminikids .box1 .c12.active{ -webkit-animation: toTop12 3s linear infinite ;animation: toTop12 3s linear infinite ;} #g1tabminikids .box1 .c13.active{ -webkit-animation: toTop13 3s linear infinite ;animation: toTop13 3s linear infinite ;} #g1tabminikids .box1 .c14.active{ -webkit-animation: toTop14 3s linear infinite ;animation: toTop14 3s linear infinite ;} #g1tabminikids .box1 .c15.active{ -webkit-animation: toTop15 3s linear infinite ;animation: toTop15 3s linear infinite ;} #g1tabminikids .box1 .c16.active{ -webkit-animation: toTop16 3s linear infinite ;animation: toTop16 3s linear infinite ;} #g1tabminikids .box1 .c17.active{ -webkit-animation: toTop17 3s linear infinite ;animation: toTop17 3s linear infinite ;} #g1tabminikids .box1 .c18.active{ -webkit-animation: toTop18 3s linear infinite ;animation: toTop18 3s linear infinite ;} #g1tabminikids .box1 .c19.active{ -webkit-animation: toTop19 3s linear infinite ;animation: toTop19 3s linear infinite ;} #g1tabminikids .box1 .c20.active{ -webkit-animation: toTop20 3s linear infinite ;animation: toTop20 3s linear infinite ;} #g1tabminikids .box1 .c21.active{ -webkit-animation: toTop21 3s linear infinite ;animation: toTop21 3s linear infinite ;} #g1tabminikids .box1 .c22.active{ -webkit-animation: toTop22 3s linear infinite ;animation: toTop22 3s linear infinite ;} #g1tabminikids .box1 .c23.active{ -webkit-animation: toTop23 3s linear infinite ;animation: toTop23 3s linear infinite ;} #g1tabminikids .box1 .c24.active{ -webkit-animation: toTop24 3s linear infinite ;animation: toTop24 3s linear infinite ;} @-webkit-keyframes toTop1{ 0%{ top: 70%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 68%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop1{ 0%{ top: 70%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 68%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop2{ 0%{ top: 68%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 66%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop2{ 0%{ top: 68%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 66%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop3{ 0%{ top: 66%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 50%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 36%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop3{ 0%{ top: 66%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 50%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 36%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop4{ 0%{ top: 60%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 58%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop4{ 0%{ top: 60%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 58%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop5{ 0%{ top: 57%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 55%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 27%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop5{ 0%{ top: 57%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 55%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 27%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop6{ 0%{ top: 60%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 58%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop6{ 0%{ top: 60%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 58%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop7{ 0%{ top: 60%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 58%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop7{ 0%{ top: 60%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 58%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop8{ 0%{ top: 56%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 54%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 36%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop8{ 0%{ top: 56%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 54%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 36%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop9{ 0%{ top: 55%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 53%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 35%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop9{ 0%{ top: 55%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 53%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 35%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop10{ 0%{ top: 58%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 56%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 48%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop10{ 0%{ top: 58%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 56%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 48%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop11{ 0%{ top: 80%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 78%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 60%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop11{ 0%{ top: 80%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 78%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 60%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop12{ 0%{ top: 60%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 84%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 76%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop12{ 0%{ top: 86%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 58%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop13{ 0%{ top: 84%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 82%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 64%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop13{ 0%{ top: 84%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 82%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 64%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop14{ 0%{ top: 83%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 81%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 53%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop14{ 0%{ top: 83%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 81%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 53%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop15{ 0%{ top: 84%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 80%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop15{ 0%{ top: 84%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 80%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop16{ 0%{ top: 80%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 78%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 60%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop16{ 0%{ top: 80%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 78%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 60%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop17{ 0%{ top: 86%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 83%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 56%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop17{ 0%{ top: 86%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 83%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 56%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop18{ 0%{ top: 84%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 82%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 64%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop18{ 0%{ top: 84%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 82%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 64%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop19{ 0%{ top: 80%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 76%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop19{ 0%{ top: 80%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 76%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop20{ 0%{ top: 70%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 68%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 50%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop20{ 0%{ top: 70%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 68%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 50%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop21{ 0%{ top: 74%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 73.4%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 44%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop21{ 0%{ top: 60%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 58%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop22{ 0%{ top: 76%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 75.8%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 66%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop22{ 0%{ top: 76%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 75.8%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 66%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop23{ 0%{ top: 70%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 67%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop23{ 0%{ top: 70%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 67%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 40%; opacity:0; filter:alpha(opacity=0); } } @-webkit-keyframes toTop24{ 0%{ top: 74%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 72%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 54%; opacity:0; filter:alpha(opacity=0); } } @keyframes toTop24{ 0%{ top: 74%; opacity:0; filter:alpha(opacity=0); } 20%{ top: 72%; opacity:1; filter:alpha(opacity=100); } 100%{ top: 54%; opacity:0; filter:alpha(opacity=0); } } #g1tabminikids .box2{ width:80%; margin:4% auto; } #g1tabminikids .box2 .p{ border-radius:20px; } #g1tabminikids .box2 .b{ font-size:2.2vw; line-height:1.2; } #g1tabminikids .box2 .s{ font-size:1.8vw; line-height:1.2; } #g1tabminikids .box2 .p1{ width: 32%; background-color:#a8edff; height:24vw; } #g1tabminikids .box2 .p1 .img{ width:60%; position:absolute; left:20%; top:36%; } #g1tabminikids .box2 .p1 .box{ width:100%; left:0%; position:absolute; top:12%; } #g1tabminikids .box2 .p2{ height:20vw; width:33%; background-color: #ecffa8; position:absolute; top:0%; left:33%; } #g1tabminikids .box2 .p2 .img{ width: 70%; position:absolute; left:15%; top:36%; } #g1tabminikids .box2 .p2 .box{ position:absolute; width:100%; left:0%; top:10%; } #g1tabminikids .box2 .p3{ height:14vw; width:33%; background-color: #a8ffec; position:absolute; top:0%; right:0%; } #g1tabminikids .box2 .p3 .b{ background: linear-gradient(to right, #fd6cb3, #188ed7);-webkit-background-clip: text;color: transparent; display:inline-block; font-size: 3.6vw; } #g1tabminikids .box2 .p3 .img{ width: 70%; position:absolute; left:15%; top:36%; } #g1tabminikids .box2 .p3 .box{ position:absolute; width:100%; left:0%; top:22%; } #g1tabminikids .box2 .p4{ height:14vw; width:32%; background-color:#ecffa8; margin-top:2%; } #g1tabminikids .box2 .p4 .img{ width: 70%; position:absolute; left:15%; top:46%; } #g1tabminikids .box2 .p4 .box{ position:absolute; width:100%; left:0%; top:10%; } #g1tabminikids .box2 .p5{ height:22vw; width:33%; background-color: #a8ffec; position:absolute; top:33%; left:33%; } #g1tabminikids .box2 .p5 .img{ width: 64%; position:absolute; left:18%; top:40%; } #g1tabminikids .box2 .p5 .box{ position:absolute; width:100%; left:0%; top:8%; } #g1tabminikids .box2 .p6{ height:24vw; width:33%;background-color: #a8edff; position:absolute; top:24%; right:0%; } #g1tabminikids .box2 .p6 .img{ width: 100%; position:absolute; left:0%; bottom:0%; } #g1tabminikids .box2 .p6 .box{ position:absolute; width:100%; left:0%; top:8%; } #g1tabminikids .box2 .p7{ height:24vw; width:32%; background-color:#ecffa8; margin-top:2%; background: linear-gradient(to bottom,#b1ffee,#a8ffec); } #g1tabminikids .box2 .p7 .img{ width: 70%; position:absolute; left:15%; top:36%; } #g1tabminikids .box2 .p7 .box{ position:absolute; width:100%; left:0%; top:10%; } #g1tabminikids .box2 .p8{ height:20vw; width:33%;background-color: #a8edff; position:absolute; bottom:0%; left:33%; } #g1tabminikids .box2 .p8 .img{ width: 64%; position:absolute; left:18%; top:40%; } #g1tabminikids .box2 .p8 .box{ position:absolute; width:100%; left:0%; top:8%; } #g1tabminikids .box2 .p9{ height:24vw; width:33%; background-color: #ecffa8; position:absolute; bottom:0%; right:0%; } #g1tabminikids .box2 .p9 .img{ width: 80%; position:absolute; left:10%; top:34%; } #g1tabminikids .box2 .p9 .box{ position:absolute; width:100%; left:0%; top:8%; } #g1tabminikids .box3 .fixed{ height:30vw; width:100%; } #g1tabminikids .box3 .box{ width:30%; position:absolute; left:14%; top:32%; opacity:0; filter:alpha(opacity=0); transition:all 0.3s linear; } #g1tabminikids .box3 .box.active{ opacity:1; filter:alpha(opacity=100); } #g1tabminikids .box3 .img{ position:absolute; bottom: 0%; opacity:0; filter:alpha(opacity=0); transition:all 0.3s linear; } #g1tabminikids .box3 .img.active{ opacity:1; filter:alpha(opacity=100); transition:all 0.3s linear; } #g1tabminikids .box3 .img1{ width:40%; left:50%; } #g1tabminikids .box3 .img2{ width:48%; left:48%; } #g1tabminikids .box4 .box{ width:40%; position:absolute; left:50%; top:17%; text-align:right; } #g1tabminikids .box4 .img{ width:80%; display:block; margin:10% auto 8%; } #g1tabminikids .box4 .swiper1{ width:29%; position:absolute; left:18%; top:15%; } #g1tabminikids .box5 .fixed{ width:100%; height:30vw; } #g1tabminikids .box5 .img1{ width:56%; position: absolute; left: 36%; top: 34%; } #g1tabminikids .box5 .bb{ width:30%; position:absolute; left:10%; top:19%; } #g1tabminikids .box5 .ul{ width:20%; position:absolute; left:10%; top:54%; } #g1tabminikids .box5 .li{ margin-bottom:8%; } #g1tabminikids .box5 .b{ font-size:3vw; line-height:1.2; } #g1tabminikids .box5 .s{ font-size:1.2vw; line-height:1.2; } #g1tabminikids .box5 .img{ position:absolute; width:13%; top:16%; left:55%; } #g1tabminikids .box5 .imgs{ width:100%; position:absolute; left:0%; top:0%; z-index:7; } #g1tabminikids .box5 .img2{ left:-100%; } #g1tabminikids .box5 .img3{ left:100%; } #g1tabminikids .box5 .lt{ width:100%; height:100%; position:absolute; left:0%; top:0%; background-color:#ffffff; z-index:6; } #g1tabminikids .box5 .btl{ position:absolute; width:80%; left:10%; top:10%; } #g1tabminikids .box5 .img4{ position:absolute; width:90%; left:0%; bottom:0%; } #g1tabminikids .box5 .img5{ position:absolute; width:30%; left:35%; top:38%; transform:scale(5); } #g1tabminikids .box6 .box{ width:50%; margin:4% 0px 2% 14%; } #g1tabminikids .box6 .ul{ width:30%; margin:4% 0px 4% 14%; } #g1tabminikids .box6 .li{ margin-bottom:8%; font-size:1.4vw; line-height:1; } #g1tabminikids .box6 .img{ width:15%; vertical-align:middle; } #g1tabminikids .box6 .img1{ position:absolute; width:14%; left:62%; top:27%; } #g1tabminikids .box6 .img2{ position:absolute; width:8%; left:52%; top:69%; } #g1tabminikids .box7 { height:60vw; } #g1tabminikids .box7 .box{ width:25%; position:absolute; left:58%; top:11%; } #g1tabminikids .box7 .img2{ width:42%; position:absolute; left:8%; top:31%; transform:rotate(0deg) scale(1) translate3d(0%,0%,0px); } #g1tabminikids .box7 .img3{ width:48%; position:absolute; left:37%; top:44%; transform:rotate(0deg) scale(1) translate3d(0%,0%,0px); } #g1tabminikids .box7-1 { height:60vw;} #g1tabminikids .box7-1 .bt{ position:absolute; width:30%; left:54%; top:0%; } #g1tabminikids .box7-1 .img4{ width:42%; position:absolute; left:13%; top:23%; transform:rotate(0deg) scale(1) translate3d(0%,0%,0px); } #g1tabminikids .box7-1 .img5{ width:41%; position:absolute; left:28%; top:26%; transform:rotate(0deg) scale(1) translate3d(0%,0%,0px); } #g1tabminikids .box7-1 .img6{ width:51%; position:absolute; left:37%; top:52%; transform:rotate(0deg) scale(1) translate3d(0%,0%,0px); } #g1tabminikids .box8 .box{ width:46%; margin:4% auto; } #g1tabminikids .box8 .img{ width:80%; display:block; margin:2% auto; } #g1tabminikids .box9 .fixed{ width:100%; height:30vw; } #g1tabminikids .box9 .box{ width:80%; position:absolute; left:10%; top:10%; } #g1tabminikids .box9 .ul{ position:absolute; width:30%; left:10%; top:49%; } #g1tabminikids .box9 .li{ font-size:1.2vw; line-height:1; margin-bottom:4%; } #g1tabminikids .box9 .b{ font-size:1.4vw; line-height:1; font-weight:bold; } #g1tabminikids .box9 .img{ width:12%; margin-right: 2%; vertical-align:middle; } #g1tabminikids .box9 .big-box{ width:58%; position:absolute; left:42%; top:39%; height:58vw; overflow:hidden; } #g1tabminikids .box9 .bg-box{ width:24%; position:absolute; left:0%; top:0%; z-index:2; } #g1tabminikids .box9 .circle{ width:200vw; height:200vw; position:absolute; border-radius:100vw; overflow:hidden; top:0px; right:-50vw; } #g1tabminikids .box9 .img5{ position:absolute; width:6%; top:0.5%; left:49.7%; transform:translateX(-50%); } #g1tabminikids .box9 .img6{ position:absolute; width:6%; top:1.5%; left:56%; transform:rotate(13deg); } #g1tabminikids .box9 .img7{ position:absolute; width:6%; top:4.5%; left:65%; transform:rotate(24deg); } #g1tabminikids .box9 .img8{ position:absolute; width:6%; top:9%; left:73%; transform:rotate(36deg); } #g1tabminikids .box9 .img9{ position:absolute; width:6%; top:15.5%; left:80%; transform:rotate(48deg); } #g1tabminikids .box9 .bg-black{ background-color:#000000; position:absolute; height:90%; top:5%; left:5%; width:90%; } #g1tabminikids .box9 .img1{ position:relative; z-index:1; } #g1tabminikids .box9 .bg-white{ background-color:#ffffff; position:absolute; top:5%; height:90%; width:5%; left:0%; } #g1tabminikids .box10 { padding-top:7vw; } #g1tabminikids .box10 .box{ position:absolute; width:80%; left:10%; top:4%; } #g1tabminikids .box10 .img-box{ width:20%; position:absolute; left:40%; top:30%; } #g1tabminikids .box10 .img{ position:absolute; width:90%; left:5%; height:90%; top:4%; overflow:hidden; } #g1tabminikids .box10 .img2{ position:relative; z-index:2; } #g1tabminikids .box10 .swiper-button-prev{ left:-100px; background:url('/new/Images/g1tabminikids/overview/button.png'); width:30px; height:30px; background-position: 0px; } #g1tabminikids .box10 .swiper-button-prev:after{ content:'';width:0px; height:0px; } #g1tabminikids .box10 .swiper-button-next{ right:-100px; background:url('/new/Images/g1tabminikids/overview/button.png'); width:30px; height:30px; background-position: 30px; } #g1tabminikids .box10 .swiper-button-next:after{ content:'';width:0px;height:0px; } #g1tabminikids .box11 .box{ width:46%; margin:4% auto; } #g1tabminikids .box11 .img{ width:60%; margin:4% auto; } #g1tabminikids .box12 .img{ width:20%; margin: 4% 0px 4% 58%; } #g1tabminikids .box12 .ul{ position:absolute; width:30%; left:23%; top:26%; } #g1tabminikids .box12 .li{ margin-bottom:7%; font-size:1.4vw; line-height:1; } #g1tabminikids .box12 .img1{ width:3%; position:absolute; left:19%; top:23%; } #g1tabminikids .box13 .box{ width:46%; margin:4% auto; } #g1tabminikids .box13 .img{ width:100%; margin:4% auto; } #g1tabminikids .box14 .box{ width:46%; margin:0% auto 4%; } #g1tabminikids .box14 .box1{ position:absolute; width:46%; left:27%; top:53%; } #g1tabminikids .box14 .img1{ position:absolute; width:70%; left:15%; top:65%; } #g1tabminikids .box15 .box{ width:34%; position:absolute; left:60%; top:0%; } #g1tabminikids .box15 .img-box{ width:80%; height:50vw; margin:2% auto; } #g1tabminikids .box15 .img1{ position:absolute; width:38%; left:6%; top:13%; } #g1tabminikids .box15 .img2{ position:absolute; width:38%; left:27%; top:33%; } #g1tabminikids .box15 .img3{ position:absolute; width:38%; left:55%; top:51%; } #g1tabminikids .box16 .box{ width:46%; margin:4% auto; } #g1tabminikids .box16 .img{ width:70%; margin:4% auto; } #g1tabminikids .box17 .b{ font-size:3vw; line-height:1.2; margin:4% auto 2%; width:80%; } #g1tabminikids .box17 .s{ width:80%; font-size:1.4vw; line-height:2; margin:2% auto 4%; } #g1tabminikids .box18 .b{ position:absolute; width:26%; left:13%; top:44%; font-size:3vw; line-height:1.2; }