/* ----------------------------------------------------------寬度 1450px 設定-------------------------------------------------*/
@media screen and (max-width: 1450px){	

.btn_sp {   
    width: 110px;
    height: 120px;
    bottom: 20px;    
    margin-left: 600px;   
}
.sp_show {
    width: 70px;    
    top: 38px;    
}    
.sp_show span {    
    width: 65px;
    left: 52%;    
    top: -14px;   
}  
    
/* ----------------------------------------------------------寬度 1400px 設定-------------------------------------------------*/
@media screen and (max-width: 1400px){	

.btn_sp .sp_bg span{
    display: none!important;
}
.btn_sp {
    width: 110px;
    height: 110px;
    bottom: 20px;
    margin-left: 600px;
    left: auto;
    margin-left: auto;
    right: 5px;
    bottom: 10px;
}
.sp_bg {
   
    width: 110px;
    height: 110px;   
    border-radius: 50%;    
}
.sp_show {
    top: 24px;
    left: 20px;
}

/* ----------------------------------------------------------寬度 1350px 設定-------------------------------------------------*/
@media screen and (max-width: 1350px){	
    
.index, .techWrap, .wideFit_wrap, .bottomWrap, .shoeIntroduceWrap, .bottomLinkWrap {
    width:1100px;  
    overflow-x: hidden;
}
.top_banner {    
    height: 357px;
    margin: 30px auto 0;   
}
.topBanner_1, .topBanner_2, .topBanner_3, .topBanner_4 {   
    width: 350px;   
}
.topBanner_1 {
    margin-left: -544px;   
}
.topBanner_2 {
    margin-left: -305px;   
}    
.topBanner_4 {
    margin-left: 173px;
}       
.banner_fixed{    
    top:-30px; 
}   
.index_bg span, .wideFit_bg span {
    width: 1200px;  
    left: 50%;
    margin-left: -600px;
    top: 0;
    position: absolute;
}    
.bottomLinkWrap {    
    padding-top: 10px;   
}    
.bottomLinkWrap .bottom_btnLink {    
    width: 1050px;    
}    
.introduce_logo_show {   
    width: 1000px;   
}
.introduce_price {   
    width: 300px;    
}
.wideFit_1, .wideFit_2, .wideFit_3 {   
    overflow: hidden;
}
.introduce_cont_show {
    width: 1000px;
    height: 570px;
    top: 52%;
} 
.introduce_shoe_1 {    
    width: 500px;
    margin: 80px auto 0;
}
.introduce_shoe_2 {
    width: 520px;
    margin: 40px auto 20px;
}
.shoeIntroduceWrap_1 .shoeIntroduceShow_1 .introduce_shoe_2 {   
    left: -20px;
}
.introduce_cont_bubble {
    left: 25px;
}  
.introduce_contLeft_1, .introduce_contLeft_2, .introduce_contLeft_3 {   
    width: 340px;  
}    
.introduce_contRight_1, .introduce_contRight_2, .introduce_contRight_3, .introduce_contRight_4 {   
    width: 348px;    
}    
.shoeIntroduceShow_1 .introduce_cont_show .introduce_contLeft_1 span {
    width: 140px;
    right: -137px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}   
.shoeIntroduceShow_1 .introduce_cont_show .introduce_contLeft_2 span {
    width: 105px;
    right: -55px;  
}    
.shoeIntroduceShow_1 .introduce_cont_show .introduce_contRight_1 span {
    width: 225px;
    left: -210px;
    transform: rotate(-80deg);
    -webkit-transform: rotate(-80deg);
    -moz-transform: rotate(-80deg);
}    
.introduce_contRight_2 {    
    margin-top: -115px;
}   
.shoeIntroduceShow_1 .introduce_cont_show .introduce_contRight_2 span {
    width: 170px;
    left: -105px;
    transform: rotate(-43deg);
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
}
.shoeIntroduceShow_1 .introduce_cont_show .introduce_contRight_3 span {
    width: 225px;
    left: -165px;
    transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
}    
.shoeIntroduceShow_2 .introduce_cont_show .introduce_contLeft_1 span {
    width: 155px;
    right: -100px;
    transform: rotate(74deg);
    -webkit-transform: rotate(74deg);
    -moz-transform: rotate(74deg);
}   
.shoeIntroduceShow_2 .introduce_cont_show .introduce_contRight_1 span {
    left: -180px;
    width: 250px;
}    
.shoeIntroduceShow_2 .introduce_cont_show .introduce_contRight_3 span {
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    width: 162px;
    left: -100px;
}    
.shoeIntroduceShow_2 .introduce_cont_show .introduce_contLeft_2 span {
    width: 80px;
    right: -50px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}    
.shoeIntroduceShow_3 .introduce_cont_show .introduce_contLeft_1 span {   
    transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
}    
.shoeIntroduceShow_3 .introduce_cont_show .introduce_contRight_2 span {
    transform: rotate(-28deg);
    -webkit-transform: rotate(-28deg);
    -moz-transform: rotate(-28deg);
}    
.shoeIntroduceShow_3 .introduce_cont_show .introduce_contRight_3 span {
    width: 260px;
    left: -165px;
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
}   
.shoeIntroduceShow_4 .introduce_contLeft_2, .shoeIntroduceShow_5 .introduce_contLeft_2 {
    width: 375px;
}    
.shoeIntroduceShow_4 .introduce_shoe_1, .shoeIntroduceShow_5 .introduce_shoe_1{
    top:-30px;
}    
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contLeft_2 span, .shoeIntroduceShow_5 .introduce_cont_show .introduce_contLeft_2 span {
    width: 60px;
    right: -50px;   
}    
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contLeft_1 span{
    width: 150px;
    right: -95px;
    transform: rotate(69deg);
    -webkit-transform: rotate(69deg);
    -moz-transform: rotate(69deg);
}    
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contRight_1 span {
    width: 273px;
    left: -135px;
    transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
}  
.shoeIntroduceShow_4 .introduce_contRight_2 {
    margin-top: -140px;
}    
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contRight_2 span {
    width: 135px;
    left: 2px;
    -moz-transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
}    
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contRight_3 span, .shoeIntroduceShow_5 .introduce_cont_show .introduce_contRight_3 span {
    width: 250px;
    left: -110px;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}    
.shoeIntroduceShow_5 .introduce_cont_show .introduce_contLeft_1 span {
    width: 145px;
    right: -90px;
    transform: rotate(70deg);
    -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
}    
.shoeIntroduceShow_6 .introduce_cont_show .introduce_contLeft_1 span {
    transform: rotate(53deg);
    -webkit-transform: rotate(53deg);
    -moz-transform: rotate(53deg);
    width: 160px;
    right: -105px;
} 
.introduce_cont_show .introduce_contLeft_2 span {
    width: 80px;
    right: -25px;  
}    
.shoeIntroduceShow_6 .introduce_shoe_1{
    left:-25px;
}    
.shoeIntroduceShow.shoeIntroduceShow_6 .introduce_contLeft_2 span {
    width: 34px;
    right: -28px;
}
.shoeIntroduceShow_6 .introduce_cont_show .introduce_contRight_3 span {
    transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
}    
.shoeIntroduceShow_6 .introduce_cont_show .introduce_contRight_1 span {
    width: 284px;
    left: -215px;
}   
.shoeIntroduceShow_6 .introduce_shoe_2, .shoeIntroduceShow_7 .introduce_shoe_2, .shoeIntroduceShow_8 .introduce_shoe_2,
.shoeIntroduceShow_9 .introduce_shoe_2, .shoeIntroduceShow_10 .introduce_shoe_2, .shoeIntroduceShow_11 .introduce_shoe_2{
    width: 475px;
    left: 15px;
}
.shoeIntroduceShow_7 .introduce_shoe_1{
    top:-25px;
}      
.shoeIntroduceShow_7 .introduce_cont_show .introduce_contRight_3 span {    
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
}    
.shoeIntroduceShow_7 .introduce_cont_show .introduce_contLeft_1 span {   
    transform: rotate(55deg);
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(55deg);
}    
.shoeIntroduceShow_8 .introduce_shoe_1{
    margin: 150px auto 0;
    top: -35px;
    left: 15px;
}
.shoeIntroduceShow_9 .introduce_shoe_1, .shoeIntroduceShow_10 .introduce_shoe_1, .shoeIntroduceShow_11 .introduce_shoe_1 {   
    top: -60px;  
    margin: 150px auto 0;
    left: 15px;
}
.shoeIntroduceShow_8 .introduce_shoe_2, .shoeIntroduceShow_9 .introduce_shoe_2, .shoeIntroduceShow_10 .introduce_shoe_2, .shoeIntroduceShow_11 .introduce_shoe_2{
    top: -35px; 
} 
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contLeft_2 span {
    width: 75px;
    right: -70px;
}   
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contLeft_1 span {
    width: 190px;
    right: -128px;
    transform: rotate(34deg);
    -webkit-transform: rotate(34deg);
    -moz-transform: rotate(34deg);
}   
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contRight_3 span {
    width: 150px;
    left: -90px;
}
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contRight_1 span {
    width: 250px;
    left: -170px;
}    
.shoeIntroduceShow_9 .introduce_cont_show .introduce_contRight_3 span{
    transform: rotate(9deg);
    -webkit-transform: rotate(9deg);
    -moz-transform: rotate(9deg);
}    
.shoeIntroduceShow_9 .introduce_cont_show .introduce_contLeft_2 span {
    width: 165px;
    right: -20px;   
}    
.shoeIntroduceShow_9 .introduce_cont_show .introduce_contLeft_1 span {
    width: 150px;
    right: -95px;
    transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
}    
.shoeIntroduceShow_10 .introduce_cont_show .introduce_contRight_3 span{
    transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -moz-transform: rotate(7deg);
}      
.shoeIntroduceShow_10 .introduce_cont_show .introduce_contLeft_2 span {
    width: 110px;
    right: -50px;
}
.shoeIntroduceShow_10 .introduce_cont_show .introduce_contLeft_1 span {
    width: 155px;
    right: -108px;
    transform: rotate(31deg);
    -webkit-transform: rotate(31deg);
    -moz-transform: rotate(31deg);
}
.shoeIntroduceShow_11 .introduce_cont_show .introduce_contLeft_2 span {
    width: 160px;
    right: -40px;   
}
.shoeIntroduceShow_11 .introduce_cont_show .introduce_contLeft_1 span {   
    transform: rotate(67deg);
    -webkit-transform: rotate(67deg);
    -moz-transform: rotate(67deg);
}    
.introduce_contLeft_4 span {
    width: 173px;
    right: -34px;
    transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -moz-transform: rotate(15deg);
}
.shoeIntroduceShow_11 .introduce_cont_show .introduce_contRight_1 span {
    width: 300px;
    left: -223px;
    transform: rotate(-14deg);
    -webkit-transform: rotate(-14deg);
    -moz-transform: rotate(-14deg);
}    
.shoeIntroduceShow_11 .introduce_cont_show .introduce_contRight_3 {
    width: 390px;
}    
.shoeIntroduceShow_11 .introduce_cont_show .introduce_contRight_3 span {
    width: 110px;
    left: 45px;   
}  
.techWrap .metal_border_right span {
    right: -17px;
}
.techWrap .metal_border_left span {
    left: -17px;
}
.index_championPhoto_left{
    left: -55px;   
}
.index_championPhoto_right {
   right: -55px;   
}
.shoeIntroduceShow.shoeIntroduceShow_4 .introduce_logo_1, .shoeIntroduceShow.shoeIntroduceShow_5 .introduce_logo_1 {   
    width: 600px;   
}
    
}
/* ----------------------------------------------------------寬度 1250px 設定-------------------------------------------------*/
@media screen and (max-width: 1250px){	

.btn_sp{
    display: none !important;        
}
.navWrap a:nth-child(6){    
    display: block !important; 
}
.navWrap {   
    margin-top: -216px;
}
.articlaNav {   
    height: 460px;  
    margin-top: -220px;    
}
    
}
/* ----------------------------------------------------------寬度 1200px 設定-------------------------------------------------*/
@media screen and (max-width: 1200px){	

.index {   
    padding-top: 65px;  
}
.banner_fixed {
    top: -65px;
}    
    
}
/* ----------------------------------------------------------寬度 1100px 設定-------------------------------------------------*/
@media screen and (max-width: 1100px){

.articlaNav {
    display: none;
}
.navBtn{
    display: block;  
}    
.index, .techWrap, .wideFit_wrap, .bottomWrap, .shoeIntroduceWrap, .bottomLinkWrap {
    width: 1000px;    
}
.techVideoWrap main {   
    width: 1000px;  
}    
.video_bg {    
    width: 1000px;
    height: 540px;    
    border-radius: 25px;   
    margin: -270px 0 0 -500px;
}    
.techWrap .metal_border_right span, .techWrap .metal_border_right span {
    display: none;
}
.tech_show {    
    width: 1000px;  
    border-radius: 0;
} 
.tech_show::before {    
    border-radius: 0;
    box-shadow: 0px 0px 5px 10px rgba(0,0,0,0.4) inset;    
}    
.shoeTech_TIT {    
    width: 90%;   
}    
.shoeTech_bottomPhoto_1 {
    margin: -115px 0 0 -475px;
}    
.shoeTech_bottomPhoto_3 {
    margin: -115px 0 0 175px;
}    
.wideFit_wrap main {   
    width: 1000px;   
}    
.bottom_btnLink {   
    width: 970px;   
}    
.bottom_btnLink a {   
    width: 470px;
}    
.wideFit_wrap {   
    padding-bottom: 0;
}   
.shoeName {   
    width: 600px;    
}    
.introduce_logo_show {
    width: 930px;
}    
.introduce_logo_1 {   
    width: 170px;    
    left: 90px;
}    
.introduce_logo_2 {   
    width: 170px;   
    left: 280px;
}    
.introduce_logo_3 {    
    width: 160px;    
    left: 455px;
}    
.workFootWear_TIT {   
    width: 800px;   
}    
.workFootWear_TIT span {   
    width: 100px;   
    right: -5px;
    top: -20px;
}    
.bottomLinkWrap .bottom_btnLink {
    width: 970px;
}    
.shoeIntroduceShow_9 .introduce_logo_2, .shoeIntroduceShow_10 .introduce_logo_2 {
    left: 355px;
}  
.shoeIntroduceShow.shoeIntroduceShow_1 .introduce_logo_1, .shoeIntroduceShow.shoeIntroduceShow_6 .introduce_logo_1, .shoeIntroduceShow.shoeIntroduceShow_7 .introduce_logo_1, .shoeIntroduceShow.shoeIntroduceShow_8 .introduce_logo_1 {   
    bottom: -13px;   
}
.shoeIntroduceWrap.shoeIntroduceWrap_3 .workFootWear_TIT span {
    width: 200px;   
}    
.introduce_cont_show {
    width: 950px;
    height: 570px;
    top: 53%;
}    
.introduce_shoe_1 {
    width: 470px;
    margin: 110px auto 0;
}
.introduce_shoe_2 {
    width: 480px;
    margin: 70px auto 20px;
}    
.introduce_contLeft_1, .introduce_contLeft_2, .introduce_contLeft_3 {
    width: 320px;
}    
.introduce_contRight_1, .introduce_contRight_2, .introduce_contRight_3, .introduce_contRight_4 {
    width: 328px;
}    
.introduce_cont_bubble {
    left: 30px;
    width: 320px;
}    
.introduce_cont_show {   
    top: 52%;
}    
.shoeIntroduceShow_1 .introduce_cont_show .introduce_contLeft_1 span {   
    transform: rotate(85deg);
    -webkit-transform: rotate(85deg);
    -moz-transform: rotate(85deg);
}
.shoeIntroduceShow_1 .introduce_cont_show .introduce_contRight_3 span {
    width: 170px;
    left: -115px;
    transform: rotate(4deg);
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
}   
.shoeIntroduceShow_2 .introduce_cont_show .introduce_contRight_3 span {
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);  
}    
.shoeIntroduceShow_3 .introduce_cont_show .introduce_contLeft_1 span {
    width: 150px;   
    transform: rotate(65deg);
    -webkit-transform: rotate(65deg);
    -moz-transform: rotate(65deg);
}   
.shoeIntroduceShow_3 .introduce_cont_show .introduce_contRight_3 span {
    width: 235px;
    left: -145px;
    transform: rotate(16deg);
    -webkit-transform: rotate(16deg);
    -moz-transform: rotate(16deg);
}    
.shoeIntroduceShow_4 .introduce_contLeft_2, .shoeIntroduceShow_5 .introduce_contLeft_2 {
    width: 355px;
}    
.shoeIntroduceShow_4 .introduce_shoe_1, .shoeIntroduceShow_5 .introduce_shoe_1 {
    top: -20px;
    left: -10px;
}   
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contRight_2 span {
    width: 160px;
    left: -30px;    
}
.shoeIntroduceShow_4 .introduce_cont_show .introduce_contRight_3 span{
    transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
}    
.shoeIntroduceShow.shoeIntroduceShow_6 .introduce_contLeft_2 span {
    width: 56px;
    right: -49px;
}
.shoeIntroduceShow_7 .introduce_cont_show .introduce_contRight_3 span {
    transform: rotate(23deg);
    -webkit-transform: rotate(23deg);
    -moz-transform: rotate(23deg);
    width: 180px;
    left: -116px;
}    
.shoeIntroduceShow_8 .introduce_shoe_1 {    
    top: -5px;
    left: 15px;
    margin: 110px auto 0;
}    
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contRight_3 span {   
    transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
}    
.shoeIntroduceShow_8 .introduce_cont_show .introduce_contLeft_2 span {
    width: 90px;
    right: -85px;
} 
.shoeIntroduceShow_8 .introduce_shoe_2, .shoeIntroduceShow_9 .introduce_shoe_2, .shoeIntroduceShow_10 .introduce_shoe_2, .shoeIntroduceShow_11 .introduce_shoe_2 {
    top: auto;
}    
.shoeIntroduceShow_9 .introduce_shoe_1, .shoeIntroduceShow_10 .introduce_shoe_1, .shoeIntroduceShow_11 .introduce_shoe_1 {
    top: auto;
    margin: 110px auto 0;
    left: 15px;
}    
.shoeIntroduceShow_9 .introduce_shoe_2 {
    left: 5px;
}     
.shoeIntroduceShow_9 .introduce_cont_show .introduce_contLeft_1 span {
    width: 165px;
    right: -116px;
    transform: rotate(65deg);
    -webkit-transform: rotate(65deg);
    -moz-transform: rotate(65deg);
}
.shoeIntroduceShow_10 .introduce_cont_show .introduce_contLeft_1 span {   
    right: -110px;
    transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
}  
.shoeIntroduceShow_11 .introduce_contRight_4 {   
    bottom: 50px;
}
.introduce_shoe3 {
    position: absolute;
    width: 240px;
    right: 10px;
    top: 40px;
}
.index_championPhoto_left{
    left: -100px;   
}
.index_championPhoto_right {
   right: -100px;   
} 
.shoeIntroduceShow.shoeIntroduceShow_1 .introduce_logo_3 {
    left: 515px;
}
.shoeIntroduceShow.shoeIntroduceShow_1 .introduce_price,
.shoeIntroduceShow.shoeIntroduceShow_4 .introduce_price,
.shoeIntroduceShow.shoeIntroduceShow_5 .introduce_price{
    width: 255px;
}
  
}
/* ----------------------------------------------------------寬度 1000px 設定-------------------------------------------------*/
@media screen and (max-width: 1000px){	
    
.loadingWrap_kv {   
    width: 550px;    
    top: 45%;    
}
.index_TIT_1 {
    position: relative;
    width: 600px;
    margin: 50px auto 0;    
}
.index_TIT_2 {   
    width: 700px;   
}    
.index_TIT_3 {   
    width: 950px;
    margin: 40px auto 40px;   
}    
.index_championPhoto {   
    width: 900px;    
}    
.index_championPhoto_left{
    left: -200px;   
}
.index_championPhoto_right {
   right: -200px;   
}    
.index_champion {   
    height: 420px;   
}  
.shoeTech_TIT {
    width: 685px;
    left: -30px;
    margin: 0 auto 20px;
}
.shoeTech_shoe {
    width: 450px;
    top: 101px;
    left: -82px;
}
.tech_show main {    
    width: 650px;   
    left: 170px;   
}
.shoeTech_cont {   
    width: 95%;   
}
.techWrap{
    background-color: #1b1f1e;        
}
.wideFit_1 h3, .wideFit_2 h3, .wideFit_3 h3 {   
    width: 95%;    
}
.menuBar_m {   
    width: 80%;
    height: 60%;
    left: 10%;
    top: 20%;  
}
.menuBar_m_TIT {
    width: 400px;
    margin-left: -200px;
    top: -235px;
    height: 200px;
}
.menuBar_m li {
    height: 16.7%;
}
.menuBar_m li a span{    
    width: 98%; 
}
.btn_menuBar_close {
    width: 150px;
    height: 150px;
    right: -75px;
    top: -145px;
}
.btn_menuBar_close::before, .btn_menuBar_close::after {
    height: 10px;
    margin-left: -43px;
    width: 86px;
    margin-top: -3px;
}

   
 
}