body{	
	height:100%;	
	width:100%;		
	min-width: 1000px;      
    min-height: 800px;
}
.container-fluid {    
    padding-right: 0;
    padding-left: 0;   
}
*{
    outline: none;    
}

/*------------------------------ articlaNav--------------------------------------*/

.articlaNav {
    position: fixed;
    width: 100px;
    height: 420px;
    top: 40%;
    margin-top: -210px;
    right: -50px;
    z-index: 99;
    border-radius: 50%;
    background-color: #2c2e2c;
    visibility: visible !important;
}
.navWrap {
    width: 75px;
    height: auto;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-top: -180px;
}
.navWrap a {
    position: relative;
    width: 370px;
    margin-left: -324px;
    margin-left: 0;
}
.navWrap a:nth-child(1):hover{    
    margin-left: -150px;   
}
.navWrap a:nth-child(2):hover{    
    margin-left: -220px;   
}
.navWrap a:nth-child(3):hover{    
    margin-left: -240px;   
}
.navWrap a:nth-child(4){ 
    width: 411px;
}
.navWrap a:nth-child(4):hover{    
    margin-left: -370px;    
}
.navWrap a:nth-child(5):hover{    
    margin-left: -230px;   
}
.navWrap a:nth-child(6):hover{    
    margin-left: -170px;    
}
.navWrap a:active{    
    margin-left: 0;     
}
.navWrap a:nth-child(6){    
    display: none !important; 
}

/*------------------------------ index--------------------------------------*/

.index{
	width:1200px;
	position: relative;	
	z-index: 1;
	margin:0 auto 25px;
    padding-top: 15px;
    padding-bottom: 25px;
}
.index_bg{
    width:100%;  
    height: 100%;
	position: absolute;		
	z-index: 0;
    left:0;
    top:0; 
    overflow: hidden;
}
.index_bg span{
    width:100%;
    display: block;
}
.top_banner {
    position: relative;
    width: 100%;
    height: 424px;
    margin: 0 auto;
    z-index: 2;
    overflow: hidden;
}
.banner_fixed{
    position: absolute;   
    width:300px;
    height: 100%;
    left:50%;
    top:0;
    margin-left: -150px;
    z-index: 2;
    overflow: hidden;
}
.banner_fixed span{
    position: absolute;
    display: block;
    width:1200px;   
    left:50%;
    top:0;
    margin-left: -600px;   
}
.topBanner_1, .topBanner_2, .topBanner_3, .topBanner_4{
    position: absolute;
    width:416px;
    left:50%;
    top:0;    
}
.topBanner_1{
    margin-left: -634px;
    z-index: 1;
}
.topBanner_2{
    margin-left: -350px;
    z-index: 3;
}
.topBanner_3{
    margin-left: -66px;
    z-index: 3;
}
.topBanner_4{
    margin-left: 219px;
    z-index: 1;
}
.metal_border_left, .metal_border_right{
    position: absolute;
    z-index: 1;
    width:190px;     
}
.metal_border_left{   
    top:0;
    left:0;    
}
.metal_border_right{   
    bottom:0;
    right:0;    
}
.metal_border_left span, .metal_border_right span{
    position: absolute;
    display: block;    
    width:63px;  
    top:50%;
    margin-top: -31px;
}
.metal_border_left span{
    left:0; 
}
.metal_border_right span{
    right:0; 
}
.workFootwear_kv{
    position:relative;
    width:315px;
    margin:-160px auto 0;
    z-index: 3;  
}
.index_TIT_1 {
    position: relative;
    width: 500px;
    margin: 20px auto 0;
    z-index: 3;
}
.index_TIT_2 {
    position: relative;
    width: 560px;
    margin: 15px auto 0;
    z-index: 3;
}
.index_TIT_3 {
    position: relative;
    width: 730px;
    margin: 20px auto 0;
    z-index: 2;
}
.index_champion{
    position: relative;
    width:100%;
    height: 320px;
    margin:20px auto 0;    
}
.index_championPhoto{
    position:relative;
    margin:0 auto;
    width:700px;
    z-index: 1;
}
.index_championPhoto_left, .index_championPhoto_right {
    position: absolute;
    width: 260px;
    left: 0;
    top: 50%;
    z-index: 2;
    margin-top: -28px;
}
.index_championPhoto_right{   
    left:auto;
    right:0;
}

/*------------------------------ techWrap--------------------------------------*/

.techWrap{
	width:1200px;
	position: relative;	
	z-index: 1;
	margin:0 auto 0;
    padding-top: 50px;
    padding-bottom: 100px;
}
.techVideoWrap{
    position: relative;
    width:100%;
    height: 575px;
    margin:0 auto 50px;
}
.techVideoWrap main{
    position: relative;
    width:1075px;
    height: 100%;
    margin:0 auto;
    z-index: 2;   
}
.techVideoWrap .metal_border_left, .techVideoWrap .metal_border_right{
    bottom:auto;
    top:50%;
    margin-top: -29px;
}
.techVideo_Cube{
    position: absolute;
    width:76px;
    height: 76px;
    background-color: #f39800;
    z-index: 1;    
}
.techVideo_Cube_1{
    top:0;
    left:0;    
}
.techVideo_Cube_2{
    top:0;
    right:0;    
}
.techVideo_Cube_3{
    left:0;
    bottom:0;    
}
.techVideo_Cube_4{
    right:0;
    bottom:0;    
}
.video_bg{
    position: absolute;
    width:1045px;
    height: 545px;
    overflow: hidden;
    z-index: 2;
    border-radius: 50px;
    background-color: #000;
    top:50%;
    left:50%;
    margin:-272px 0 0 -522px;    
}
.tech_show {
    position: relative;
    width: 1040px;
    height: auto;   
    margin: 0 auto 0;
    overflow: hidden;
    border-radius: 12px;
}
.tech_show::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: #FFF 8px solid;
    border-radius: 12px;
    box-shadow: 0px 0px 5px 10px rgba(0,0,0,0.4) inset;
    left: 0;
    top: 0;
    z-index: 5;
}
.shoeTech_bg{
    position: absolute;
    z-index: 0;
    width:100%;
    top:0;
    left:0;    
}
.shoeTech_shoe {
    position: absolute;
    z-index: 2;
    width: 500px;
    top: 35px;
    left: -50px;
}
.tech_show main {
    position: relative;
    width: 580px;
    margin: 0 auto;
   /* border:#000 2px solid;*/
    left: 215px;
    padding-top: 40px;
    padding-bottom: 20px;
}
.shoeTech_TIT{
    position:relative;
    width:95%;
    margin:0 auto 35px;    
}
.shoeTech_cont{
    position:relative;
    width:90%;
    margin:0 auto 20px;    
}
.tech_show_bottom{
    position:relative;
    width:100%;
    height: 265px;
    margin:25px auto 0;
    background-color: #f39800;    
}
.shoeTech_bottomPhoto{
    position: absolute;
    width:300px;
    height: 230px;
    left:50%;
    top:50%;
    margin:-115px 0 0 -150px;    
}
.shoeTech_bottomPhoto_1 {
    margin: -115px 0 0 -510px;
}
.shoeTech_bottomPhoto_3 {
    margin: -115px 0 0 210px;
}
.shoeTech_bottomPhoto h3{
    position: absolute;
    width:100%;
    left:0;
    bottom:-85px;
}

/*------------------------------ wideFit_wrap--------------------------------------*/

.wideFit_wrap{
	width:1200px;
	position: relative;	
	z-index: 1;
	margin:0 auto 0;
    padding-top: 60px;
    padding-bottom: 65px;
}
.wideFit_wrap main{
    position: relative;
    width:1040px;
    margin:0 auto 0;
    background-color: #FFF;
    height: auto;
    padding-bottom: 50px;
}
.wideFit_TIT {
    position: relative;
    width: 510px; 
    margin: 0 auto 0;
    top: -32px;
}
.wideFit_1, .wideFit_2, .wideFit_3 {
    position: relative;
    width: 100%;
    height: 310px;
    margin: 30px auto 0;
}
.wideFit_1 h3, .wideFit_2 h3, .wideFit_3 h3{
    position: relative;
    width: 90%;
    margin: 0px auto 0;
}
.wideFit_prize_1, .wideFit_prize_2, .wideFit_prize_3 {
    position: absolute;
    width: 670px;
    bottom: 0;
    right: -80px;
    z-index: 0;
}
.wideFit_bg{
    width:100%;  
    height: 100%;
	position: absolute;		
	z-index: 0;
    left:0;
    top:0; 
    overflow: hidden;
}
.wideFit_bg span{
    width:100%;
    display: block;
}
.wideFit_shoe {
    position: absolute;
    width: 250px;
    right: 15px;   
    z-index: 3;
}
.wideFit_1 .wideFit_shoe {
    bottom: 45px;
}
.wideFit_2 .wideFit_shoe {
    bottom: 40px;
}
.wideFit_3 .wideFit_shoe {
    bottom: 45px;
}

/*------------------------------ bottomWrap--------------------------------------*/

.bottomWrap{
	width:1200px;
	position: relative;	
	z-index: 1;
	margin:0 auto 0;
    padding-top: 45px;
    padding-bottom: 25px;
}
.bottom_left_photo{
    position: absolute;
    width:550px;
    left:0;
    top:0;
    z-index: 1;    
}
.bottomWrap h3, .bottomWrap_a{    
    width:350px;
	position: relative;	
    z-index: 2;
	margin:0 auto 0;
}
.bottom_btnLink{
    position: relative;
    width:1040px;
    height: 315px;
    margin:50px auto 0; 
    z-index: 9;
}
.bottom_btnLink a{
    position: absolute;
    width:500px;    
}
.bottom_btnLink a span{
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%; 
    height: 100%;
    opacity: 1;
    z-index: 2;
}
.bottom_btnLink a span:nth-child(2){
    opacity: 0;
    z-index: 1;
}
.bottom_btnLink a:nth-child(1){
    left:0;
    top:0;    
}
.bottom_btnLink a:nth-child(2){
    right:0;
    top:0;    
}
.bottom_btnLink a:nth-child(3) {
    left: 0;
    top: 175px;
}
.bottom_btnLink a:nth-child(4) {
    right: 0;
    top: 175px;
}
.bottom_btnLink a:hover span:nth-child(1){    
    opacity: 0;
    z-index: 1;
}
.bottom_btnLink a:hover span:nth-child(2){    
    opacity: 1;
    z-index: 2;
}
.bottom_logo{
    display:block;
    position: relative;
    width:100%;    
    margin:60px auto 0;     
}
.bottom_logo span{
    display:block;
    position: relative;
    width:530px;    
    margin:0 auto 0;     
}

/*------------------------------ workFootWear_1--------------------------------------*/

.bodyBg1{
    background-color: #d4e9fe;    
}
.bodyBg2{
    background-color: #cab3a1;    
}
.bodyBg3{
    background-color: #e3fffc;    
}
.bodyBgAll {
    background-color: #8a8b8a;
}
.index_TIT_1.workFootWear_topTIT {   
    margin: 20px auto 40px;   
}
.workFootWear_topPhoto{
    position:relative;
    width:100%;
    margin:70px auto 0;    
}
.bodyBg1 .index, .bodyBg2 .index, .bodyBg3 .index, .bodyBgAll .index{
    padding-bottom: 0;    
}
.shoeIntroduceWrap.shoeIntroduceWrap_all .shoeIntroduceShow {
    border: #2c2e2b 6px solid;
}

/*------------------------------ shoeIntroduceWrap--------------------------------------*/

.shoeIntroduceWrap{
	width:1200px;
	position: relative;	
	z-index: 1;
	margin:0 auto 0;
    padding-top: 20px;    
}
.workFootWear_TIT {
    position: relative;
    width: 897px;
    margin: 20px auto 40px;
}
.workFootWear_TIT span {
    position: absolute;
    width: 125px;
    display: block;
    right: -20px;
    top: -30px;
}
.shoeIntroduceShow{
    position: relative;
    width:100%;
    height: auto;
    margin:0 auto 50px;
    border-radius: 30px;
    border:#4191e0 6px solid;
    background-color: #FFF;
    padding-top: 10px;
    padding-bottom: 25px;
}
.introduceTIT{
    position:relative;
    /*width:415px;*/
    width:240px;
    margin:0 auto 0;    
}
.shoeName{
    position:relative;
    width:640px;
    margin:10px auto 0;    
}
.introduce_shoe_1 {
    position: relative;
    width: 550px;
    margin: 50px auto 0;
}
.introduce_shoe_2 {
    position: relative;
    width: 570px;
    margin: 70px auto 50px;    
}
.shoeIntroduceShow_2 .introduce_shoe_2, .shoeIntroduceShow_3 .introduce_shoe_2, .shoeIntroduceShow_4 .introduce_shoe_2, .shoeIntroduceShow_5 .introduce_shoe_2 {        
    left: -35px;
}
.introduce_logo_show{
    position: relative;
    width:1100px;
    height: 85px;
    margin:0 auto 0;   
}
.introduce_icon{
    position:absolute;
    width:70px;
    bottom:0;
    left:0;    
}
.introduce_icon2{
    position:absolute;
    width:70px;
    bottom:0;
    left:80px;   
}
.introduce_icon3 {
    position: absolute;
    width: 70px;
    bottom: 0;
    left: 160px;
}
.introduce_logo_1{
    position: absolute;
    width:200px;
    bottom:0;
    left:90px;    
}
.introduce_logo_2 {
    position: absolute;
    width: 200px;
    bottom:0;
    left: 309px;
}
.introduce_logo_3 {
    position: absolute;
    width: 170px;
    bottom: -3px;
    left: 515px;
}
.introduce_price {
    position: absolute;
    width: 350px;
    bottom: 0;
    right: -15px;
}
.introduce_cont_show{
    position: absolute;
    width:1150px;
    height: 600px;
    /*border:#000 2px solid;*/
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.introduce_contLeft_1, .introduce_contLeft_2, .introduce_contLeft_3{
    position: absolute;
    width:359px;
    left:0;
    top:0;    
}
.introduce_contLeft_2 {
    top:50%;
    margin-top:50px;
}
.introduce_contRight_1, .introduce_contRight_2, .introduce_contRight_3, .introduce_contRight_4{
    position:absolute;
    width:367px;
    right:0;
    top:0;    
}
.introduce_contRight_2{
    top:50%;
    margin-top:-140px;
}
.introduce_contRight_3{   
    top:50%;
    margin-top:50px;
}
.introduce_contRight_4{
    top:auto;
    bottom:-35px;
}
.introduce_contLeft_3{
    top:auto;
    bottom:-62px;
}
.introduce_cont_bubble{
    position:absolute;
    width:357px;
    left:70px;
    bottom:-20px;      
}
.introduce_cont_show>div span{
    display: block;
    position: absolute;    
    height: 3px;
    background-color: #3e2822;   
    top:20px;    
}
.introduce_cont_show .introduce_contLeft_1 span, .introduce_cont_show .introduce_contLeft_2 span, .introduce_cont_show .introduce_contLeft_3 span, .introduce_cont_show .introduce_contLeft_4 span{  
    transform-origin: left center;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;     
}
.introduce_cont_show .introduce_contRight_1 span, .introduce_cont_show .introduce_contRight_2 span,
.introduce_cont_show .introduce_contRight_3 span, .introduce_cont_show .introduce_contRight_4 span{    
    transform-origin: right center;
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;      
}
.introduce_cont_show>div span:before{
    position: absolute;
    content:"";
    width:14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fa9737;    
    top:50%;
    margin-top: -7px;
}
.introduce_cont_show .introduce_contLeft_1 span:before, .introduce_cont_show .introduce_contLeft_2 span:before,
.introduce_cont_show .introduce_contLeft_3 span:before, .introduce_cont_show .introduce_contLeft_4 span:before{  
    right:0;  
}
.introduce_cont_show .introduce_contRight_1 span:before, .introduce_cont_show .introduce_contRight_2 span:before,
.introduce_cont_show .introduce_contRight_3 span:before, .introduce_cont_show .introduce_contRight_4 span:before{    
   left:0;
}
.introduce_cont_show .introduce_contLeft_1 span {
    width: 120px;
    right: -100px;
    transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
}
.introduce_cont_show .introduce_contLeft_2 span {
    width: 130px;
    right: -75px;
    transform: rotate(-55deg);
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
}
.introduce_cont_show .introduce_contLeft_1 span {
    width: 120px;
    right: -117px;
    transform: rotate(64deg);
    -webkit-transform: rotate(64deg);
    -moz-transform: rotate(64deg);
}
.introduce_cont_show .introduce_contRight_1 span {
    width: 200px;
    left: -186px;
    transform: rotate(-69deg);
    -webkit-transform: rotate(-69deg);
    -moz-transform: rotate(-69deg);
}
.introduce_cont_show .introduce_contRight_2 span {
    width: 230px;
    left: -155px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
}
.introduce_cont_show .introduce_contRight_3 span {
    width: 200px;
    left: -140px;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
}
.introduce_cont_show .introduce_contRight_4 span {
    width: 130px;
    left: -70px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
.shoeIntroduceShow_2 .introduce_cont_show .introduce_contLeft_1 span {
    right: -84px;
    width: 140px;
    transform: rotate(52deg);
    -webkit-transform: rotate(52deg);
    -moz-transform: rotate(52deg);
}
.shoeIntroduceShow_2 .introduce_cont_show .introduce_contRight_1 span{
    left: -135px;
}
.shoeIntroduceShow_2 .introduce_cont_show .introduce_contRight_3 span {    
    transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
}
.shoeIntroduceShow_3 .introduce_cont_show .introduce_contLeft_1 span {
    width: 160px;
    right: -75px;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
}
.shoeIntroduceShow_3 .introduce_contLeft_2 {
    margin-top: -135px;
}
.shoeIntroduceShow_3 .introduce_cont_show .introduce_contRight_3 span {
    width: 280px;
    left: -190px;
    transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
}
.shoeIntroduceShow_3 .introduce_cont_show .introduce_contRight_2 span {
    width: 105px;
    left: 20px;   
}
.shoeIntroduceShow_4 .introduce_contLeft_2, .shoeIntroduceShow_5 .introduce_contLeft_2 {
    width:400px;
}
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contLeft_1 span,
.shoeIntroduceShow_5 .introduce_cont_show .introduce_contLeft_1 span{
    width: 200px;
    right: -150px;
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
}
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contLeft_2 span,
.shoeIntroduceShow_5 .introduce_cont_show .introduce_contLeft_2 span{
    width: 80px;
    right: -70px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contRight_1 span {
    width: 310px;
    left: -170px;
    transform: rotate(-27deg);
    -webkit-transform: rotate(-27deg);
    -moz-transform: rotate(-27deg);
}
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contRight_2 span{
    width: 180px;
    left: -45px;
}
.shoeIntroduceShow_5 .introduce_cont_show .introduce_contRight_2 span {
    width: 200px;
    left: -50px;
    -moz-transform: rotate(-30deg);
}
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contRight_3 span,
.shoeIntroduceShow_5 .introduce_cont_show .introduce_contRight_3 span{
    width: 275px;
    left: -140px;
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
}

/*------------------------------ workFootWear_2--------------------------------------*/

.shoeIntroduceWrap.shoeIntroduceWrap_2 .shoeIntroduceShow {
    border: #835235 6px solid;
}
.shoeIntroduceWrap.shoeIntroduceWrap_2  .workFootWear_TIT span {   
    right: -50px;    
}
.introduce_cont_show .introduce_contLeft_3 span {
    width: 130px;
    right: -75px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
.shoeIntroduceShow_6 .introduce_cont_show .introduce_contLeft_1 span {
    width: 175px;
    right: -120px;
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
}
.shoeIntroduceShow_6 .introduce_cont_show .introduce_contRight_3 span {
    transform: rotate(17deg);
    -webkit-transform: rotate(17deg);
    -moz-transform: rotate(17deg);
}
.shoeIntroduceShow_6 .introduce_cont_show .introduce_contRight_1 span{
    width: 240px;
    left: -175px;
    transform: rotate(-69deg);
    -webkit-transform: rotate(-69deg);
    -moz-transform: rotate(-69deg);
}
.shoeIntroduceShow_6 .introduce_logo_1, .shoeIntroduceShow_7 .introduce_logo_1, .shoeIntroduceShow_8 .introduce_logo_1, .shoeIntroduceShow_9 .introduce_logo_1,
.shoeIntroduceShow_10 .introduce_logo_1, .shoeIntroduceShow_11 .introduce_logo_1{    
    left: 170px;
}
.shoeIntroduceShow_11 .introduce_logo_1{    
    left: 250px;
}
.shoeIntroduceShow_6 .introduce_logo_2, .shoeIntroduceShow_7 .introduce_logo_2, .shoeIntroduceShow_8 .introduce_logo_2, .shoeIntroduceShow_9 .introduce_logo_2,
.shoeIntroduceShow_10 .introduce_logo_2{
    left: 385px;
}
.shoeIntroduceShow_7 .introduce_shoe_1 {   
    left: 30px;
}
.shoeIntroduceShow_7 .introduce_cont_show .introduce_contRight_1 span,
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contRight_1 span{
    width: 200px;
    left: -140px;
}
.shoeIntroduceShow_7 .introduce_cont_show .introduce_contLeft_1 span {
    width: 190px;
    right: -174px;
    transform: rotate(37deg);
    -webkit-transform: rotate(37deg);
    -moz-transform: rotate(37deg);
}
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contLeft_1 span {
    width: 180px;
    right: -110px;
    transform: rotate(19deg);
    -webkit-transform: rotate(19deg);
    -moz-transform: rotate(19deg);
}
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contLeft_2 span {
    width: 145px;
    right: -125px;
    transform: rotate(-75deg);
    -webkit-transform: rotate(-75deg);
    -moz-transform: rotate(-75deg);
}
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contRight_3 span {
    width: 250px;
    left: -190px;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
}
.shoeIntroduceShow_10 .introduce_cont_show .introduce_contRight_3 span{
    width: 205px;
    left: -140px;
    transform: rotate(13deg);
    -webkit-transform: rotate(13deg);
    -moz-transform: rotate(13deg);
}
.shoeIntroduceShow_9 .introduce_cont_show .introduce_contRight_3 span{
    width: 205px;
    left: -140px;
    transform: rotate(13deg);
    -webkit-transform: rotate(13deg);
    -moz-transform: rotate(13deg);
}
.shoeIntroduceShow_9 .introduce_cont_show .introduce_contLeft_1 span {
    width: 150px;
    right: -95px;
    transform: rotate(46deg);
    -webkit-transform: rotate(46deg);
    -moz-transform: rotate(46deg);
}
.shoeIntroduceShow_9  .introduce_cont_show .introduce_contLeft_2 span {
    width: 190px;
    right: -55px;
    transform: rotate(-35deg);
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
}
.shoeIntroduceShow_10 .introduce_cont_show .introduce_contLeft_1 span {
    width: 190px;
    right: -131px;
    transform: rotate(8deg);
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
}
.shoeIntroduceShow_10 .introduce_cont_show .introduce_contLeft_2 span {
    width: 164px;
    right: -102px;
}
.shoeIntroduceShow_11 .introduce_cont_show .introduce_contRight_3{    
    width: 413px;    
}
.shoeIntroduceShow_11 .introduce_cont_show .introduce_contLeft_1 span {
    width: 160px;
    right: -100px;
    transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
}
.shoeIntroduceShow_11 .introduce_cont_show .introduce_contLeft_2 span {
    width: 195px;
    right: -75px;
    transform: rotate(-49deg);
    -webkit-transform: rotate(-49deg);
    -moz-transform: rotate(-49deg);
}
.shoeIntroduceShow_11 .introduce_cont_show .introduce_contRight_1 span {
    width: 340px;
    left: -280px;
    transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
}
.shoeIntroduceShow_11 .introduce_cont_show .introduce_contRight_3 span {
    width: 175px;
    left: -20px;
    transform: rotate(49deg);
    -webkit-transform: rotate(49deg);
    -moz-transform: rotate(49deg);
}
.introduce_shoe3 {
    position: absolute;
    width: 283px;
    right: 40px;
    top: 20px;
}
.shoeIntroduceShow_11 .introduce_contRight_4 {
    width: 190px;
    bottom: 20px;
}

/*------------------------------ workFootWear_3--------------------------------------*/

.shoeIntroduceWrap.shoeIntroduceWrap_3 .shoeIntroduceShow {
    border: #259c9b 6px solid;
}
.shoeIntroduceWrap.shoeIntroduceWrap_3 .workFootWear_TIT span {    
    width: 230px;    
    right: 10px;
    top: 0px;
}

/*------------------------------ bottomLinkWrap--------------------------------------*/

.bottomLinkWrap{
	width:1200px;
	position: relative;	
	z-index: 1;
	margin:0 auto 0;
    padding-top: 75px;
    padding-bottom: 45px;
}
.bottomLinkWrap .bottom_btnLink{
    position: relative;
    width:1110px;
    height: 140px;
    margin:45px auto 0; 
    z-index: 9;
}
.bottomLinkWrap .top_banner .topBanner_1{
    z-index: 4;    
}
.bottomLinkWrap .top_banner .topBanner_2{
    z-index: 3;    
}
.bottomLinkWrap .top_banner .topBanner_3{
    z-index: 2;     
}
.bottomLinkWrap .top_banner .topBanner_4{
    z-index: 1;     
}

/*---------------------------btn_sp---------------------------*/

.btn_sp {
    position: fixed !important;
    width: 130px;
    height: 120px;    
    bottom: 22px;
    left: 50%;
    margin-left: 599px;
    z-index: 999;
    overflow: hidden;
    visibility: visible !important;
}
.sp_bg {
    position: absolute;
    width: 165px;
    height: 105px;
    background-color: #231815;
    bottom: 0;
    right: 0;
    border-radius: 45px;
    z-index: 0;
}
.sp_bg span{
    width:27px;
    top:50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    position: absolute;
    right:0;
}
.sp_show {
    width: 90px;
    z-index: 2;
    top: 23px;
    left: 10px;   
}
.sp_show span {
    position: absolute;
    width: 75px;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    top: -15px;
    transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
}  
.btn_sp:hover .sp_show span{    
    transform: translateX(-50%) rotate(-7deg);
    -moz-transform: translateX(-50%) rotate(-7deg);
    -webkit-transform: translateX(-50%) rotate(-7deg);
}



/*------------------------------ transition---------------------------------*/

.btn_goTop, .btn_goTop span, .bottom_btnLink a span, .navWrap a, .bottom_btnLink_socialMedia a span, .sp_show span{	
	transition:all .4s;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
}

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

.loadingWrap{
    position: fixed;
    width:100%;
    height: 100%;
    left:0;
    top:0;
    z-index: 99999;
    background-color: #231815;	
}
.loadingWrap_kv{
    position: absolute;
    width:300px;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);    
}

/*------------------------------ mobile_menu---------------------------------*/

.navBtn {
    position: fixed;
    display: block;
    width: 120px;
    height: 95px;
    left: 50%;
    top: 0;    
    z-index: 1000;    
    display: none;    
    margin-left: 380px;
    outline: none;   
    background-color: rgba(37,156,155,.8);   
}
.navBtn span, .navBtn::before, .navBtn::after {
    position: absolute;
    width: 60%;
    height: 8px; 
    top:50%;
    left:20%;
    border-radius: 20px;
    background-color: #fff;
    transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
}
.navBtn span{
	display:block;	
	margin-top: -4px;
	z-index:1;	
}
.navBtn::before {
    content: "";
    z-index: 2;    
    margin-top: -25px;
}
.navBtn:after{
	content:"";
	z-index:3;
	 margin-top: 17px;
}
.mobile_menu{
	z-index:5000;
    position:fixed;
    width:100%;
    height: 100%;
    top:0;
    left:0;
    background-color: #231815;
    display: none;
}
.menuBar_m {
    position: absolute;
    width: 50%;
    height: 75%;
    left: 25%;
    top: 18%;
    border: #f7b032 8px solid;
}
.menuBar_m_TIT {
    position: absolute;
    width: 270px;
    left: 50%;
    margin-left: -135px;
    top: -134px;
    height: 140px;
    overflow: hidden;
    visibility: visible !important;
}
.menuBar_m ul{
	width:100%;
	height: 100%;
}
.menuBar_m li {
    width: 100%;
    height: 16.7%;
    position: relative;
    margin: 0 auto 0;
    border: #f7b032 8px solid;
}
.menuBar_m li a{
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left:0;
    display: block;
}
.menuBar_m li a span {
    display: block;
    width: 85%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}
.btn_menuBar_close {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    right: -50px;
    top: -100px;
    outline: none;
    border-radius: 50%;
    border: #f7b032 15px solid;
    visibility: visible !important;
}
.btn_menuBar_close::before, .btn_menuBar_close::after {
    content: "";
    position: absolute;
    height: 15px;
    left: 50%;
    border-radius: 20px;
    background-color: #fff;
    transform-origin: center center;
    -moz-transform-origin: center center;
    -webkit-transform-origin: center center;
    margin-left: -30px;
    width: 60px;
    top: 50%;
    margin-top: -8px;
}
.btn_menuBar_close:before{	
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);	
}
.btn_menuBar_close:after{	
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);	
}

/*------------------------------ socialMedia 12.14---------------------------------*/

.bottom_btnLink_socialMedia {
    position: relative;
    width: 380px;
    height: 80px;
    margin: 60px auto 0;
    /*border: #FFF 2px solid;*/
}
.bottom_btnLink_socialMedia a{
    width:80px;
    height: 80px;
    position: absolute;
    top:0;    
}
.bottom_btnLink_socialMedia a.bottom_icon_facebook{
    left:50%;
    margin-left: -90px;
}
.bottom_btnLink_socialMedia a.bottom_icon_youtube{
    left:50%;
    margin-left: 10px;
}
.bottom_btnLink_socialMedia a.bottom_icon_instagram{
    left:0;    
}
.bottom_btnLink_socialMedia a.bottom_icon_goTop{
    right:0;    
}
.bottom_btnLink_socialMedia a span{
    position: absolute;
    width:100%;
    height: 100%;
    top:0; 
    left:0;
    opacity: 1;
    z-index: 2;
}
.bottom_btnLink_socialMedia a span:nth-child(2){
    opacity: 0;
    z-index: 1;
}
.bottom_btnLink_socialMedia a:hover span:nth-child(1){    
    opacity: 0;
    z-index: 1;
}
.bottom_btnLink_socialMedia a:hover span:nth-child(2){    
    opacity: 1;
    z-index: 2;
}

/*----------------------------------20210107-0108 修正調整內容------------------------------------------*/

.shoeIntroduceShow.shoeIntroduceShow_6 .introduce_contLeft_2 span {
    width: 100px;
    right: -90px;
}
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contRight_1 span {
    width: 230px;
    left: -170px;
}
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contLeft_1 span {
    width: 210px;
    right: -145px;   
}
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contLeft_2 span {
    width: 120px;
    right: -115px;  
}
.shoeIntroduceShow_10 .introduce_cont_show .introduce_contLeft_2 span {
    width: 130px;
    right: -75px;
}
.shoeIntroduceShow_10 .introduce_cont_show .introduce_contLeft_1 span {  
    transform: rotate(13deg);
    -webkit-transform: rotate(13deg);
    -moz-transform: rotate(13deg);
}
.shoeIntroduceShow_2 .introduce_cont_show .introduce_contRight_1 span {
    left: -154px;
    width: 217px;
}
.shoeIntroduceShow_3 .introduce_cont_show .introduce_contRight_2 span {
    width: 126px;
    left: -11px;
}
.introduce_contLeft_4 {
    position: absolute;
    width: 359px;
    left: 0;    
    top: 50%;
    margin-top: -145px;
}
.introduce_contLeft_4 span {
    width: 250px;
    right: -119px;
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
}
.shoeIntroduceShow.shoeIntroduceShow_1 .introduce_logo_1, .shoeIntroduceShow.shoeIntroduceShow_6 .introduce_logo_1,
.shoeIntroduceShow.shoeIntroduceShow_7 .introduce_logo_1, .shoeIntroduceShow.shoeIntroduceShow_8 .introduce_logo_1{   
    width: 240px;
    bottom: -7px;
    left: 80px;
}
.shoeIntroduceShow.shoeIntroduceShow_6 .introduce_logo_1, .shoeIntroduceShow.shoeIntroduceShow_7 .introduce_logo_1, .shoeIntroduceShow.shoeIntroduceShow_8 .introduce_logo_1 {   
    left: 165px;
}
.shoeIntroduceShow.shoeIntroduceShow_1 .introduce_logo_2 {   
    left: 335px;
}
.shoeIntroduceShow_6 .introduce_logo_2, .shoeIntroduceShow_7 .introduce_logo_2, .shoeIntroduceShow_8 .introduce_logo_2{
    left: 420px;
}
.shoeIntroduceShow.shoeIntroduceShow_1 .introduce_logo_3 {   
    left: 540px;
}
.shoeIntroduceShow_2 .introduce_cont_show .introduce_contLeft_2 span {
    width: 130px;
    right: -90px;   
}
.shoeIntroduceShow_7 .introduce_cont_show .introduce_contLeft_1 span {
    width: 190px;
    right: -185px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

/*----------------------------------20210115 修正調整內容------------------------------------------*/

.shoeIntroduceShow.shoeIntroduceShow_4 .introduce_logo_1, .shoeIntroduceShow.shoeIntroduceShow_5 .introduce_logo_1 {
    position: absolute;
    width: 666px;
}