.big{ font-size: 3.2vw; line-height: 4vw; }
.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; }
.textBg{ background: linear-gradient(to right, #fc83b9,#28aee0);-webkit-background-clip: text;color: transparent; }
.inlineBlock{ display:inline-block; }
.pr{ position:relative; overflow:hidden; }
.pa{ position:absolute; }
.floatLeft{ float:left; }
.textCenter{ text-align:center; }
.overflow{ overflow:hidden; }
.blue{ color:#3055d9; }
.pink{ color:#fc83b9; }
#g1tabkids img{ width:100%; display:inline-block; }
#g1tabkids .box{ transform:scale(0); transition:all 0.3s linear; }
#g1tabkids .box.active{ transform:scale(1); }
#g1tabkids .box1 .box{ width:44%; left:49%; top:28%; }
#g1tabkids .box1 .b{ font-size:4vw; line-height:1.3; }
#g1tabkids .box1 .m{ font-size:2vw; line-height:1.3; font-style:italic; margin:2% auto; }
#g1tabkids .box1 .s{ font-size:1vw; line-height:2; }
#g1tabkids .box2 .p1{ width:26%; left:16%; top:13%; }
#g1tabkids .box2 .p2{ width:13.5%; left:42.5%; top:13%; }
#g1tabkids .box2 .p3{ width:13.5%; left:56.5%; top:13%; }
#g1tabkids .box2 .p4{ width:13.5%; left:70.5%; top:13%; }
#g1tabkids .box2 .p5{ width:13.5%; left:42.5%; top:50%; }
#g1tabkids .box2 .p6{ width:13.5%; left:56.5%; top:48%; }
#g1tabkids .box2 .p7{ width:13.5%; left:70.5%; top:50%; }
#g1tabkids .box2 .p8{ width:20%; left:16%; top:69%; }
#g1tabkids .box2 .p9{ width:10%; left:42.5%; top:67%; }
#g1tabkids .box2 .p10{ width:10%; left:53%; top:67%; }
#g1tabkids .box2 .p11{ width:10%; left:63.5%; top:67%; }
#g1tabkids .box2 .p12{ width:10%; left:74%; top:67%; }
#g1tabkids .box2 .b{ font-size:2vw; line-height:1.2; display:inline-block; }
#g1tabkids .box2 .s{ font-size:2vw; line-height:1.3; margin-top:2%; }
#g1tabkids .box2 .p2,#g1tabkids .box2 .p3{ font-size:1.6vw; }
#g1tabkids .box2 .p4 .b{ font-size:1.6vw; }
#g1tabkids .box2 .p4 .s{ font-size:1.2vw; }
#g1tabkids .box2 .p5 .s{ font-size:1.2vw; }
#g1tabkids .box2 .p8 .b{ font-size:1.6vw; }
#g1tabkids .box2 .p8 .s{ font-size:1.2vw; }
#g1tabkids .box2 .p9 .b,#g1tabkids .box2 .p10 .b{ font-size:1.4vw; }
#g1tabkids .box2 .p9 .s,#g1tabkids .box2 .p10 .s,#g1tabkids .box2 .p11 .s{ font-size:1vw; }
#g1tabkids .box2 .p11 .b{ font-size:1.2vw; }
#g1tabkids .box2 .p12{ font-size:1.2vw; }
#g1tabkids .box2 .img1{ width:10%; left:0%; top:66%; opacity:0; transition:all 0.2s linear; }
#g1tabkids .box2 .img1.active{ left:4%; opacity:1; }
#g1tabkids .box2 .img2{ width:8%; left:86%; top:80%; opacity:0; transition:all 0.2s linear; }
#g1tabkids .box2 .img2.active{top: 66%; opacity:1; }
#g1tabkids .box2 .img3{ width:8%; left:4%; top:18%; opacity:0; transform: translate(-25%, -38%); transition:all 0.2s linear; }
#g1tabkids .box2 .img4{ width:6%; left:4%; top:39%; opacity:0; transform: translate(-25%, -38%); transition:all 0.2s linear; }
#g1tabkids .box2 .img5{ width:8%; left:86%; top:22%; opacity:0; transform: translate(25%, -38%); transition:all 0.2s linear;}
#g1tabkids .box2 .img6{ width:6%; left:86%; top:37%; opacity:0; transform: translate(25%, -38%); transition:all 0.2s linear;}
#g1tabkids .box2 .img3.active,#g1tabkids .box2 .img4.active,#g1tabkids .box2 .img5.active,#g1tabkids .box2 .img6.active{ transform: translate(0%, 0%); opacity:1; }
#g1tabkids .box3 { background:linear-gradient(to bottom,#d7f1ff,#9fddff); }
#g1tabkids .box3 .narrow{ width:70%; margin:4% auto; }
#g1tabkids .box3 .box{ width:100%; margin:4% auto; }
#g1tabkids .box3 .img{ width:50%; margin:2% auto; }
#g1tabkids .box3 .ul{ margin:2% auto; width:60%; }
#g1tabkids .box3 .li{ width:25%; }
#g1tabkids .box3 .icons{ width:46%; }
#g1tabkids .box3 .b{ font-size:1vw; line-height:1.3; margin:4% auto; }
#g1tabkids .box3 .s{ font-size:1vw; line-height:1.3; }
#g1tabkids .box4 .box{ margin:4% auto 2%; width:60%; }
#g1tabkids .box4 .fixed{ width:100%; }
#g1tabkids .box4 .imgBox{ left:-14%; bottom:0%; width:100%; z-index:3;  }
#g1tabkids .box4 .img{ left:0%; top:0%; z-index:3; }
#g1tabkids .box4 .img5{ z-index:2; }
#g1tabkids .box4 .img3{ width:70%; right: 3%; bottom:-14%; z-index:3; }
#g1tabkids .box4 .l1{ width:14%; left:43%; top:42%; border: inherit; border-top:2px solid #3055d9; outline:none; z-index:4;  }
#g1tabkids .box4 .l2{ width:8%; transform: rotate(90deg); left:58%; top:66%; border: inherit; border-top:2px solid #3055d9; outline:none; z-index:4; }
#g1tabkids .box4 .b1{ width:20%; left:58%; top:39%; font-size:2vw; line-height:1.3; z-index:4; }
#g1tabkids .box4 .b2{ width:20%; left:58%; top:48%; font-size:2vw; line-height:1.3; z-index:4; }
#g1tabkids .box4 .look{ transition:opacity 0.1s linear; opacity:0; }
#g1tabkids .box4 .img4{ width:60%; left:20%; top:13%; z-index:-1; }
#g1tabkids .box4 .img6{ width:100%; left:0%; top:0%; z-index:1; opacity:1; }
#g1tabkids .box4 .icon{ width:60%; left:100%; top:13%; }
#g1tabkids .box4 .img7{ z-index:1; }
#g1tabkids .box4 .img8{ z-index:2; }
#g1tabkids .box4 .img9{ z-index:3; }
#g1tabkids .box4 .bg{ width:100%; height:100%; left:0%; top:0%; background-color:#ffffff; z-index:2; }
#g1tabkids .box4 .birs{ width: 6%;  opacity:0; transform:translate(-200px,-200px); transition:all 0.3s linear; }
#g1tabkids .box4 .birs.active{  opacity:1; transform:translate(0px,0px); }
#g1tabkids .box4 .bs1{ left:5%; top:26%; transition-delay:0.1s; }
#g1tabkids .box4 .bs2{ left:73%; top:20%; transition-delay:0.15s; }
#g1tabkids .box4 .bs3{ left:87%; top:30%; transition-delay:0.2s; }
#g1tabkids .box4 .bs4{ left:20%; top:79%; transition-delay:0.25s; }
#g1tabkids .box4 .bs5{ left:54%; top:84%; transition-delay:0.3s; }
#g1tabkids .box5 .box{ width:40%; margin:8% 7% 20%; text-align:right; }
#g1tabkids .box5 .small{ font-size:1vw; }
#g1tabkids .box5 .img{ width:32%; left:53%; top:26%; z-index:1; }
#g1tabkids .box5 .img2{ width:55%; left:0%; top:51%; }
#g1tabkids .box5 .img3{ width:30%; right:0%; top:17%; }
#g1tabkids .box6 .box{ width:60%; left:20%; top:6%; }
#g1tabkids .box6 .ul{ width:60%; left:20%; top:86%; }
#g1tabkids .box6 .li{ width:33.33%;  }
#g1tabkids .box6 .b{ font-size:1.4vw; line-height:1.4; }
#g1tabkids .box6 .li .b:first-child{ font-weight:bold; }
#g1tabkids .box7 .box{ width:60%; margin:4% auto 1%; }
#g1tabkids .box7 .imgBox{ padding-bottom:2%; margin-bottom:6%; }
#g1tabkids .box7 .img{ width:56%; left:22%; bottom:0%; }
#g1tabkids .box7 .ul{ top:2%; width:60%; left:20%; }
#g1tabkids .box7 .li{  border:2px solid #000000; background:linear-gradient(to bottom,#9fddff, #d7f1ff); padding:0.5vw 1vw; 
	font-size:1.4vw;  line-height: 1; font-weight: bold; border-radius: 20vw;
}
#g1tabkids .box7 .li:nth-child(2){ margin:0px 12% ; }
#g1tabkids .box7 .img1{ width:8%; left:34%; top:66%; }
#g1tabkids .box7 .img2{ width:8%; left:37.5%; top:64%; }
#g1tabkids .box7 .img3{ width:7%; left:49%; top:63%; }
#g1tabkids .box7 .img4{ width:11%; left:45%; top:65%; }
#g1tabkids .box7 .img5{ width:9%; left:36%; top:68%; }
#g1tabkids .box7 .img6{ width:13%; left:40%; top:61%; }
#g1tabkids .box7 .img7{ width:8%; left:51%; top:63%; }
#g1tabkids .box7 .img8{ width:8%; left:58%; top:64%; }
#g1tabkids .box7 .img9{ width:8%; left:49.5%; top:65%; }
#g1tabkids .box7 .img10{ width:8%; left:62%; top:67%; }
#g1tabkids .box7 .img11{ width:8%; left:59.5%; top:66%; }
#g1tabkids .box7 .img1.active{ width:8%; left:20%; top:16%; }
#g1tabkids .box7 .img2.active{ width:8%; left:28%; top:32%; }
#g1tabkids .box7 .img3.active{ width:7%; left:35%; top:18%; }
#g1tabkids .box7 .img4.active{ width:11%; left:37%; top:38%; }
#g1tabkids .box7 .img5.active{ width:9%; left:27%; top:41%; }
#g1tabkids .box7 .img6.active{ width:13%; left:50%; top:18%; }
#g1tabkids .box7 .img7.active{ width:8%; left:64%; top:14%; }
#g1tabkids .box7 .img8.active{ width:8%; left:66%; top:33%; }
#g1tabkids .box7 .img9.active{ width:8%; left:54%; top:47%; }
#g1tabkids .box7 .img10.active{ width:8%; left:66%; top:51%; }
#g1tabkids .box7 .img11.active{ width:8%; left:76%; top:15%; }
#g1tabkids .box7 .icon{  z-index:1; opacity:0; transition:all 0.3s linear; }
#g1tabkids .box7 .icon.active{ opacity:1 }
#g1tabkids .box8 { background:linear-gradient(to bottom,#90d9ff,#f7c3e0); }
#g1tabkids .box8 .box{ width:60%; margin:4% auto 1%; }
#g1tabkids .box8 .ul{ margin:2% auto; width:90%; }
#g1tabkids .box8 .li{ width:32%; margin-right: 2%; padding:2% 0% 2% 12%; box-sizing:border-box; margin-bottom:2%; text-align:left; }
#g1tabkids .box8 .icon{ width:13%; left:19%; top:22%; }
#g1tabkids .box8 .s{ font-size:1.2vw; line-height:1.3; }
#g1tabkids .box8 .mr{ margin-right:0%; }
#g1tabkids .box8 .imgBox{  margin:2% auto 6%; }
#g1tabkids .box8 .img{ width:58%; margin-left:21%; z-index:1; }
#g1tabkids .box8 .i1{ width:58%; top:0%; left:21%; z-index:2; opacity:0; }
#g1tabkids .box8 .i2{ width:20%; top:20%; left:4%; opacity:0; }
#g1tabkids .box8 .i1.active{ transition:all 0.1s linear 0.2s; opacity:1; }
#g1tabkids .box8 .i2.active{ transition:all 0.2s linear; opacity:1; left:6%; }
#g1tabkids .box9 { width:90%; margin:4% auto; }
#g1tabkids .box9 .box{ width:34%; top:15%; left:5%; }
#g1tabkids .box9 .b{ font-size:2vw; line-height:1.3; }
#g1tabkids .box9 .bb{ font-size:3vw; line-height:1.3; }
#g1tabkids .box9 .img{ width:4%; }
#g1tabkids .box9 .ul{ width:74%; margin:8% 0%; text-align:left; }
#g1tabkids .box9 .li{  margin-right:14%; text-align:center;  }
#g1tabkids .box9 .li:last-child{ margin-right:0px; }
#g1tabkids .box9 .s{ font-size:1.4vw; line-height:1.3; margin-top:6%; }
#g1tabkids .box9 .icon{ width:4vw; }
#g1tabkids .box10 { padding:6% 0px; }
#g1tabkids .box10 .img{ width:40%; margin-left:10%; z-index:1; }
#g1tabkids .box10 .box{ width:40%; left:54%; top:28%; }
#g1tabkids .box10 .icon{ width:10%; left:25%; top:20%;  transition:all 0.2s linear; }
#g1tabkids .box10 .icon.active{ top:3%; }
#g1tabkids .box11 .box{ width:60%; left:20%; top:8%; }
#g1tabkids .box12 .box{ width:60%; margin:4% auto 2%; }
#g1tabkids .box12 .fixed{ width:100%; }
#g1tabkids .box12 .ul{ width:100%; left:0%; top:29%; }
#g1tabkids .box12 .li{ width:33.33%; text-align:center; }
#g1tabkids .box12 .b{ display:inline-block; font-size:1.6vw; line-height:1.3; margin-bottom:2%; }
#g1tabkids .box12 .p1 .ul{ transform:translateX(-25%); }
#g1tabkids .box12 .p2 .ul{ transform:translateX(25%); }
#g1tabkids .box12 .p3 .ul{ transform:translateX(-25%); }
#g1tabkids .box13 .box{ width:60%; left:20%; top:5%; }
#g1tabkids .box13 .img{ width:40%; margin-left:16%; }
#g1tabkids .box13 .icon{ width:22%; left:57%; top:66%; }
#g1tabkids .box13 .ul{ width:35%; left:18.5%; top:7%; }
#g1tabkids .box13 .li{ width:48%; margin-right:4%; margin-bottom:4%; box-sizing:border-box; padding-left:13%; }
#g1tabkids .box13 .li:nth-child(even){ margin-right:0px; }
#g1tabkids .box13 .icons{ width:20%; left:3%; top:18%; }
#g1tabkids .box13 .b{ font-size:1vw; line-height:1.3; margin-bottom:6%; font-weight:bold; }
#g1tabkids .box13 .s{ font-size:1vw; line-height:1.4; }
#g1tabkids .box13 .mt{  margin:4% 0px 0px 0px; }
#g1tabkids .box14 .box{ width:60%; margin:4% auto 2%; }
#g1tabkids .box14 .img{ width:40%; margin:0px 0px 0px 30%; }
#g1tabkids .box15 .textBox{ background:linear-gradient(to bottom,#9fddff,#d7f1ff); border-bottom-left-radius:58%; border-bottom-right-radius:58%; }
#g1tabkids .box15 .box{ width:60%; margin:4% auto; }
#g1tabkids .box15 .boxs{ width:80%; margin:2% auto 0px; padding-bottom:12%; }
#g1tabkids .box15 .p1{ width:46%; }
#g1tabkids .box15 .p2{ right:0%; top:6%; width:46%; }
#g1tabkids .box15 .p3{ width:46%; margin-top:5%; }
#g1tabkids .box15 .p4{ right:0%; bottom:0%; width:46%; }
#g1tabkids .box15 .b{ font-size:2vw; line-height:1.3; }
#g1tabkids .box15 .s{ font-size:1.4vw; line-height:1.2; margin:2% auto 2%; width:80%; }
#g1tabkids .box15 .imgBox{ width:80%; transform:translateY(-20%); margin:0px auto; }
#g1tabkids .box15 .pp{ width:36%; left:60%; top:32%; }
#g1tabkids .box15 .ul{ margin-top:8%; }
#g1tabkids .box15 .li{ width:50%; margin-bottom:4%; }
#g1tabkids .box15 .b{ font-size:3vw; line-height:1.3; }
#g1tabkids .box15 .ss{ font-size:1.4vw; line-height:1.2; }
#g1tabkids .box15 .img{ width:28%; margin-bottom:4%; }
#g1tabkids .box15 .ull{ width:30%; left:6%; top:65%; }
#g1tabkids .box15 .lii{ margin-bottom:30%; }
#g1tabkids .box15 .bbb{ font-size:3vw; line-height:1.3; font-weight: bold;  color:#007EFE;}
#g1tabkids .box15 .sss{ font-size:1.4vw; line-height:1.3; margin-top:2%; }
#g1tabkids .box16 .box{ width:60%; margin:0% auto 2%; }
#g1tabkids .box17 .buttons{ width:27%; display:inline-block; top:44%; left:17%; font-size:3vw; line-height:1.3; }