body{	
	height:100vh;	
	width:100vw;		
	min-width: 950px;  
    background-color: #FFF;
    overflow-x: hidden;
}
.container-fluid {    
    padding-right: 0;
    padding-left: 0;   
}
*{
    outline: none;    
}
body.overflow {
    overflow:hidden!important;
}

/*------------------------------ index_wrap--------------------------------------*/

.index_wrap{
    position:relative;
    width:950px;
    height: 100%;
    margin:0 auto 0;
    padding-top:30px;
    padding-bottom: 0;
    z-index: 3;
    overflow: hidden;
    min-height: 850px;
}
.index_bg{
    position: absolute;
    width:100%;
    height: 100%;
    z-index: 0;
    left:0;
    top:0;    
}
.index_top_logo{
    position: relative;
    width:450px;
    margin:0 auto 0;
    z-index: 3;    
}
.index_top_line{
    position: relative;
    width:600px;
    margin:0 auto;
    z-index: 1;    
}
.index_top_cont{
    position: relative;
    width:450px;
    margin:0 auto 0;
    z-index: 2;    
}
.index_shoe{
    position: absolute;
    width:480px;
    left:50%;
    top:45%;
    margin-left: -240px;
    margin-top:-207px;
    z-index: 3;    
    animation: indexShoe 6s linear infinite;
    -webkit-animation: indexShoe 6s linear infinite;
    -moz-animation: indexShoe 6s linear infinite;
}
@keyframes indexShoe {
      0%{ margin-top:-207px;}
     50%{ margin-top:-147px;}
    100%{ margin-top:-207px;}
}
@-moz-keyframes indexShoe {
      0%{ margin-top:-207px;}
     50%{ margin-top:-147px;}
    100%{ margin-top:-207px;}
}
@-webkit-keyframes indexShoe {
      0%{ margin-top:-207px;}
     50%{ margin-top:-147px;}
    100%{ margin-top:-207px;} 
}
.index_shoe>span:nth-child(1){
    position:relative;
    width:100%;
    display: block; 
    z-index: 0;   
}
.index_shoe>span:nth-child(2){
    position:absolute;
    width:100%;
    left:0;
    top:0;
    display: block; 
    z-index: 1;
}    
.index_bottom_line {
    position: absolute;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    top: 750px;
    z-index: 1;
}
.index_bottom_TIT {
    position: absolute;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    top: 650px;
    z-index: 2;
}

/*------------------------------ second_wrap--------------------------------------*/

.second_wrap{
    position:relative;
    width:950px;
    height: 1649px;   
    margin:0 auto 0;
    padding-top:100px;
    padding-bottom: 0;
    z-index: 2;
    overflow: hidden;   
}
.second_bg{
    position: absolute;
    width:100%;
    top:0;
    left:0;
    z-index: 0;    
}
.second_TIT1, .second_TIT2{
    position: relative;
    width:690px;
    margin:0 auto 0;    
}
.second_TIT2{
    margin:15px auto 0;    
}
.second_photo{
    position: relative;
    width:480px;
    height: 849px;
    margin:110px auto 0;  
    z-index: 2;
}
.second_sign {
    position: absolute;
    width: 180px;
    top: -105px;
    right: -130px;
    z-index: 3;
}
.second_photo1{
    position: absolute;
    width:100%;
    left:0;
    top:0;
    z-index: 2; 
    opacity: 1;
    animation: secondPhoto1 6s linear infinite;
    -webkit-animation: secondPhoto1 6s linear infinite;
    -moz-animation: secondPhoto1 6s linear infinite;
}
@keyframes secondPhoto1 {
	  0%{ left:0; right:auto; z-index: 2; opacity: 1; }  
     45%{ left:0; right:auto; z-index: 2; opacity: 1; }  
     50%{ left:-150; z-index: 1; opacity: 0; }  
     95%{ left:auto; right:-150px; z-index: 1; opacity: 0; }  
    100%{ left:auto; right:0; z-index: 2; opacity: 1; }  
}
@-moz-keyframes secondPhoto1 {
	  0%{ left:0; right:auto; z-index: 2; opacity: 1; }  
     45%{ left:0; right:auto; z-index: 2; opacity: 1; }  
     50%{ left:-150; z-index: 1; opacity: 0; }  
     95%{ left:auto; right:-150px; z-index: 1; opacity: 0; }  
    100%{ left:auto; right:0; z-index: 2; opacity: 1; }
}
@-webkit-keyframes secondPhoto1 {
	  0%{ left:0; right:auto; z-index: 2; opacity: 1; }  
     45%{ left:0; right:auto; z-index: 2; opacity: 1; }  
     50%{ left:-150; z-index: 1; opacity: 0; }  
     95%{ left:auto; right:-150px; z-index: 1; opacity: 0; }  
    100%{ left:auto; right:0; z-index: 2; opacity: 1; }
}
.second_photo2{
    position: absolute;
    width:100%;
    left:0;
    top:0;
    z-index: 1; 
    opacity: 0;
    animation: secondPhoto2 6s linear infinite;
    -webkit-animation: secondPhoto2 6s linear infinite;
    -moz-animation: secondPhoto2 6s linear infinite;
}
@keyframes secondPhoto2 {
	  0%{ left:auto; right:-150px; z-index: 1; opacity: 0; }  
     45%{ left:auto; right:-150px; z-index: 1; opacity: 0; }  
     50%{ left:auto; right:0; z-index: 2; opacity: 1; }  
     95%{ left:0; right:auto; z-index: 2; opacity: 1; }  
    100%{ left:-150px; right:auto; z-index: 1; opacity: 0; }  
}
@-moz-keyframes secondPhoto2 {
	  0%{ left:auto; right:-150px; z-index: 1; opacity: 0; }  
     45%{ left:auto; right:-150px; z-index: 1; opacity: 0; }  
     50%{ left:auto; right:0; z-index: 2; opacity: 1; }  
     95%{ left:0; right:auto; z-index: 2; opacity: 1; }  
    100%{ left:-150px; right:auto; z-index: 1; opacity: 0; }
}
@-webkit-keyframes secondPhoto2 {
	  0%{ left:auto; right:-150px; z-index: 1; opacity: 0; }  
     45%{ left:auto; right:-150px; z-index: 1; opacity: 0; }  
     50%{ left:auto; right:0; z-index: 2; opacity: 1; }  
     95%{ left:0; right:auto; z-index: 2; opacity: 1; }  
    100%{ left:-150px; right:auto; z-index: 1; opacity: 0; }
}
.second_bottom_cont{
    position:relative;
    width:950px;
    margin:40px auto 0;
    z-index: 3;    
}

/*------------------------------ videoWrap--------------------------------------*/

.videoWrap{
    position:relative;
    width:950px;
    height: auto;   
    margin:0 auto 0;
    padding-top:25px;
    padding-bottom: 0;
    z-index: 2;
    overflow: hidden;   
}
#video_1{
    position: relative;
    width:900px;
    height: 460px;
    margin-left:25px;
    z-index: 3;
    border:#65b0c6 6px solid;    
}
.video_bottom_bg{
    position: relative;
    width:950px;
    margin:-230px auto 0;
    z-index: 1;    
}

/*------------------------------ tech_wrap--------------------------------------*/

.tech_wrap{
    position:relative;
    width:950px;
    height: 4850px;   
    margin:0 auto 0;
    padding-top:180px;
    padding-bottom: 0;
    z-index: 2;
    overflow: hidden;
    background-image: url(../images/tech_Bg.jpg); 
}
.tech_1{
    position: relative;
    width:740px;
    height:885px;
    /*border:#F00 3px solid;*/
    margin:0 auto 0;;    
}
.tech_1_topTIT {
    position: absolute;
    width: 309px;
    z-index: 2;
    top: -40px;
    right: -8px;
}
.tech_1_shoe {
    position: absolute;
    width: 754px;
    top: -65px;
    left: -20px;
    z-index: 1;
    animation: techShoe1 8s linear infinite;
    -webkit-animation: techShoe1 8s linear infinite;
    -moz-animation: techShoe1 8s linear infinite;
}
@keyframes techShoe1 {
	  0%{ top: -65px;}      
     50%{ top:  40px;}  
    100%{ top: -65px;}    
}
@-moz-keyframes techShoe1 {
	  0%{ top: -65px;}      
     50%{ top:  40px;}  
    100%{ top: -65px;}
}
@-webkit-keyframes techShoe1 {
	  0%{ top: -65px;}      
     50%{ top:  40px;}  
    100%{ top: -65px;} 
}
.tech_1_shoe_cont {
    position: absolute;
    width: 384px;
    top: 280px;
    left: -216px;
    opacity: 0;
    z-index: 1;
    animation: techShoeCont1 15s linear infinite;
    -webkit-animation: techShoeCont1 15s linear infinite;
    -moz-animation: techShoeCont1 15s linear infinite;
}
@keyframes techShoeCont1 {
	  0%{ left: -216px; opacity: 0;}      
     10%{ left:  -70px; opacity: 1;} 
     70%{ left:  -70px; opacity: 1;}
     75%{ left: -100px; opacity: 0;} 
    100%{ left: -100px; opacity: 0;}
}
@-moz-keyframes techShoeCont1 {
	  0%{ left: -216px; opacity: 0;}      
     10%{ left:  -70px; opacity: 1;} 
     70%{ left:  -70px; opacity: 1;}
     75%{ left: -100px; opacity: 0;} 
    100%{ left: -100px; opacity: 0;}
}
@-webkit-keyframes techShoeCont1 {
	  0%{ left: -216px; opacity: 0;}      
     10%{ left:  -70px; opacity: 1;} 
     70%{ left:  -70px; opacity: 1;}
     75%{ left: -100px; opacity: 0;} 
    100%{ left: -100px; opacity: 0;}  
}
.tech_1_bottom_cont {
    position: absolute;
    bottom: 50px;
    left: 50%;
    margin-left: -331px;
    width: 630px;
    z-index: 1;  
}
.tech_1_shoe_cont span {
    position: absolute;
    display: block;
    width: 227px;
    left: 5px;
    bottom: 5px;
}
.bubble_L {
    position: absolute;
    top: 400px;
    left: -45px;
    width: 400px;
    z-index: 0;
    opacity: .7;
    animation: bubbleLeft 8s linear infinite;
    -webkit-animation: bubbleLeft 8s linear infinite;
    -moz-animation: bubbleLeft 8s linear infinite;
}
@keyframes bubbleLeft {
	  0%{ top: 400px; opacity: .7;}      
     85%{ top: 200px; opacity: .7;}     
    100%{ top: 150px; opacity: 0;}   
}
@-moz-keyframes bubbleLeft {
	  0%{ top: 400px; opacity: .7;}      
     85%{ top: 200px; opacity: .7;}     
    100%{ top: 150px; opacity: 0;} 
}
@-webkit-keyframes bubbleLeft {
	  0%{ top: 400px; opacity: .7;}      
     85%{ top: 200px; opacity: .7;}     
    100%{ top: 150px; opacity: 0;}  
}
.bubble_R {
    position: absolute;
    top: 520px;
    right: 15px;
    width: 280px;
    z-index: 0;
    opacity: .7;
    animation: bubbleRight 7s linear infinite;
    -webkit-animation: bubbleRight 7s linear infinite;
    -moz-animation: bubbleRight 7s linear infinite;
}
@keyframes bubbleRight {
	  0%{ top: 520px; opacity: .7;}      
     85%{ top: 300px; opacity: .7;}     
    100%{ top: 255px; opacity: 0;}   
}
@-moz-keyframes bubbleRight {
	  0%{ top: 520px; opacity: .7;}      
     85%{ top: 300px; opacity: .7;}     
    100%{ top: 255px; opacity: 0;} 
}
@-webkit-keyframes bubbleRight {
	  0%{ top: 520px; opacity: .7;}      
     85%{ top: 300px; opacity: .7;}     
    100%{ top: 255px; opacity: 0;}  
}
.tech_2{
    position: relative;
    width:740px;
    height:1930px;
    /*border:#F00 3px solid;*/
    margin:135px auto 0;; 
}
.tech_2_shoe {
    position: absolute;
    width: 810px;
    top: -93px;
    left: -49px;
    z-index: 2;  
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    animation: techShoe2 8s linear infinite;
    -webkit-animation: techShoe2 8s linear infinite;
    -moz-animation: techShoe2 8s linear infinite;
}
@keyframes techShoe2 {
	  0%{ transform: rotate(0deg); top: -93px;}      
     40%{ transform: rotate(-15deg); top: -73px;}      
     80%{ transform: rotate(0deg); top: -93px;}      
    100%{ transform: rotate(0deg); top: -93px;}      
}
@-moz-keyframes techShoe2 {
	  0%{ -moz-transform: rotate(0deg); top: -93px;}      
     40%{ -moz-transform: rotate(-15deg); top: -73px;}      
     80%{ -moz-transform: rotate(0deg); top: -93px;}      
    100%{ -moz-transform: rotate(0deg); top: -93px;}  
}
@-webkit-keyframes techShoe2 {
	  0%{ -webkit-transform: rotate(0deg); top: -93px;}      
     40%{ -webkit-transform: rotate(-15deg); top: -73px;}      
     80%{ -webkit-transform: rotate(0deg); top: -93px;}      
    100%{ -webkit-transform: rotate(0deg); top: -93px;}    
}
.tech_2_logo {
    position: absolute;
    width: 270px;
    left: 67px;
    top: 430px;
    z-index: 1;
}
.tech_2_top_cont {
    position: absolute;
    width: 508px;
    left: 34px;
    top: 571px;
    z-index: 0;   
}
.tech_2_radar {
    position: absolute;
    width: 320px;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin: -151px 0 0 -50px;
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    animation: radar 12s linear infinite;
    -webkit-animation: radar 12s linear infinite;
    -moz-animation: radar 12s linear infinite;
}
@keyframes radar {
	  0%{ transform: rotate(0deg); }      
     23%{ transform: rotate(270deg) scale(.9); }     
     46%{ transform: rotate(0deg) scale(1); }   
     69%{ transform: rotate(-180deg) scale(.8); }       
     92%{ transform: rotate(0deg) scale(1); }   
}
@-moz-keyframes techShoe2 {
	  0%{ -moz-transform: rotate(0deg); }      
     23%{ -moz-transform: rotate(270deg) scale(.9); }     
     46%{ -moz-transform: rotate(0deg) scale(1); }   
     69%{ -moz-transform: rotate(-180deg) scale(.8); }       
     92%{ -moz-transform: rotate(0deg) scale(1); }  
}
@-webkit-keyframes techShoe2 {
	  0%{ -webkit-transform: rotate(0deg); }      
     23%{ -webkit-transform: rotate(270deg) scale(.9); }     
     46%{ -webkit-transform: rotate(0deg) scale(1); }   
     69%{ -webkit-transform: rotate(-180deg) scale(.8); }       
     92%{ -webkit-transform: rotate(0deg) scale(1); }     
}
.tech_2_cont_1, .tech_2_cont_2, .tech_2_cont_3, .tech_2_cont_4 {
    width: 586px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin: 146px 0 0 -300px;
}
.tech_2_cont_2{   
    margin: 275px 0 0 -300px;
}
.tech_2_cont_3 {
    margin: 700px 0 0 -300px;
}
.tech_2_cont_4 {
    margin: 760px 0 0 -300px;
}
.tech_2_radar.tech_2_radar_2 {
    margin: 373px 0 0 -281px;
}
.tech_2_cloud_1, .tech_2_cloud_2 {
    width: 237px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    margin: 563px 0 0 21px;
}
.tech_2_cloud_1 {
    animation: techCloud1 30s linear infinite;
    -webkit-animation: techCloud1 30s linear infinite;
    -moz-animation: techCloud1 30s linear infinite;
}
@keyframes techCloud1 {
	  0%{ margin: 563px 0 0 21px;}      
     50%{ margin: 563px 0 0 121px;}      
    100%{ margin: 563px 0 0 21px;}      
}
@-moz-keyframes techCloud1 {
	  0%{ margin: 563px 0 0 21px;}      
     50%{ margin: 563px 0 0 121px;}      
    100%{ margin: 563px 0 0 21px;} 
}
@-webkit-keyframes techCloud1 {
	  0%{ margin: 563px 0 0 21px;}      
     50%{ margin: 563px 0 0 121px;}      
    100%{ margin: 563px 0 0 21px;}   
}
.tech_2_cloud_2 {
    width: 157px;
    margin: 487px 0 0 195px;
    animation: techCloud2 30s linear infinite;
    -webkit-animation: techCloud2 30s linear infinite;
    -moz-animation: techCloud2 30s linear infinite;
}
@keyframes techCloud2 {
	  0%{ margin: 487px 0 0 195px;}      
     50%{ margin: 487px 0 0 95px;}
    100%{ margin: 487px 0 0 195px;}   
}
@-moz-keyframes techCloud2 {
	  0%{ margin: 487px 0 0 195px;}      
     50%{ margin: 487px 0 0 95px;}
    100%{ margin: 487px 0 0 195px;}  
}
@-webkit-keyframes techCloud2 {
	  0%{ margin: 487px 0 0 195px;}      
     50%{ margin: 487px 0 0 95px;}
    100%{ margin: 487px 0 0 195px;}    
}
.tech_2_topTIT {
    position: absolute;
    width: 320px;
    z-index: 2;
    top: -44px;
    right: -1px;
}
.tech_2_photo_1, .tech_2_photo_2 {
    width: 226px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 0;
    margin: -102px 0 0 -5px;
}
.tech_2_photo_2 {
    margin: 418px 0 0 -236px;
}
.tech_3{
    position: relative;
    width:740px;
    height:1470px;   
    margin:160px auto 0;; 
}
.tech_3_shoe {
    position: absolute;
    width: 600px;
    height: 800px;
    top: -125px;
    left: -15px;
    z-index: 2;
    transform: rotate(-17deg);
    -moz-transform: rotate(-17deg);
    -webkit-transform: rotate(-17deg);
}
.tech_3_shoe_1, .tech_3_shoe_2, .tech_3_shoe_3, .tech_3_shoe_4, .tech_3_shoe_5, .tech_3_shoe_6{
    position: absolute;
    width:100%;
    top:0;
    left:0;
    z-index: 0;
    opacity: 0;
}
.tech_3_shoe_1{
    animation: tech3Shoe1 8s linear infinite;
    -webkit-animation: tech3Shoe1 8s linear infinite;
    -moz-animation: tech3Shoe1 8s linear infinite;
}
@keyframes tech3Shoe1 {
	  0%{ opacity: 1; z-index: 1;}      
     28%{ opacity: 1; z-index: 1;}
     30%{ opacity: 0; z-index: 0;}
     98%{ opacity: 0; z-index: 0;}
    100%{ opacity: 1; z-index: 1;}   
}
@-moz-keyframes tech3Shoe1 {
	  0%{ opacity: 1; z-index: 1;}      
     28%{ opacity: 1; z-index: 1;}
     30%{ opacity: 0; z-index: 0;}
     98%{ opacity: 0; z-index: 0;}
    100%{ opacity: 1; z-index: 1;} 
}
@-webkit-keyframes tech3Shoe1 {
	  0%{ opacity: 1; z-index: 1;}      
     28%{ opacity: 1; z-index: 1;}
     30%{ opacity: 0; z-index: 0;}
     98%{ opacity: 0; z-index: 0;}
    100%{ opacity: 1; z-index: 1;}  
}
.tech_3_shoe_2{
    animation: tech3Shoe2 8s linear infinite;
    -webkit-animation: tech3Shoe2 8s linear infinite;
    -moz-animation: tech3Shoe2 8s linear infinite;
}
@keyframes tech3Shoe2 {
	  0%{ opacity: 0; z-index: 0;}      
     28%{ opacity: 0; z-index: 0;}
     30%{ opacity: 1; z-index: 1;}
     42%{ opacity: 1; z-index: 1;}
     44%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;}   
}
@-moz-keyframes tech3Shoe2 {
	  0%{ opacity: 0; z-index: 0;}      
     28%{ opacity: 0; z-index: 0;}
     30%{ opacity: 1; z-index: 1;}
     42%{ opacity: 1; z-index: 1;}
     44%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;} 
}
@-webkit-keyframes tech3Shoe2 {
	  0%{ opacity: 0; z-index: 0;}      
     28%{ opacity: 0; z-index: 0;}
     30%{ opacity: 1; z-index: 1;}
     42%{ opacity: 1; z-index: 1;}
     44%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;} 
}
.tech_3_shoe_3{
    animation: tech3Shoe3 8s linear infinite;
    -webkit-animation: tech3Shoe3 8s linear infinite;
    -moz-animation: tech3Shoe3 8s linear infinite;
}
@keyframes tech3Shoe3 {
	  0%{ opacity: 0; z-index: 0;}      
     42%{ opacity: 0; z-index: 0;}
     44%{ opacity: 1; z-index: 1;}
     56%{ opacity: 1; z-index: 1;}
     58%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;}   
}
@-moz-keyframes tech3Shoe3 {
	  0%{ opacity: 0; z-index: 0;}      
     42%{ opacity: 0; z-index: 0;}
     44%{ opacity: 1; z-index: 1;}
     56%{ opacity: 1; z-index: 1;}
     58%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;} 
}
@-webkit-keyframes tech3Shoe3 {
	  0%{ opacity: 0; z-index: 0;}      
     42%{ opacity: 0; z-index: 0;}
     44%{ opacity: 1; z-index: 1;}
     56%{ opacity: 1; z-index: 1;}
     58%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;}
}
.tech_3_shoe_4{
    animation: tech3Shoe4 8s linear infinite;
    -webkit-animation: tech3Shoe4 8s linear infinite;
    -moz-animation: tech3Shoe4 8s linear infinite;
}
@keyframes tech3Shoe4 {
	  0%{ opacity: 0; z-index: 0;}      
     56%{ opacity: 0; z-index: 0;}
     58%{ opacity: 1; z-index: 1;}
     70%{ opacity: 1; z-index: 1;}
     72%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;}   
}
@-moz-keyframes tech3Shoe4 {
	  0%{ opacity: 0; z-index: 0;}      
     56%{ opacity: 0; z-index: 0;}
     58%{ opacity: 1; z-index: 1;}
     70%{ opacity: 1; z-index: 1;}
     72%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;} 
}
@-webkit-keyframes tech3Shoe4 {
	  0%{ opacity: 0; z-index: 0;}      
     56%{ opacity: 0; z-index: 0;}
     58%{ opacity: 1; z-index: 1;}
     70%{ opacity: 1; z-index: 1;}
     72%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;} 
}
.tech_3_shoe_5{
    animation: tech3Shoe5 8s linear infinite;
    -webkit-animation: tech3Shoe5 8s linear infinite;
    -moz-animation: tech3Shoe5 8s linear infinite;
}
@keyframes tech3Shoe5 {
	  0%{ opacity: 0; z-index: 0;}      
     70%{ opacity: 0; z-index: 0;}
     72%{ opacity: 1; z-index: 1;}
     84%{ opacity: 1; z-index: 1;}
     86%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;}   
}
@-moz-keyframes tech3Shoe5 {
	  0%{ opacity: 0; z-index: 0;}      
     70%{ opacity: 0; z-index: 0;}
     72%{ opacity: 1; z-index: 1;}
     84%{ opacity: 1; z-index: 1;}
     86%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;} 
}
@-webkit-keyframes tech3Shoe5 {
	  0%{ opacity: 0; z-index: 0;}      
     70%{ opacity: 0; z-index: 0;}
     72%{ opacity: 1; z-index: 1;}
     84%{ opacity: 1; z-index: 1;}
     86%{ opacity: 0; z-index: 0;}   
    100%{ opacity: 0; z-index: 0;}  
}
.tech_3_shoe_6{
    animation: tech3Shoe6 8s linear infinite;
    -webkit-animation: tech3Shoe6 8s linear infinite;
    -moz-animation: tech3Shoe6 8s linear infinite;
}
@keyframes tech3Shoe6 {
	  0%{ opacity: 0; z-index: 0;}      
     84%{ opacity: 0; z-index: 0;}
     86%{ opacity: 1; z-index: 1;}
     98%{ opacity: 1; z-index: 1;}       
    100%{ opacity: 0; z-index: 0;}   
}
@-moz-keyframes tech3Shoe6 {
	  0%{ opacity: 0; z-index: 0;}      
     84%{ opacity: 0; z-index: 0;}
     86%{ opacity: 1; z-index: 1;}
     98%{ opacity: 1; z-index: 1;}       
    100%{ opacity: 0; z-index: 0;} 
}
@-webkit-keyframes tech3Shoe6 {
	  0%{ opacity: 0; z-index: 0;}      
     84%{ opacity: 0; z-index: 0;}
     86%{ opacity: 1; z-index: 1;}
     98%{ opacity: 1; z-index: 1;}       
    100%{ opacity: 0; z-index: 0;} 
}
.tech_3_shoe_dircle {
    position: absolute;
    width: 200px;
    top: 50%;
    left: 50%;
    margin: -260px 0 0 -265px;    
    transform-origin: center center;
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    animation: tech3Circle 8s linear infinite;
    -webkit-animation: tech3Circle 8s linear infinite;
    -moz-animation: tech3Circle 8s linear infinite;
    opacity: 1;
    z-index: 9;
}
@keyframes tech3Circle {
	  0%{ opacity: 1; z-index: 9; transform: scale(1);}      
      5%{ opacity: 1; z-index: 9; transform: scale(1);}     
      9%{ opacity: 1; z-index: 9; transform: scale(1.2);}     
     13%{ opacity: 1; z-index: 9; transform: scale(1);}
     17%{ opacity: 1; z-index: 9; transform: scale(1.2);} 
     21%{ opacity: 1; z-index: 9; transform: scale(1);}
     25%{ opacity: 1; z-index: 9; transform: scale(1);}      
     30%{ opacity: 0; z-index: 0; transform: scale(.8);}   
     98%{ opacity: 0; z-index: 0; transform: scale(1.4);}   
    100%{ opacity: 1; z-index: 9; transform: scale(.9);}     
}
@-moz-keyframes tech3Circle {
	  0%{ opacity: 1; z-index: 9; -moz-transform: scale(1);}      
      5%{ opacity: 1; z-index: 9; -moz-transform: scale(1);}     
      9%{ opacity: 1; z-index: 9; -moz-transform: scale(1.2);}     
     13%{ opacity: 1; z-index: 9; -moz-transform: scale(1);}
     17%{ opacity: 1; z-index: 9; -moz-transform: scale(1.2);} 
     21%{ opacity: 1; z-index: 9; -moz-transform: scale(1);}
     25%{ opacity: 1; z-index: 9; -moz-transform: scale(1);}      
     30%{ opacity: 0; z-index: 0; -moz-transform: scale(.8);}   
     98%{ opacity: 0; z-index: 0; -moz-transform: scale(1.4);}   
    100%{ opacity: 1; z-index: 9; -moz-transform: scale(.9);} 
}
@-webkit-keyframes tech3Circle {
	  0%{ opacity: 1; z-index: 9; -webkit-transform: scale(1);}      
      5%{ opacity: 1; z-index: 9; -webkit-transform: scale(1);}     
      9%{ opacity: 1; z-index: 9; -webkit-transform: scale(1.2);}     
     13%{ opacity: 1; z-index: 9; -webkit-transform: scale(1);}
     17%{ opacity: 1; z-index: 9; -webkit-transform: scale(1.2);} 
     21%{ opacity: 1; z-index: 9; -webkit-transform: scale(1);}
     25%{ opacity: 1; z-index: 9; -webkit-transform: scale(1);}      
     30%{ opacity: 0; z-index: 0; -webkit-transform: scale(.8);}   
     98%{ opacity: 0; z-index: 0; -webkit-transform: scale(1.4);}   
    100%{ opacity: 1; z-index: 9; -webkit-transform: scale(.9);}  
}
.tech_3_topTIT {
    position: absolute;
    width: 320px;
    z-index: 2;
    top: -40px;
    right: -15px;
}
.tech_3_top {
    position: absolute;
    width: 666px;
    top: 50%;
    left: 50%;
    margin: -326px 0 0 -359px;
    z-index: 0;
}
.tech_insole_1, .tech_insole_2 {
    position: absolute;
    width: 644px;
    top: 50%;
    left: 50%;
    margin: 285px 0 0 -339px;
    z-index: 0;
}
.tech_insole_2 {
    margin: 95px 0 0 -27px;
    width: 339px;
}
.tech_3_bottom{
    position: absolute;
    width:554px;
    left:50%;
    margin-left: -277px;
    bottom:20px;
    z-index: 1;    
}
.tech_bottom{
    position: relative;
    width:950px;
    height: 1238px;
    margin:0 auto;
    z-index: 1; 
    overflow: hidden;
}
.tech_bottom_bg{
    position: absolute;
    width:100%;
    left:0;
    top:0;
    z-index: 0;    
}
.tech_bottom1_1, .tech_bottom1_2, .tech_bottom2_1, .tech_bottom2_2, .tech_bottom3_1, .tech_bottom3_2{
    position: absolute;
    top:50%;
    left:50%;
}
.tech_bottom1_1 {
    width: 226px;
    margin: -460px 0 0 -110px;
}
.tech_bottom1_2 {
    width: 458px;
    margin: -340px 0 0 -110px;
}
.tech_bottom2_1 {
    width: 288px;
    margin: -145px 0 0 -110px;
}
.tech_bottom2_2 {
    width: 489px;
    margin: -20px 0 0 -110px;
}
.tech_bottom3_1 {
    width: 288px;
    margin: 180px 0 0 -110px;
}
.tech_bottom3_2 {
    width: 458px;
    margin: 300px 0 0 -110px;
}

/*------------------------------ photo_wrap--------------------------------------*/

.photo_wrap{
    position:relative;
    width:950px;
    height: auto;   
    margin:0 auto 0;
    padding-top:65px;
    padding-bottom: 0;
    z-index: 2;   
}
.photo_wrap_top{
    position:relative;
    width:824px;   
    margin:0 auto 0;
    z-index: 2;
}
.photo_wrap_TIT{
    position:relative;
    width:650px;   
    margin:10px auto 0;
    z-index: 1;    
}
.photo_wrap_main {
    position: relative;
    width: 800px;
    height: 750px;
    margin: 30px auto 0;
    z-index: 2;    
}
.photo_wrap_ph_Left{
    position: absolute;
    width:49%;
    top:0;
    left:0px;
    z-index: 1;
}
.photo_wrap_ph_Right{
    position: absolute;
    width:55%;
    bottom:0;
    right:0px;
    z-index: 2;
}
.photo_wrap_shoe_L {
    position: absolute;
    width: 320px;
    left: -170px;
    bottom: -50px;   
    z-index: 4;
    animation: phototShoeL 12s linear infinite;
    -webkit-animation: phototShoeL 12s linear infinite;
    -moz-animation: phototShoeL 12s linear infinite;
}
@keyframes phototShoeL {
	  0%{ bottom: -50px;}     
     50%{ bottom:  20px;}         
    100%{ bottom: -50px;}      
}
@-moz-keyframes phototShoeL {
	  0%{ bottom: -50px;}     
     50%{ bottom:  20px;}         
    100%{ bottom: -50px;}
}
@-webkit-keyframes phototShoeL {
	  0%{ bottom: -50px;}     
     50%{ bottom:  20px;}         
    100%{ bottom: -50px;}   
}
.photo_wrap_shoe_R {
    position: absolute;
    width: 310px;
    right: -190px;
    top: -140px;
    z-index: 4;
    animation: phototShoeR 15s linear infinite;
    -webkit-animation: phototShoeR 15s linear infinite;
    -moz-animation: phototShoeR 15s linear infinite;
}
@keyframes phototShoeR {
	  0%{ top: -140px;}      
     50%{ top:   50px;}          
    100%{ top: -140px;}         
}
@-moz-keyframes phototShoeR {
	  0%{ top: -140px;}      
     50%{ top:   50px;}          
    100%{ top: -140px;} 
}
@-webkit-keyframes techCloud1 {
	  0%{ top: -140px;}      
     50%{ top:   50px;}          
    100%{ top: -140px;}   
}
.photo_wrap_bottom{
    position: relative;
    width: 950px;   
    margin: -45px auto 0; 
    z-index: 1;
 }   

/*------------------------------ products_wrap--------------------------------------*/

.products_wrap{
    position:relative;
    width:950px;
    height: auto;   
    margin:0 auto 0;
    padding-top:0;
    padding-bottom:0;
    z-index: 3; 
    background-color: #f8e6f5;
}
.products_wrap.select{
    background-color: #d7eeff;
}
.product_wrap_top{
    position: relative;
    width:100%;
    margin:0 auto;    
}
.product_wrap_top1.select, .product_wrap_top2.select {
    position: relative;
    width:100%;
    z-index: 2;
    opacity: 1;
}
.product_wrap_top1, .product_wrap_top2{
    position: absolute;
    width:100%;
    left:0;
    top:0;
    z-index: 1;
    opacity: 0;
}
.product_top_select{
    position: relative;
    width:864px;
    height: 69px;
    margin:40px auto 50px;    
}
.product_wrap_btnWoman, .product_wrap_btnMan{
    position: absolute;
    width:408px;
    height: 100%;
    top:0;
    cursor: pointer;
}
.product_wrap_btnMan{
    right:0; 
}
.product_wrap_btnWoman_1, .product_wrap_btnWoman_2, .product_wrap_btnMan_1, .product_wrap_btnMan_2{
    position: absolute;
    width:100%;
    left:0;
    top:0;
    z-index: 1;
    opacity: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
.product_wrap_btnWoman_2, .product_wrap_btnMan_2{    
    z-index: 2;
    opacity: 1;
}
.product_wrap_btnWoman.select .product_wrap_btnWoman_1, .product_wrap_btnWoman:hover .product_wrap_btnWoman_1{
    opacity: 1;
    z-index: 2;    
}
.product_wrap_btnWoman.select .product_wrap_btnWoman_2, .product_wrap_btnWoman:hover .product_wrap_btnWoman_2{
    opacity: 0;
    z-index: 1;     
}
.product_wrap_btnMan.select .product_wrap_btnMan_1, .product_wrap_btnMan:hover .product_wrap_btnMan_1{
    opacity: 1;
    z-index: 2;    
}
.product_wrap_btnMan.select .product_wrap_btnMan_2, .product_wrap_btnMan:hover .product_wrap_btnMan_2{
    opacity: 0;
    z-index: 1;     
}
.product_show_women, .product_show_men{
    position: relative;
    width:100%;    
    margin:0 auto 0;
    z-index: 5;  
}
.product_show_select{
    position: relative;
    width:864px;
    height: 69px;
    margin:0 auto 0;
}
.product_show_select_1, .product_show_select_2, .product_show_select_3{
    width:290px;
    height: 100%;
    position: absolute;
    top:0;
    cursor: pointer;
}
.product_show_select_1{
    left: -5px;   
}
.product_show_select_2{
    left: 50%;
    margin-left: -145px;
}
.product_show_select_3{
    right: -3px;   
}
.product_womanSelect_1, .product_womanSelect_2, .product_womanSelect_3,
.product_womanUnSelect_1, .product_womanUnSelect_2, .product_womanUnSelect_3,
.product_manSelect_1, .product_manSelect_2, .product_manSelect_3,
.product_manUnSelect_1, .product_manUnSelect_2, .product_manUnSelect_3{
    width:100%;
    position: absolute;
    top:0;
    left:0;
    z-index: 1;
    opacity: 0;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
}
.product_womanUnSelect_1, .product_womanUnSelect_2, .product_womanUnSelect_3,
.product_manUnSelect_1, .product_manUnSelect_2, .product_manUnSelect_3{   
    z-index: 2;
    opacity: 1;
}
.product_show_select_1.select .product_womanSelect_1, .product_show_select_1:hover .product_womanSelect_1,
.product_show_select_1.select .product_manSelect_1, .product_show_select_1:hover .product_manSelect_1{
    z-index: 2;
    opacity: 1;
}
.product_show_select_1.select .product_womanUnSelect_1, .product_show_select_1:hover .product_womanUnSelect_1,
.product_show_select_1.select .product_manUnSelect_1, .product_show_select_1:hover .product_manUnSelect_1{
    z-index: 1;
    opacity: 0;
}
.product_show_select_2.select .product_womanSelect_2, .product_show_select_2:hover .product_womanSelect_2,
.product_show_select_2.select .product_manSelect_2, .product_show_select_2:hover .product_manSelect_2{
    z-index: 2;
    opacity: 1;
}
.product_show_select_2.select .product_womanUnSelect_2, .product_show_select_2:hover .product_womanUnSelect_2,
.product_show_select_2.select .product_manUnSelect_2, .product_show_select_2:hover .product_manUnSelect_2{
    z-index: 1;
    opacity: 0;
}
.product_show_select_3.select .product_womanSelect_3, .product_show_select_3:hover .product_womanSelect_3,
.product_show_select_3.select .product_manSelect_3, .product_show_select_3:hover .product_manSelect_3{
    z-index: 2;
    opacity: 1;
}
.product_show_select_3.select .product_womanUnSelect_3, .product_show_select_3:hover .product_womanUnSelect_3,
.product_show_select_3.select .product_manUnSelect_3, .product_show_select_3:hover .product_manUnSelect_3{
    z-index: 1;
    opacity: 0;
}

.product_show_women_1, .product_show_women_2, .product_show_women_3,
.product_show_men_1, .product_show_men_2, .product_show_men_3{
    position: relative;
    width:100%;
    margin:-2px auto 0;   
}
.product_bottom{
    width:100%;
    position: relative;
    margin:15px auto 0;
    height: 72px;
    background: url(../images/product_bottom.jpg) repeat-x;     
}
.product_show_women_1>a, .product_show_women_2>a, .product_show_women_3>a,
.product_show_men_1>a, .product_show_men_2>a, .product_show_men_3>a{
    position: absolute;
    display: block;    
    left:0;
    top:0;  
    width:330px; 
    transition:all .5s;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    z-index: 1;
}
.product_show_women_1>a:hover, .product_show_women_2>a:hover, .product_show_women_3>a:hover,
.product_show_men_1>a:hover, .product_show_men_2>a:hover, .product_show_men_3>a:hover{
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}
.product_show_women_1 a.shoeShow_1, .product_show_women_2 a.shoeShow_1, .product_show_women_3 a.shoeShow_1,
.product_show_men_1 a.shoeShow_1, .product_show_men_2 a.shoeShow_1, .product_show_men_3 a.shoeShow_1{
    left: 90px;
    top: 75px;
}
.product_show_women_1 a.shoeShow_2, .product_show_women_2 a.shoeShow_2, .product_show_women_3 a.shoeShow_2,
.product_show_men_1 a.shoeShow_2, .product_show_men_2 a.shoeShow_2, .product_show_men_3 a.shoeShow_2{
    left: 445px;
    top: 75px;
}
.product_show_women_1 a.shoeShow_3, .product_show_women_2 a.shoeShow_3, .product_show_men_1 a.shoeShow_3, .product_show_men_2 a.shoeShow_3, .product_show_men_3 a.shoeShow_3{     
    left: 90px;
    top:410px; 
}
.product_show_women_1 a.shoeShow_4, .product_show_women_2 a.shoeShow_4, .product_show_men_1 a.shoeShow_4, .product_show_men_2 a.shoeShow_4, .product_show_men_3 a.shoeShow_4{         
    left: 445px;
    top:410px; 
}
.product_show_women_1 a.shoeShow_5, .product_show_women_3 a.shoeShow_5,
.product_show_men_1 a.shoeShow_5, .product_show_men_3 a.shoeShow_5{     
    left: 90px;
    top:735px; 
}
.product_show_women_1 a.shoeShow_6, .product_show_women_3 a.shoeShow_6,
.product_show_men_1 a.shoeShow_6, .product_show_men_3 a.shoeShow_6{         
    left: 445px;
    top:735px;  
}    
.product_show_women_3 a.shoeShow_7{     
    left: 90px;
    top:1055px; 
}
.product_show_women_3 a.shoeShow_8{     
    left: 445px;
    top:1055px;  
}  
.product_show_women_3 a.shoeShow_3_1 {
    width: 270px;
    left: 90px;
    top: 415px;   
}
.product_show_women_3 a.shoeShow_3_2{     
    width:270px; 
    left: 355px;
    top:415px; 
}
.product_show_women_3 a.shoeShow_3_3 {
    width: 270px;
    left: 620px;
    top: 415px;
}
.wideFit_icon {
    position: absolute;
    width: 180px;
    right: -55px;
    top: -25px;
}
.Spokesperson {
    position: absolute;
    width: 130px;
    right: 15px;
    top: -60px;
    animation: Spokesperson 1.2s linear infinite;
    -webkit-animation: Spokesperson 1.2s linear infinite;
    -moz-animation: Spokesperson 1.2s linear infinite;
}
@keyframes Spokesperson {
	  0%{ transform: scale(1);}      
     40%{ transform: scale(1.1);}           
     80%{ transform: scale(1);}        
}
@-moz-keyframes Spokesperson {
	  0%{ -moz-transform: scale(1);}      
     40%{ -moz-transform: scale(1.1);}           
     80%{ -moz-transform: scale(1);} 
}
@-webkit-keyframes Spokesperson {
	  0%{ -webkit-transform: scale(1);}      
     40%{ -webkit-transform: scale(1.1);}           
     80%{ -webkit-transform: scale(1);}   
}
.product_show_women_3 a.shoeShow_5{     
    z-index: 2;
}

/*------------------------------ bottom_wrap--------------------------------------*/

.bottom_wrap{
    position:relative;
    width:950px;
    height: auto;   
    margin:0 auto 0; 
    z-index: 3;
    overflow: hidden;
}
.bottom_bg{
    position: relative;
    width:100%;    
}
.bottom_top {
    position: absolute;
    width: 400px;
    right: 60px;
    top: 155px;
    z-index: 2;
}
.bottom_TIT {
    position: absolute;
    width: 100%;
    left: 0;
    top: 631px;
    z-index: 1;
}
.bottom_btn1{
    position: absolute;
    width:399px;
    height: 111px;
    bottom: 184px;
    left: 34px;
}
.bottom_btn2{
    position: absolute;
    width:399px;
    height: 111px;
    bottom: 184px;
    right: 34px;    
}
.bottom_btn1_1, .bottom_btn1_2, .bottom_btn2_1, .bottom_btn2_2{
    position: absolute;
    width:100%;
    top:0;
    left:0;
    z-index: 2;
    opacity: 1;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
.bottom_btn1_2, .bottom_btn2_2{   
    z-index: 1;
    opacity: 0;
}
.bottom_btn1:hover .bottom_btn1_1{
    z-index: 1;
    opacity: 0;   
}
.bottom_btn1:hover .bottom_btn1_2{
    z-index: 2;
    opacity: 1;   
}
.bottom_btn2:hover .bottom_btn2_1{
    z-index: 1;
    opacity: 0;   
}
.bottom_btn2:hover .bottom_btn2_2{
    z-index: 2;
    opacity: 1;   
}

/*---------------------------btn_goTop---------------------------*/

.btn_goTop {
    position: fixed !important;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: rgb(133, 190, 207);
    bottom: 25px;    
    right:40px;
    z-index: 999;
    display: none;
}
.btn_goTop span {
    display: block;
    position: absolute;
    width: 34px;
    height: 21px;
    left: 50%;
    top: 50%;
    margin: -10px 0 0 -17px;
    background-image: url(../images/goTop.png);
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}
.btn_goTop:hover{	
	background-color:rgb(255, 212, 187);
}
.btn_goTop:hover.btn_goTop span{	
	margin: -15px 0 0 -17px;
}

/*---------------------------loadingWrap---------------------------*/

.loadingWrap {
	width:100%;
	height:100%;	
	position:fixed;
	z-index:99999;
	top:0;
	left:0;	
	overflow:hidden;    
    background: -moz-radial-gradient(center, ellipse cover,  #ead5dd 0%, #eabbcd 99%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #ead5dd 0%,#eabbcd 99%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #ead5dd 0%,#eabbcd 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */   
}
.loading_logo{
    position: absolute;
    width:400px;
    height:84px;
    left:50%;
    top:50%;
    margin:-42px 0 0 -200px;
}
.loadingWrap.open {
	animation: loadingOpen 2s linear 1 forwards;
    -webkit-animation: loadingOpen 2s linear 1 forwards;
    -moz-animation: loadingOpen 2s linear 1 forwards;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
}
@keyframes loadingOpen {
	  0%{ background: radial-gradient(ellipse at center,  rgba(234,213,221,0) 0%,rgba(234,187,205,1)  30%); opacity: 1;}    
     90%{ background: radial-gradient(ellipse at center,  rgba(234,213,221,0) 0%,rgba(234,187,205,1) 100%); opacity: 1;}           
    100%{ background: radial-gradient(ellipse at center,  rgba(234,213,221,0)85%,rgba(234,187,205,1) 100%); opacity: 0; z-index: -1;}     
}
@-webkit-keyframes loadingOpen {
	  0%{ background: -webkit-radial-gradient(center, ellipse cover,  rgba(234,213,221,0) 0%,rgba(234,187,205,1) 30%); opacity: 1;}       
     99%{ background: -webkit-radial-gradient(center, ellipse cover,  rgba(234,213,221,0) 0%,rgba(234,187,205,1) 100%); opacity: 1;}                  
    100%{ background: -webkit-radial-gradient(center, ellipse cover,  rgba(234,213,221,0)85%,rgba(234,187,205,1) 100%); opacity: 0; z-index: -1;}        
}
@-moz-keyframes loadingOpen {
	  0%{ background: -moz-radial-gradient(center, ellipse cover,  rgba(234,213,221,0) 0%, rgba(234,187,205,1) 30%); opacity: 1;}         
     99%{ background: -moz-radial-gradient(center, ellipse cover,  rgba(234,213,221,0) 0%, rgba(234,187,205,1)100%); opacity: 1;}           
    100%{ background: -moz-radial-gradient(center, ellipse cover,  rgba(234,213,221,0)85%, rgba(234,187,205,1)100%); opacity: 0; z-index: -1;}          
}
.loading_logo.open {
	animation: loadingLogo 1s linear 1 forwards;
    -webkit-animation: loadingLogo 1s linear 1 forwards;
    -moz-animation: loadingLogo 1s linear 1 forwards;   
}
@keyframes loadingLogo {
	  0%{ opacity: 1;}            
    100%{ opacity: 0;}       
}
@-webkit-keyframes loadingLogo {
	  0%{ opacity: 1;}            
    100%{ opacity: 0;}       
}
@-moz-keyframes loadingLogo {
	  0%{ opacity: 1;}            
    100%{ opacity: 0;}          
}



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

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

  
.btn_goTop {
    right: 40px;   
    width: 65px;
    height: 65px;
} 
.photo_wrap {
    overflow: hidden;
}   
.index_wrap {
    padding-top: 160px; 
} 
.index_top_logo{   
    width: 650px;  
}    
.index_top_cont{   
    width: 555px;  
} 
.index_top_line {   
    width: 800px;
    margin: 15px auto;   
}    
.index_shoe {    
    width: 750px;    
    top: 45%;
    margin-left: -350px;   
}     
.index_bottom_TIT {   
    width: 700px;   
    margin-left: -350px;
    bottom: 15%; 
    top: auto;
}   
.index_bottom_line {   
    width: 700px;  
    margin-left: -350px;
    bottom: 6%; 
    top: auto;
}    
.second_TIT1, .second_TIT2 {    
    width: 750px;    
}    
.photo_wrap_shoe_R {   
    width: 285px;
    right: -126px;
    margin-top: -30px;
}    
.photo_wrap_shoe_L {   
    width: 285px;
    left: -130px;
    bottom: -50px;
    margin-top: 30px;
}    
.loading_logo{
    width:600px;
    height:126px;
    margin:-63px 0 0 -300px;
}    
    
    
    
    
    
    
    
}