

.productsWrap_middle.productsWrap_middle_kids {
    height: 1084px;
    margin: -880px auto 0;
}
.products_Character_luffy.products_CharacterKids_luffy {
    width: 430px;
    margin: -500px 0 0 -540px;
}
.products_cont.products_contKids_luffy {    
    margin: 50px 0 0 -480px;   
}
.productsWrap_middle_kids .products_name_wood {
    width: 300px;
    margin: -570px 0 0 20px;
    transform: rotate(14deg);
    -webkit-ransform: rotate(14deg);
    -moz-transform: rotate(14deg);
}
.productsWrap_middle_kids .products_shoes_show {
    margin: -195px 0 0 -135px;
}
.products_pointKids_luffy1, .products_pointKids_luffy2, .products_pointKids_luffy3{
    position: absolute;
    width:190px;
    left:50%;
    top:130px;
}
.products_pointKids_luffy1 {
    margin-left:-85px;
    z-index: 3; 
    -webkit-animation:middlePointKid1 6s linear infinite;
	-moz-animation:middlePointKid1 6s linear infinite;
	animation: middlePointKid1 6s linear infinite;   
}
@-webkit-keyframes middlePointKid1 {
0%{ transform: scale(1); z-index:3; } 5%{ transform: scale(1.2); z-index:5; } 28%{ transform: scale(1.2); z-index:5; } 33%{ transform: scale(1); z-index:3; } 
}
@-moz-keyframes middlePointKid1 {
0%{ -moz-transform: scale(1); z-index:3; } 5%{ -moz-transform: scale(1.2); z-index:5; } 28%{ -moz-transform: scale(1.2); z-index:5; } 33%{ -moz-transform: scale(1); z-index:3; } 
}
@keyframes  middlePointKid1 {
0%{ -webkit-transform: scale(1); z-index:3; } 5%{ -webkit-transform: scale(1.2); z-index:5; } 28%{ -webkit-transform: scale(1.2); z-index:5; } 33%{ -webkit-transform: scale(1); z-index:3; } 
}
.products_pointKids_luffy2 {
    margin-left: 75px;
    z-index: 2;
    -webkit-animation:middlePointKid2 6s linear infinite;
	-moz-animation:middlePointKid2 6s linear infinite;
	animation: middlePointKid2 6s linear infinite;   
}
@-webkit-keyframes middlePointKid2 {
33%{ transform: scale(1); z-index:2; } 38%{ transform: scale(1.2); z-index:5; } 61%{ transform: scale(1.2); z-index:5; } 66%{ transform: scale(1); z-index:2; } 
}
@-moz-keyframes middlePointKid2 {
33%{ -moz-transform: scale(1); z-index:2; } 38%{ -moz-transform: scale(1.2); z-index:5; } 61%{ -moz-transform: scale(1.2); z-index:5; } 66%{ -moz-transform: scale(1); z-index:2; } 
}
@keyframes  middlePointKid2 {
33%{ -webkit-transform: scale(1); z-index:2; } 38%{ -webkit-transform: scale(1.2); z-index:5; } 61%{ -webkit-transform: scale(1.2); z-index:5; } 66%{ -webkit-transform: scale(1); z-index:2; } 
}
.products_pointKids_luffy3{    
    margin-left: 235px;
    z-index: 1;  
    -webkit-animation:middlePointKid3 6s linear infinite;
	-moz-animation:middlePointKid3 6s linear infinite;
	animation: middlePointKid3 6s linear infinite;   
}
@-webkit-keyframes middlePointKid3 {
66%{ transform: scale(1); z-index:1; } 71%{ transform: scale(1.2); z-index:5; } 94%{ transform: scale(1.2); z-index:5; } 99%{ transform: scale(1); z-index:1; } 
}
@-moz-keyframes middlePointKid3 {
66%{ -moz-transform: scale(1); z-index:1; } 71%{ -moz-transform: scale(1.2); z-index:5; } 94%{ -moz-transform: scale(1.2); z-index:5; } 99%{ -moz-transform: scale(1); z-index:1; } 
}
@keyframes  middlePointKid3 {
66%{ -webkit-transform: scale(1); z-index:1; } 71%{ -webkit-transform: scale(1.2); z-index:5; } 94%{ -webkit-transform: scale(1.2); z-index:5; } 99%{ -webkit-transform: scale(1); z-index:1; }  
}
.productsWrap_middle.productsWrap_middle_kids.productsWrap_middle_kids_chopper{   
    margin: 30px auto 0;
}
.productsWrap_middle_kids .products_name_wood .products_name {   
    width: 170px;
    margin: -19px 0 0 -82px;
}
.productsWrap_middle_kids_chopper .products_Character_luffy.products_CharacterKids_luffy {
    width: 400px;
    margin: -370px 0 0 -525px;
}
.productsWrap_wearShow_kids_1 .productsWrap_wearShow_line_1 span{
    display: block;
    position: absolute;
    width:100%;
    height: 71px;
    top:50%;
    margin-top:-35px;
    left:0;
    background: url(../kids_images/products_KidsIcon_chopper.jpg) repeat-x; 
} 
.productsWrap_wearShow_kids_1 .productsWrap_wearShow_line_1{   
    background-color: #f5878a;    
}   
.productsWrap_wearShow_kids_1 .productsWrap_wearShow_line_2{
    background-color: #00c6ea; 
}
.productsWrap_wearShow_kids_1 .productsWrap_wearShow_line_3{   
    background-color: #f2c963;       
}
.productsWrap_wearShow_kids_1 .productsWrap_wearShow_line_4{   
    background-color: #de424b;       
}
.productsWrap_wearShow_kids_1.productsWrap_wearShow {   
    height: auto;
    padding-top: 0;
}
.productsWrap_wearShow_kids_1 .productsWrap_wearShow_lineArea { 
    position: relative;
    top: 0;
    margin-top: 165px;    
}
.products_shoeShowKids_boy {
    position: absolute;
    width: 374px;
    left: 50%;
    top: 50%;
    margin: -310px 0 0 -650px;
    transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -webkit-animation:shoeShowKidsBoy 3s linear infinite;
	-moz-animation:shoeShowKidsBoy 3s linear infinite;
	animation: shoeShowKidsBoy 3s linear infinite;   
}
@-webkit-keyframes shoeShowKidsBoy {
50%{ transform: rotate(0deg); } 55%{ transform: rotate(5deg); }  60%{ transform: rotate(0deg); } 
}
@-moz-keyframes shoeShowKidsBoy {
50%{ transform: rotate(0deg); } 55%{ transform: rotate(5deg); }  60%{ transform: rotate(0deg); } 
}
@keyframes  shoeShowKidsBoy {
50%{ transform: rotate(0deg); } 55%{ transform: rotate(5deg); }  60%{ transform: rotate(0deg); }  
}
.products_shoeShowKids_girl {
    position: absolute;
    width: 347px;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 265px;
    transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    -webkit-animation:shoeShowKidsGirl 3s linear infinite;
	-moz-animation:shoeShowKidsGirl 3s linear infinite;
	animation: shoeShowKidsGirl 3s linear infinite;   
}
@-webkit-keyframes shoeShowKidsGirl {
50%{ transform: rotate(0deg); } 55%{ transform: rotate(-5deg); }  60%{ transform: rotate(0deg); } 
}
@-moz-keyframes shoeShowKidsGirl {
50%{ transform: rotate(0deg); } 55%{ transform: rotate(-5deg); }  60%{ transform: rotate(0deg); } 
}
@keyframes  shoeShowKidsGirl {
50%{ transform: rotate(0deg); } 55%{ transform: rotate(-5deg); }  60%{ transform: rotate(0deg); }  
}
.productsWrap_wearShow_kids_1 .productsWrap_photoShow {
    position: absolute;
    width: 404px;
    height: 594px;
    border:none;
    left: 50%;
    top: 50%;
    margin: -297px 0 0 -202px;  
}
.products_shoeShowKids_photo_bg{
    position: absolute;
    width:100%;
    left:0;
    top:0;
    z-index: 0;
    display: block;
}
.productsWrap_wearShow_kids_1 .productsWrap_photoShow > div {
    position: absolute;
    width: 378px;
    margin-left: 13px;
    margin-top: 15px;
}
.productsWrap_clothes_kids_1 .clothes_modelShow_1 > div, .productsWrap_clothes_kids_1 .clothes_modelShow_2> div,
.productsWrap_clothes_kids_2 .clothes_modelShow_1 > div, .productsWrap_clothes_kids_2 .clothes_modelShow_2> div,
.productsWrap_clothes_kids_3 .clothes_modelShow_1 > div, .productsWrap_clothes_kids_3 .clothes_modelShow_2> div,
.productsWrap_clothes_kids_4 .clothes_modelShow_1 > div, .productsWrap_clothes_kids_4 .clothes_modelShow_2> div{
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
}
.productsWrap_clothes_kids_1 .clothes_modelShow_boy1 .clothes_model_luffy_b {
    width: 500px;
    margin: -620px 0 0 -733px;
}

.productsWrap_clothes_bgKid{
    position:relative;
    width:100%;
    margin:0 auto 0;
    z-index: 1;
}
.productsWrap_clothes_bgKid_1.show, .productsWrap_clothes_bgKid_2.show{
    position: relative;
    width:100%; 
    opacity: 1;
    left:auto;
    top:auto;
    z-index: 1;
}
.productsWrap_clothes_bgKid_1, .productsWrap_clothes_bgKid_2{
    position: absolute;
    width:100%;
    left:0;
    top:0;
    z-index: 0;
    opacity: 0;
}
.productsWrap_clothes_kids_1 .clothes_modelShow_girl1 .clothes_model_luffy_b {
    width: 500px;
    margin: -620px 0 0 -640px;
}
.productsWrap_kidComic{
    position: relative;
    width:100%;
    overflow: hidden;
    height: auto;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 0;
}
.productsWrap_kidComic_main{
    position: relative;
    width:1200px;
    margin:0 auto; 
}
.products_comic_luffyBg_2{
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    opacity: 0;
    -webkit-animation:kidComicShow 3s linear infinite;
	-moz-animation:kidComicShow 3s linear infinite;
	animation: kidComicShow 3s linear infinite;   
}
@-webkit-keyframes kidComicShow {
47%{ opacity:0;} 50%{ opacity:1;} 97%{ opacity:1;} 100%{ opacity:0;} 
}
@-moz-keyframes kidComicShow {
47%{ opacity:0;} 50%{ opacity:1;} 97%{ opacity:1;} 100%{ opacity:0;}
}
@keyframes  kidComicShow {
47%{ opacity:0;} 50%{ opacity:1;} 97%{ opacity:1;} 100%{ opacity:0;} 
}

.products_comic_luffy {
    position: absolute;
    width: 350px;
    left: -5px;
    top: 10px;
    z-index: 2;
    transform: scale(.5);   
    -webkit-animation:kidComicLuffy 6s linear infinite;
	-moz-animation:kidComicLuffy 6s linear infinite;
	animation: kidComicLuffy 6s linear infinite;   
}
@keyframes kidComicLuffy {
 0%{ transform: scale(.5);} 3%{ transform: scale(1) rotate(0deg);} 30%{ transform: scale(1) rotate(0deg);} 33%{ transform: scale(1.2) rotate(10deg);} 
36%{ transform: scale(1.2) rotate(-10deg);} 39%{ transform: scale(1) rotate(0deg);} 70%{ transform: scale(1) rotate(0deg);} 
73%{ transform: scale(1.2) rotate(-10deg);} 76%{ transform: scale(1.2) rotate(10deg);} 79%{ transform: scale(1) rotate(0deg);}
97%{ transform: scale(1) rotate(0deg);} 100%{ transform: scale(.5);}
}
@-moz-keyframes kidComicLuffy {
 0%{ -moz-transform: scale(.5);} 3%{ -moz-transform: scale(1) rotate(0deg);} 30%{ -moz-transform: scale(1) rotate(0deg);} 33%{ -moz-transform: scale(1.2) rotate(10deg);} 
36%{ -moz-transform: scale(1.2) rotate(-10deg);} 39%{ -moz-transform: scale(1) rotate(0deg);} 70%{ -moz-transform: scale(1) rotate(0deg);} 
73%{ -moz-transform: scale(1.2) rotate(-10deg);} 76%{ -moz-transform: scale(1.2) rotate(10deg);} 79%{ -moz-transform: scale(1) rotate(0deg);}
97%{ -moz-transform: scale(1) rotate(0deg);} 100%{ -moz-transform: scale(.5);}
}
@-webkit-keyframes kidComicLuffy {
 0%{ -webkit-transform: scale(.5);} 3%{ -webkit-transform: scale(1) rotate(0deg);} 30%{ -webkit-transform: scale(1) rotate(0deg);} 33%{ -webkit-transform: scale(1.2) rotate(10deg);} 
36%{ -webkit-transform: scale(1.2) rotate(-10deg);} 39%{ -webkit-transform: scale(1) rotate(0deg);} 70%{ -webkit-transform: scale(1) rotate(0deg);} 
73%{ -webkit-transform: scale(1.2) rotate(-10deg);} 76%{ -webkit-transform: scale(1.2) rotate(10deg);} 79%{ -webkit-transform: scale(1) rotate(0deg);}
97%{ -webkit-transform: scale(1) rotate(0deg);} 100%{ -webkit-transform: scale(.5);}
}

.productsWrap_clothes_kids_2, .productsWrap_clothes_kids_3{
    margin-top: -300px;
    height: 1550px;
}
.productsWrap_clothes_kids_1{    
    height: 1550px;
}
.productsWrap_clothes_kids_4 {
    height: 1550px;
    margin-top: -215px;
}
.kidSelectBtn_1, .kidSelectBtn_2, .kidSelectBtn_3, .kidSelectBtn_4, .kidSelectBtn_5, .kidSelectBtn_6, .kidSelectBtn_7, .kidSelectBtn_8, .kidSelectBtn_9 {
    position: absolute;
    width: 200px;
    height: 77px;
    top: 0;
    border-radius: 8px;
    transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}
.kidSelectBtn_1, .kidSelectBtn_3, .kidSelectBtn_5, .kidSelectBtn_8{
    left:0;
    background-color: #178ad2;
}
.kidSelectBtn_2, .kidSelectBtn_4, .kidSelectBtn_6, .kidSelectBtn_9{
    right:-20px; 
    width:220px;
    background-color: #1b1b1b;
}
.kidSelectBtn_1 span, .kidSelectBtn_2 span, .kidSelectBtn_3 span, .kidSelectBtn_4 span, .kidSelectBtn_5 span, .kidSelectBtn_6 span, .kidSelectBtn_7 span, .kidSelectBtn_8 span, .kidSelectBtn_9 span{
    position: absolute;
    width: 150px;
    top: 8px;
    left: 23px;
    transform: skewX(15deg);
    -moz-transform: skewX(15deg);
    -webkit-transform: skewX(15deg);
} 
.kidSelectBtn_1{    
    background-color: #178ad2;
}
.kidSelectBtn_2{    
    background-color: #ff8384;
}
.kidSelectBtn_3{    
    background-color: #b94049;
}
.kidSelectBtn_4{    
    background-color: #15725c;
}
.kidSelectBtn_5{    
    background-color: #d2d2d2;
}
.kidSelectBtn_6{    
    background-color: #242c44;
}
.kidSelectBtn_7{    
    background-color: #ff8384;
    left:-200px;
}
.kidSelectBtn_8{    
    background-color: #ff8384;
}
.kidSelectBtn_9{    
    background-color: #ff8384;
}
.kidSelectBtn_7.show, .kidSelectBtn_8.show, .kidSelectBtn_9.show{
    background-color: #efadac;
}
.kidSelectArrow_1, .kidSelectArrow_3, .kidSelectArrow_5, .kidSelectArrow_7, .kidSelectArrow_8 {
    position: absolute;
    width: 80px;
    right: 40px;
    top: 50%;
    margin-top: -40px;
    z-index: 10;
    -webkit-animation: clothes_arrow 1s linear infinite;
    -moz-animation: clothes_arrow 1s linear infinite;
    animation: clothes_arrow 1s linear infinite;
}
.kidSelectArrow_2, .kidSelectArrow_4, .kidSelectArrow_6, .kidSelectArrow_9, .kidSelectArrow_10 {
    position: absolute;
    width: 80px;
    left: 40px;
    top: 50%;
    margin-top: -40px;
    z-index: 10;
    -webkit-animation: clothes_arrow 1s linear infinite;
    -moz-animation: clothes_arrow 1s linear infinite;
    animation: clothes_arrow 1s linear infinite;
}
.kidSelectArrow_2 span, .kidSelectArrow_4 span, .kidSelectArrow_6 span, .kidSelectArrow_9 span, .kidSelectArrow_10 span{
    display: block;
    width: 100%;
    transform: scale(-1);
    -moz-transform: scale(-1);
    -webkit-transform: scale(-1);
}
.productsWrap_kidComic_2 .products_comic_luffyBg_2{
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0; 
    -webkit-animation:kidComicShow2a 4.5s linear infinite;
	-moz-animation:kidComicShow2a 4.5s linear infinite;
	animation: kidComicShow2a 4.5s linear infinite;   
}
@-webkit-keyframes kidComicShow2a {
30%{ opacity:0;} 33%{ opacity:1;} 64%{ opacity:1;} 67%{ opacity:0;} 
}
@-moz-keyframes kidComicShow2a {
30%{ opacity:0;} 33%{ opacity:1;} 64%{ opacity:1;} 67%{ opacity:0;} 
}
@keyframes  kidComicShow2a {
30%{ opacity:0;} 33%{ opacity:1;} 64%{ opacity:1;} 67%{ opacity:0;}  
}
.productsWrap_kidComic_2 .products_comic_luffyBg_3 {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0; 
    -webkit-animation:kidComicShow2b 4.5s linear infinite;
	-moz-animation:kidComicShow2b 4.5s linear infinite;
	animation: kidComicShow2b 4.5s linear infinite;   
}
@-webkit-keyframes kidComicShow2b {
63%{ opacity:0; z-index: 0;} 64%{ opacity:1; z-index: 0;} 67%{ opacity:1;z-index:1;} 97%{ opacity:1;} 100%{ opacity:0;} 
}
@-moz-keyframes kidComicShow2b {
63%{ opacity:0; z-index: 0;} 64%{ opacity:1; z-index: 0;} 67%{ opacity:1;z-index:1;} 97%{ opacity:1;} 100%{ opacity:0;} 
}
@keyframes  kidComicShow2b {
63%{ opacity:0; z-index: 0;} 64%{ opacity:1; z-index: 0;} 67%{ opacity:1;z-index:1;} 97%{ opacity:1;} 100%{ opacity:0;}  
}
.productsWrap_kidComic_2 .products_comic_luffy {   
    top: 50px;   
}
.clothes_modelShowKids_luffy2_coat {
    position: absolute;
    width: 400px;
    z-index: 6;
    left: 50%;
    top: 50%;
    margin: -610px 0 0 -590px;
}
.clothes_model_kids_luffy2_b {
    position: absolute;
    width: 350px;
    z-index: 5;
    left: 50%;
    top: 50%;
    margin: -80px 0 0 -646px;
}
.kids_lightLine {
    position: absolute;
    width: 600px;
    z-index: 5;
    left: 50%;
    top: 50%;
    margin: -260px 0 0 -320px;
    opacity: .5;
}
.kids_lightLine span{
    position: absolute;
    display: block;
    width:100%; 
    left:0;
    top:0;
    -webkit-animation:kidLightLine .5s 3s linear infinite;
	-moz-animation:kidLightLine .5s 3s linear infinite;
	animation: kidLightLine .5s 3s linear infinite; 
}
@-webkit-keyframes kidLightLine {
0%{ -webkit-transform:scale(1);} 50%{ -webkit-transform:scale(1.1);} 100%{ -webkit-transform:scale(1);}
}
@-moz-keyframes kidLightLine {
0%{ -moz-transform:scale(1);} 50%{ -moz-transform:scale(1.1);} 100%{ -moz-transform:scale(1);} 
}
@keyframes  kidLightLine {
0%{ transform:scale(1);} 50%{ transform:scale(1.1);} 100%{ transform:scale(1);}  
}
.productsWrap_clothes_kids_2 .clothes_modelShow_girl2 .clothes_modelShowKids_luffy2_coat {   
    margin: -610px 0 0 -640px;
}
.productsWrap_clothes_kids_2 .clothes_modelShow_girl2 .clothes_model_kids_luffy2_b {   
    margin: -25px 0 0 -646px;
}
.productsWrap_clothes_kids_3 .clothes_modelShow_boy3 .clothes_model_kids_luffy2_b {
    margin: -25px 0 0 -625px;
}
.productsWrap_clothes_kids_3 .clothes_modelShow_boy3 .clothes_modelShowKids_luffy2_coat {    
    width: 420px; 
    margin: -500px 0 0 -640px;
}
.productsWrap_clothes_kids_3 .clothes_modelShow_girl3 .clothes_modelShowKids_luffy2_coat {
    width: 455px;
    margin: -510px 0 0 -670px;
}
.productsWrap_clothes_kids_3 .clothes_modelShow_girl3 .clothes_model_kids_luffy2_b {
    width: 550px;
    margin: -120px 0 0 -800px;
}
.productsWrap_clothes_kids_3 .clothes_modelShow_girl3 .clothes_model_kids_luffy2_b .kids_lightLine {
    margin: -260px 0 0 -264px;
}
.products_Children_bottomBanner{
    position: relative;
    width:100%;
    margin:0 auto;
    z-index: 3;
    overflow: hidden;
    height: 825px;
}
.products_Children_bottomBanner_bg{
    position: absolute;
    width:100%;
    left:0;
	top:0;    
}
.kids_bottomBanner_chopper {
    position: absolute;
    width: 500px;
    left: 50%;
    top: 50%;
    margin: -370px 0 0 -250px;
    z-index: 2;
}
.kids_bottomBanner_chopper span{
    display: block;
    width: 100%;   
    -webkit-animation:bottomBannerChopper 10s 2s linear infinite;
	-moz-animation:bottomBannerChopper 10s 2s linear infinite;
	animation: bottomBannerChopper 10s 2s linear infinite;
    transform: scale(.3);
    opacity: 0;
}
@-webkit-keyframes bottomBannerChopper {
0%{ -webkit-transform: scale(.3); opacity: 0;} 4%{ -webkit-transform: scale(1) rotate(720deg); opacity: 1;} 5%{ -webkit-transform: scale(1) rotate(0deg); opacity: 1;} 
10%{ -webkit-transform: scale(1) rotate(0deg); opacity: 1; margin-top:0;} 25%{ -webkit-transform: scale(1) rotate(20deg); margin-left:-20px; margin-top:20px;} 
55%{ -webkit-transform: scale(1) rotate(-20deg); margin-left:20px; margin-top:-20px;} 70%{ -webkit-transform: scale(1) rotate(0deg);opacity: 1; margin-left:0px; margin-top:0px;} 
80%{ -webkit-transform: scale(1) rotate(0deg); margin-top:0px;opacity: 1;} 82%{ -webkit-transform: scale(.3); opacity: 0; margin-top:100px;} 
100%{ -webkit-transform: scale(.3); opacity: 0; margin-top:0px;}
}
@-moz-keyframes bottomBannerChopper {
0%{ -moz-transform: scale(.3); opacity: 0;} 4%{ -moz-transform: scale(1) rotate(720deg); opacity: 1;} 5%{ -moz-transform: scale(1) rotate(0deg); opacity: 1;} 
10%{ -moz-transform: scale(1) rotate(0deg); opacity: 1; margin-top:0;} 25%{ transform: scale(1) rotate(20deg); margin-left:-20px; margin-top:20px;} 
55%{ -moz-transform: scale(1) rotate(-20deg); margin-left:20px; margin-top:-20px;} 70%{ -moz-transform: scale(1) rotate(0deg);opacity: 1; margin-left:0px; margin-top:0px;} 
80%{ -moz-transform: scale(1) rotate(0deg); margin-top:0px;opacity: 1;} 82%{ -moz-transform: scale(.3); opacity: 0; margin-top:100px;} 100%{ -moz-transform: scale(.3); opacity: 0; margin-top:0px;}
}
@keyframes  bottomBannerChopper {
0%{ transform: scale(.3); opacity: 0;} 4%{ transform: scale(1) rotate(720deg); opacity: 1;} 5%{ transform: scale(1) rotate(0deg); opacity: 1;} 
10%{ transform: scale(1) rotate(0deg); opacity: 1; margin-top:0;} 25%{ transform: scale(1) rotate(20deg); margin-left:-20px; margin-top:20px;} 
55%{ transform: scale(1) rotate(-20deg); margin-left:20px; margin-top:-20px;} 70%{ transform: scale(1) rotate(0deg);opacity: 1; margin-left:0px; margin-top:0px;} 
80%{ transform: scale(1) rotate(0deg); margin-top:0px;opacity: 1;} 82%{ transform: scale(.3); opacity: 0; margin-top:100px;} 100%{ transform: scale(.3); opacity: 0; margin-top:0px;}
}
.kids_bottomBanner_chopper_TIT {
    position: absolute;
    width: 64%;
    left: 18%;
    top: 50%;
    z-index: 1;
}
.productsWrap_clothes_kids_4 .clothes_modelShow_boy4 .clothes_model_luffy_b {
    width: 500px;
    margin: -690px 0 0 -702px;
}
.productsWrap_clothes_kids_4 .clothes_modelShow_girl4 .clothes_model_luffy_b {
    width: 500px;
    margin: -690px 0 0 -715px;
}
.productsWrap_clothes_kids_4 .clothes_modelShow_girlAA .clothes_model_luffy_b {
    width: 500px;
    margin: -690px 0 0 -655px;
}
.productsWrap_wearShow_kids_1.productsWrap_wearShow_kids_2 .productsWrap_wearShow_line_3 {
    background-color: #ffd4a5;
}
.productsWrap_wearShow_kids_1.productsWrap_wearShow_kids_2 .productsWrap_wearShow_line_4 {
    background-color: #FFF;
}
.bottom_kidsShow_center {
    position: absolute;
    width: 440px;
    left: 50%;
    top: 50%;
    margin: -480px 0 0 -220px;
    z-index: 3;
}
.bottom_kidsShow_left, .bottom_kidsShow_right {
    position: absolute;
    width: 440px;
    left: 50%;
    top: 50%;
    margin: -450px 0 0 -630px;
    z-index: 2;
}
.bottom_kidsShow_right {
    margin: -445px 0 0 190px;
}
.productsWrap_wearShow_kids_2.productsWrap_wearShow {   
    padding-bottom: 160px;
}
.bottom_kidsShow_left>div, .bottom_kidsShow_right>div {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;   
}
.bottom_kidsShow_left>div:nth-child(1), .bottom_kidsShow_right>div:nth-child(1) {
    opacity: 1;
    z-index: 1;
    -webkit-animation:bottomKidShow1 3s linear infinite;
	-moz-animation:bottomKidShow1 3s linear infinite;
	animation: bottomKidShow1 3s linear infinite;   
}
@-webkit-keyframes bottomKidShow1 {
0%{ opacity:1; z-index:1; } 45%{ opacity:1; z-index:1; } 50%{ opacity:0; z-index:0; } 95%{ opacity:0; z-index:0; } 100%{ opacity:1; z-index:1; } 
}
@-moz-keyframes bottomKidShow1 {
0%{ opacity:1; z-index:1; } 45%{ opacity:1; z-index:1; } 50%{ opacity:0; z-index:0; } 95%{ opacity:0; z-index:0; } 100%{ opacity:1; z-index:1; } 
}
@keyframes  bottomKidShow1 {
0%{ opacity:1; z-index:1; } 45%{ opacity:1; z-index:1; } 50%{ opacity:0; z-index:0; } 95%{ opacity:0; z-index:0; } 100%{ opacity:1; z-index:1; } 
}  
.bottom_kidsShow_left>div:nth-child(2), .bottom_kidsShow_right>div:nth-child(2) {
    opacity: 0;
    z-index: 0; 
    -webkit-animation:bottomKidShow2 3s linear infinite;
	-moz-animation:bottomKidShow2 3s linear infinite;
	animation: bottomKidShow2 3s linear infinite;   
}
@-webkit-keyframes bottomKidShow2 {
0%{ opacity:0; z-index:0; } 45%{ opacity:0; z-index:0; } 50%{ opacity:1; z-index:1; } 95%{ opacity:1; z-index:1; } 100%{ opacity:0; z-index:0; } 
}
@-moz-keyframes bottomKidShow2 {
0%{ opacity:0; z-index:0; } 45%{ opacity:0; z-index:0; } 50%{ opacity:1; z-index:1; } 95%{ opacity:1; z-index:1; } 100%{ opacity:0; z-index:0; } 
}
@keyframes  bottomKidShow2 {
0%{ opacity:0; z-index:0; } 45%{ opacity:0; z-index:0; } 50%{ opacity:1; z-index:1; } 95%{ opacity:1; z-index:1; } 100%{ opacity:0; z-index:0; }  
} 
.clothes_modelShow_boy1, .clothes_modelShow_boy2, .clothes_modelShow_boy3,.clothes_modelShow_boy4,
.clothes_modelShow_girl1, .clothes_modelShow_girl2, .clothes_modelShow_girl3, .clothes_modelShow_girl4, .clothes_modelShow_girlAA{
    position: absolute;
    width: 100%;
    height: 1500px;
    left: 0;
    top: 300px;
    z-index: 3;
}
.clothes_modelShow_girl1, .clothes_modelShow_girl2, .clothes_modelShow_girl3, .clothes_modelShow_girl4, .clothes_modelShow_girlAA{
    opacity: 0;
    z-index: -1;
}
.clothes_modelShow_boy1.show, .clothes_modelShow_boy2.show, .clothes_modelShow_boy3.show,.clothes_modelShow_boy4.show{
    -webkit-animation: clothesShow1 .5s linear 1 forwards;
    -moz-animation: clothesShow1 .5s linear 1 forwards;
    animation: clothesShow1 .5s linear 1 forwards;
}
.clothes_modelShow_boy1.goOut, .clothes_modelShow_boy2.goOut, .clothes_modelShow_boy3.goOut,.clothes_modelShow_boy4.goOut{
    -webkit-animation: clothesOut1 .5s linear 1 forwards;
    -moz-animation: clothesOut1 .5s linear 1 forwards;
    animation: clothesOut1 .5s linear 1 forwards;
}
.clothes_modelShow_girl1.show, .clothes_modelShow_girl2.show, .clothes_modelShow_girl3.show, .clothes_modelShow_girl4.show, .clothes_modelShow_girlAA.show{
    -webkit-animation: clothesShow2 .5s linear 1 forwards;
    -moz-animation: clothesShow2 .5s linear 1 forwards;
    animation: clothesShow2 .5s linear 1 forwards;
}
.clothes_modelShow_girl1.goOut, .clothes_modelShow_girl2.goOut, .clothes_modelShow_girl3.goOut, .clothes_modelShow_girl4.goOut, .clothes_modelShow_girlAA.goOut{
    -webkit-animation: clothesOut2 .5s linear 1 forwards;
    -moz-animation: clothesOut2 .5s linear 1 forwards;
    animation: clothesOut2 .5s linear 1 forwards;
}
.productsBody_kids .artical_nav{
    top:100px;    
}

/* -----------------兒童版頁面RWD--------------------*/

/* ----------------------------------------------------------寬度 1920px 設定-------------------------------------------------*/

@media screen and (max-width: 1920px){	

.productsWrap_clothes_bgKid, .products_Children_bottomBanner_bg {
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}
 
}

/* ----------------------------------------------------------寬度 1650px 設定-------------------------------------------------*/

@media screen and (max-width: 1650px){	

.productsWrap_middle.productsWrap_middle_kids {    
    margin: -750px auto 0;
}
.productsWrap_middle_kids .products_name_wood {    
    margin: -570px 0 0 20px;   
}
    
}

/* ----------------------------------------------------------寬度 1500px 設定-------------------------------------------------*/

@media screen and (max-width: 1500px){	

.productsWrap_middle.productsWrap_middle_kids {    
    margin: -650px auto 0;
}

    
}

/* ----------------------------------------------------------寬度 1400px 設定-------------------------------------------------*/

@media screen and (max-width: 1400px){	

.productsWrap_clothes_kids_1 .clothes_modelShow_boy1 .clothes_model_luffy_b {
    width: 400px;
    margin: -600px 0 0 -600px;
}
.productsWrap_clothes_kids_1 .clothes_modelShow_girl1 .clothes_model_luffy_b {
    width: 450px;
    margin: -700px 0 0 -555px;
}
.productsWrap_clothes_bgKid, .products_Children_bottomBanner_bg {
    width: 1500px;
    left: 50%;
    margin-left: -750px;
}
.clothes_modelShow_boy1, .clothes_modelShow_boy2, .clothes_modelShow_boy3, .clothes_modelShow_boy4, .clothes_modelShow_girl1, .clothes_modelShow_girl2, .clothes_modelShow_girl3, .clothes_modelShow_girl4, .clothes_modelShow_girlAA {
    top: 260px;  
    pointer-events: none;
} 
.kidSelectArrow_1, .kidSelectArrow_2, .kidSelectArrow_3, .kidSelectArrow_4, .kidSelectArrow_5, .kidSelectArrow_6, .kidSelectArrow_7, .kidSelectArrow_8, .kidSelectArrow_9, .kidSelectArrow_10 {    
    pointer-events: auto !important;
}
.productsWrap_clothes_kids_1, .productsWrap_clothes_kids_2, .productsWrap_clothes_kids_3, .productsWrap_clothes_kids_4 {
    height: 1315px;
}   
.productsWrap_kidComic {   
    padding-bottom: 65px;    
}   
.clothes_modelShowKids_luffy2_coat {   
    top: 45%;   
}   
.clothes_model_kids_luffy2_b {  
    left: 55%;
    top: 40%;   
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_boy3 .clothes_model_kids_luffy2_b {   
    left: 53%;
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_girl3 .clothes_model_kids_luffy2_b {
    width: 460px;
    margin: -55px 0 0 -740px;
}    
.productsWrap_clothes_kids_4 .clothes_modelShow_boy4 .clothes_model_luffy_b {
    width: 400px;
    margin: -620px 0 0 -570px;
}    
.productsWrap_clothes_kids_4 .clothes_modelShow_girl4 .clothes_model_luffy_b {
    width: 380px;
    margin: -625px 0 0 -535px;
}    
.productsWrap_clothes_kids_4 .clothes_modelShow_girlAA .clothes_model_luffy_b {
    width: 400px;
    margin: -610px 0 0 -520px;
}    
    
}

/* ----------------------------------------------------------寬度 1300px 設定-------------------------------------------------*/

@media screen and (max-width: 1300px){	

.productsWrap_middle.productsWrap_middle_kids {
    margin: -550px auto 0;
}    
.products_shoeShowKids_boy {   
    width: 350px;   
    margin: -275px 0 0 -550px;
}    
.products_shoeShowKids_girl {   
    width: 320px;    
    margin: -210px 0 0 215px;   
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_boy3 .clothes_modelShowKids_luffy2_coat {   
    margin: -500px 0 0 -600px;
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_girl3 .clothes_modelShowKids_luffy2_coat {   
    margin: -510px 0 0 -620px;
} 
    
} 
    
/* ----------------------------------------------------------寬度 1200px 設定-------------------------------------------------*/

@media screen and (max-width: 1200px){	    
    
 .productsWrap_clothes_kids_1 .clothes_modelShow_boy1 .clothes_model_luffy_b {
    width: 380px;
    margin: -600px 0 0 -560px;
}   
.productsWrap_clothes_kids_1 .clothes_modelShow_girl1 .clothes_model_luffy_b {
    width: 358px;
    margin: -615px 0 0 -471px;
}    
.clothes_modelShowKids_luffy2_coat {    
    width: 360px;   
    margin: -555px 0 0 -510px;
}    
.clothes_modelShow_girl2 .clothes_modelShowKids_luffy2_coat {
    margin: -545px 0 0 -520px;
}    
.clothes_model_kids_luffy2_b {    
    width: 285px; 
    margin: -10px 0 0 -555px;
}    
.productsWrap_clothes_kids_2 .clothes_modelShow_girl2 .clothes_modelShowKids_luffy2_coat {
    margin: -545px 0 0 -545px;
}    
.productsWrap_clothes_kids_2 .clothes_modelShow_girl2 .clothes_model_kids_luffy2_b {
    margin: 30px 0 0 -550px;
}   
.productsWrap_clothes_kids_3 .clothes_modelShow_boy3 .clothes_modelShowKids_luffy2_coat {
    margin: -460px 0 0 -535px;
    width: 370px;
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_boy3 .clothes_model_kids_luffy2_b {
    margin: -25px 0 0 -530px;
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_girl3 .clothes_modelShowKids_luffy2_coat {
    margin: -455px 0 0 -556px;
    width: 400px;
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_girl3 .clothes_model_kids_luffy2_b {
    width: 410px;
    margin: -23px 0 0 -647px;
}    
.productsWrap_clothes_kids_4 .clothes_modelShow_girl4 .clothes_model_luffy_b {   
    margin: -595px 0 0 -535px;
}    
.productsWrap_kidComic_main {   
    width: 98%;    
}    
.products_comic_luffy {   
    width: 29%;    
}  
    
}  
    
/* ----------------------------------------------------------寬度 1100px 設定-------------------------------------------------*/

@media screen and (max-width: 1100px){	     
    
    
.clothes_modelShowKids_luffy2_coat {
    display: none;
}    
.bottom_kidsShow_center {    
    width: 350px;    
    margin: -360px 0 0 -175px;    
}    
.bottom_kidsShow_left{   
    width: 378px;  
    margin: -390px 0 0 -500px;    
}    
.bottom_kidsShow_right {
    margin: -390px 0 0 90px;
    width: 380px;
}    
.clothes_model_kids_luffy2_b {
    left: 48%;   
}    
.kids_lightLine {    
    width: 400px;
      margin: -200px 0 0 -215px;
    opacity: 0.3;
}    
.productsWrap_clothes_kids_2 .clothes_modelShow_girl2 .clothes_model_kids_luffy2_b {
    margin: 53px 0 0px 280px;   
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_boy3 .clothes_model_kids_luffy2_b {
    margin: 5px 0 0 -515px;
    left: 44%;
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_girl3 .clothes_model_kids_luffy2_b {
    width: 375px;
    margin: 25px 0 0 230px;
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_girl3 .clothes_model_kids_luffy2_b .kids_lightLine {
    margin: -200px 0 0 -165px;
}   
.productsWrap_middle.productsWrap_middle_kids {
    margin: -400px auto 0;
}   
    
}

/* ----------------------------------------------------------寬度 1000px 設定-------------------------------------------------*/

@media screen and (max-width: 1000px){	   

.products_Character_luffy.products_CharacterKids_luffy {
    width: 380px;
    margin: -435px 0 0 -500px;
}
.productsWrap_middle_kids_chopper .products_Character_luffy.products_CharacterKids_luffy {
    width: 350px;
    margin: -320px 0 0 -460px;
}    
.products_shoeShowKids_boy {
    width: 300px;
    margin: -214px 0 0 -483px;
}    
.products_shoeShowKids_girl {
    width: 280px;
    margin: -161px 0 0 188px;
}   
.clothes_model_kids_luffy2_b {
    width: 200px;
    margin: 100px 0 0 -475px;
}    
.productsWrap_clothes_kids_2 .clothes_modelShow_girl2 .clothes_model_kids_luffy2_b {
    margin: 130px 0 0px 300px;
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_boy3 .clothes_model_kids_luffy2_b {
    margin: 70px 0 0 -457px;
    left: 44%;
    width: 230px;
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_girl3 .clothes_model_kids_luffy2_b {
    width: 305px;
    margin: 55px 0 0 210px;
}    
.productsWrap_clothes_kids_3 .clothes_modelShow_girl3 .clothes_model_kids_luffy2_b .kids_lightLine {
    margin: -200px 0 0 -190px;
}      
    
}

/* ----------------------------------------------------------寬度 960px 設定-------------------------------------------------*/

@media screen and (max-width: 960px){	
    
.productsWrap_middle_kids .products_shoes_show {
    margin: -235px 0 0 -135px;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}