

@media screen and (max-width:1300px){
.video_shoes {    
    width: 265px;
    top: -125px;
    left: -105px;  
}
}
@media screen and (max-width:1250px){
.indexWrap main {   
    top: 60%;    
}
.btn_goTop {
    left: auto;
    margin-left: auto;
	right:25px;
}
}
@media screen and (max-width:1200px){
.indexWrap main {   
    top: 60%;    
}
.productShow_characters, .productShow_name{
	display:none;
}
.productsShow_all {   
    margin-left: -790px;
}
}
@media screen and (max-width:1100px){
.video_shoes {    
    display:none;
}
}
@media screen and (max-width:1000px){
.popup_successBg {  
    padding-left: 125px;
}
.success_cont {    
    z-index: 5;
}
.success_law {   
    left: -80px;   
}
.middle {   
    left: 50%;
    margin-left: -550px;
}
.middle2 {
    width: 1500px;
    left: 50%;
    margin-left: -750px;  
}
.productsShow_2 .productShow_shoes {
    width: 585px;
    top: 120px;
    left: 350px;
}
.productsShow_3 .productShow_shoes {
    width: 620px;
    top: 80px;
    left: 335px;
}
.productsShow_6 .productShow_shoes {
    width: 590px;
    top: 130px;
    left: 335px;
}
.productsShow_7 .productShow_shoes {
    width: 600px;
    top: 110px;
    left: 335px;
}
.productsShow_8 .productShow_shoes {
    width: 620px;
    top: 110px;
    left: 310px;
}
.nav_top {
    width: 850px;  
}
.indexWrap main li {   
    width: 25%;
    height: 850px;   
}
.productsShow_all {   
    margin-left: -805px;
}
.productsShow_all.productsShow_2 {
    margin-left: -835px;
}
.productsShow_all.productsShow_3 {
    margin-left: -825px;
}
.productsShow_all.productsShow_4{
    margin-left: -775px;
}
.productsShow_all.productsShow_6 {   
    margin-left: -820px;
}
.productsShow_1:before, .productsShow_2:before, .productsShow_3:before, .productsShow_4:before,
.productsShow_5:before, .productsShow_6:before, .productsShow_7:before, .productsShow_8:before{
	position:absolute;
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 210px 801px 0;	
	top:0;
	right:0;	
}
.productsShow_1:before{	
	border-color: transparent #aa242d transparent transparent;		
}
.productsShow_2:before{	
	border-color: transparent #984a96 transparent transparent;		
}
.productsShow_3:before{	
	border-color: transparent #772031 transparent transparent;		
}
.productsShow_4::before {
    border-color: transparent #f8a024 transparent transparent;
    border-width: 0 210px 777px 0;
}
.productsShow_5:before{	
	border-color: transparent #da9332 transparent transparent;	
	border-width: 0 215px 810px 0;
}
.productsShow_6:before{		
	border-color: transparent #db9634 transparent transparent;		
}
.productsShow_7:before{	
	border-color: transparent #a0cff0 transparent transparent;		
}
.productsShow_8:before{	
	border-color: transparent #984b95 transparent transparent;	
}
}
@media screen and (max-width:960px){
.indexWrap h1 {    
    top: 230px;
}
.index_logo_skechers {   
    top: 180px;    
}
.index_logo_onepiece {   
    top: 154px;    
}
.navBtn{
	display:block;
}
header{
	position:absolute;
	width:auto;
	height: auto;
	z-index:98;	
}
.nav_top{
	width:100%;
	height:100%;
	position:fixed !important;
	background-color:#000;
	z-index:49;
	top:0;
	left:0;
	display:none;
	overflow:hidden;
}
.nav_top ul {
	width: 80% !important;
	height: 80% !important;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    top: 100px;    
	display:block !important;
	justify-content: unset !important;	
}
.nav_top li {
    position: relative;
    float: none;
    width: 100%!important;
    height: 20%;    
}
.nav_top li a {
    position: relative;
    width: 100%!important;
    height: 100%;
    background-image: none;
    display: flex;
    font-size: 50px !important;
    color: #FFF !important;
    font-weight: bolder;   
    font-family: "微軟正黑體";
	align-items: center;
    justify-content: center;
}
.nav_top li a:hover {
    color: #FF0 !important;
	text-decoration:none !important;
}
.nav_top li::before {   
    display:none;
}
.indexWrap main {
    top: 47%;
    height: 75%;
}
.indexWrap main li {
    width: 25%;
    height: 450px;
}
.index_gradient {   
    height: 130%;   
    top: -17%;	
}
.indexWrap main li{
   height: 600px;
}
.indexWrap main li:nth-child(5) .index_shoes,
.indexWrap main li:nth-child(6) .index_shoes,
.indexWrap main li:nth-child(7) .index_shoes,
.indexWrap main li:nth-child(8) .index_shoes{
   top:35%
}
/*.indexWrap main li:nth-child(5) .index_texture,
.indexWrap main li:nth-child(6) .index_texture,
.indexWrap main li:nth-child(7) .index_texture,
.indexWrap main li:nth-child(8) .index_texture{
   top: -55%;
}*/
.indexWrap main li:nth-child(5) .index_characters,
.indexWrap main li:nth-child(7) .index_characters,
.indexWrap main li:nth-child(8) .index_characters {   
    margin-top: -120%;
}
.indexWrap main li:nth-child(6) .index_characters {   
    margin-top: -135%;
}
.nav_top li:nth-child(6) {
    display: block;
    position: absolute;
    width: 551px !important;
    left: -230px;    
    top: 50%;
    margin-top: -120px;   
    z-index: 0;
}
}
