/* 商品輪播目錄內容 */
.promanu-by {
 border: 1px solid #D5D5D5;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
 border-radius: 3px;
 padding: 0rem 0rem 0.5rem 0rem; 
 margin: 0rem;
 }
.promanu-by:hover {
 border: 1.5px solid #F08B03;    
 }
.promanu-mo1 {
 width: ;
 height: 4.6rem;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.4rem 0.5rem 0.6rem; 
 margin: 0rem 0rem 0.1rem 0rem;
 }	
.promanu-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.5rem 0.3rem; 
 margin: 0rem;
 height: ;
 }	

.promanu-name {
 font-size: 1rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.0rem 0rem;
}	
.promanu-txt {
  font-size: 0.85rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #464646;
 line-height: 1.19rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.pro-btn01 {
  border: none;
  color: #E62424;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.35rem 0.5rem;
  margin: 0.4rem 0.4rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #E62424;
  border-radius: 0.3rem;
}
.pro-btn01:hover {  
 color: #fff;
 border: 1px solid #E62424;
 background-color: #E62424;
}
.pro-btn02 {
  border: none;
  color: #1A4CAD;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.4rem  0.4rem;
  margin: 0.2rem 0.2rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #1A4CAD;
  border-radius: 0.3rem;
}
.pro-btn02:hover {  
 color: #fff;
 border: 1px solid #1A4CAD;
 background-color: #1A4CAD;
}

@media (min-width: 600px) and (max-width: 800px) {
.promanu-by {
 border: 0.1px solid #D5D5D5;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
 border-radius: 3px;
 padding: 0rem 0rem 0.5rem 0rem; 
 margin: 0rem;
 }
.promanu-by:hover {
 border: 1.5px solid #F08B03;    
 }
.promanu-mo1 {
 width: ;
 height: 4.6rem;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.4rem 0.5rem 0.6rem; 
 margin: 0rem 0rem 0.1rem 0rem;
 }	
.promanu-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.5rem 0.3rem; 
 margin: 0rem;
 height: ;
 }	

.promanu-name {
 font-size: 1.0rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.0rem 0rem;
}	
.promanu-txt {
  font-size: 0.8rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #464646;
 line-height: 1.19rem;/* 行間 */
 letter-spacing: 1.5px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.pro-btn01 {
  border: none;
  color: #E62424;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.35rem 0.5rem;
  margin: 0.4rem 0.4rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #E62424;
  border-radius: 0.3rem;
}
.pro-btn01:hover {  
 color: #fff;
 border: 1px solid #E62424;
 background-color: #E62424;
}
.pro-btn02 {
  border: none;
  color: #1A4CAD;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.4rem  0.4rem;
  margin: 0.2rem 0.2rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #1A4CAD;
  border-radius: 0.3rem;
}
.pro-btn02:hover {  
 color: #fff;
 border: 1px solid #1A4CAD;
 background-color: #1A4CAD;
}
}

@media (min-width: 800px) and (max-width: 1024px) {
.promanu-by {
 border: 0.1px solid #D5D5D5;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
 border-radius: 3px;
 padding: 0rem 0rem 0.5rem 0rem; 
 margin: 0rem;
 }
.promanu-by:hover {
 border: 1.5px solid #F08B03;    
 }
.promanu-mo1 {
 width: ;
 height: 4.6rem;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.4rem 0.5rem 0.6rem; 
 margin: 0rem 0rem 0.1rem 0rem;
 }	
.promanu-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.5rem 0.3rem; 
 margin: 0rem;
 height: ;
 }	

.promanu-name {
 font-size: 1.0rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.0rem 0rem;
}	
.promanu-txt {
  font-size: 0.8rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #464646;
 line-height: 1.19rem;/* 行間 */
 letter-spacing: 1.5px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.pro-btn01 {
  border: none;
  color: #E62424;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.35rem 0.5rem;
  margin: 0.4rem 0.4rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #E62424;
  border-radius: 0.3rem;
}
.pro-btn01:hover {  
 color: #fff;
 border: 1px solid #E62424;
 background-color: #E62424;
}
.pro-btn02 {
  border: none;
  color: #1A4CAD;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.4rem  0.4rem;
  margin: 0.2rem 0.2rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #1A4CAD;
  border-radius: 0.3rem;
}
.pro-btn02:hover {  
 color: #fff;
 border: 1px solid #1A4CAD;
 background-color: #1A4CAD;
}
}

@media (min-width: 1024px) and (max-width: 1280px) {
.promanu-by {
 border: 0.1px solid #D5D5D5;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
 border-radius: 3px;
 padding: 0rem 0rem 0.5rem 0rem; 
 margin: 0rem;
 }
.promanu-by:hover {
 border: 1.5px solid #F08B03;    
 }
.promanu-mo1 {
 width: ;
 height: 4.6rem;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.4rem 0.5rem 0.6rem; 
 margin: 0rem 0rem 0.1rem 0rem;
 }	
.promanu-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.5rem 0.3rem; 
 margin: 0rem;
 height: ;
 }	

.promanu-name {
 font-size: 1.0rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.0rem 0rem;
}	
.promanu-txt {
  font-size: 0.8rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #464646;
 line-height: 1.19rem;/* 行間 */
 letter-spacing: 1.5px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.pro-btn01 {
  border: none;
  color: #E62424;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.35rem 0.5rem;
  margin: 0.4rem 0.4rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #E62424;
  border-radius: 0.3rem;
}
.pro-btn01:hover {  
 color: #fff;
 border: 1px solid #E62424;
 background-color: #E62424;
}
.pro-btn02 {
  border: none;
  color: #1A4CAD;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.4rem  0.4rem;
  margin: 0.2rem 0.2rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #1A4CAD;
  border-radius: 0.3rem;
}
.pro-btn02:hover {  
 color: #fff;
 border: 1px solid #1A4CAD;
 background-color: #1A4CAD;
}
}

@media (min-width: 1280px) and (max-width: 1400px) {
.promanu-by {
 border: 0.1px solid #D5D5D5;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
 border-radius: 3px;
 padding: 0rem 0rem 0.5rem 0rem; 
 margin: 0rem;
 }
.promanu-by:hover {
 border: 1.5px solid #F08B03;    
 }
.promanu-mo1 {
 width: ;
 height: 4.6rem;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.4rem 0.5rem 0.6rem; 
 margin: 0rem 0rem 0.1rem 0rem;
 }	
.promanu-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.5rem 0.3rem; 
 margin: 0rem;
 height: ;
 }	

.promanu-name {
 font-size: 1.0rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.0rem 0rem;
}	
.promanu-txt {
  font-size: 0.8rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #464646;
 line-height: 1.19rem;/* 行間 */
 letter-spacing: 1.5px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.pro-btn01 {
  border: none;
  color: #E62424;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.35rem 0.5rem;
  margin: 0.4rem 0.4rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #E62424;
  border-radius: 0.3rem;
}
.pro-btn01:hover {  
 color: #fff;
 border: 1px solid #E62424;
 background-color: #E62424;
}
.pro-btn02 {
  border: none;
  color: #1A4CAD;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.4rem  0.4rem;
  margin: 0.2rem 0.2rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #1A4CAD;
  border-radius: 0.3rem;
}
.pro-btn02:hover {  
 color: #fff;
 border: 1px solid #1A4CAD;
 background-color: #1A4CAD;
}
}

@media (min-width: 1400px) and (max-width: 1600px) {
.promanu-by {
 border: 0.1px solid #D5D5D5;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
 border-radius: 3px;
 padding: 0rem 0rem 0.5rem 0rem; 
 margin: 0rem;
 }
.promanu-by:hover {
 border: 1.5px solid #F08B03;    
 }
.promanu-mo1 {
 width: ;
 height: 4.6rem;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.4rem 0.5rem 0.6rem; 
 margin: 0rem 0rem 0.1rem 0rem;
 }	
.promanu-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.5rem 0.3rem; 
 margin: 0rem;
 height: ;
 }	

.promanu-name {
 font-size: 1.15rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.0rem 0rem;
}	
.promanu-txt {
  font-size: 0.95rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #464646;
 line-height: 1.19rem;/* 行間 */
 letter-spacing: 1.0px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.pro-btn01 {
  border: none;
  color: #E62424;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.35rem 0.5rem;
  margin: 0.4rem 0.4rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #E62424;
  border-radius: 0.3rem;
}
.pro-btn01:hover {  
 color: #fff;
 border: 1px solid #E62424;
 background-color: #E62424;
}
.pro-btn02 {
  border: none;
  color: #1A4CAD;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.4rem  0.4rem;
  margin: 0.2rem 0.2rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #1A4CAD;
  border-radius: 0.3rem;
}
.pro-btn02:hover {  
 color: #fff;
 border: 1px solid #1A4CAD;
 background-color: #1A4CAD;
}
}

@media (min-width: 1600px) {
.promanu-by {
 border: 0.1px solid #D5D5D5;	    
 background-color: rgba(255,255,255,0);
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 3px 6px 0 rgba(0, 0, 0, 0.08);
 border-radius: 3px;
 padding: 0rem 0rem 0.5rem 0rem; 
 margin: 0rem;
 }
.promanu-by:hover {
 border: 1.5px solid #F08B03;    
 }
.promanu-mo1 {
 width: ;
 height: 4.6rem;
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.4rem 0.2rem 0.6rem 0.2rem; 
 margin: 0rem 0rem 0.1rem 0rem;
 }	
.promanu-mo2 {
 border: 0px solid #FAA84E;
 position: relative;
 text-align: center;
 padding: 0.5rem 0.3rem; 
 margin: 0rem;
 height: ;
 }	

.promanu-name {
 font-size: 1.35rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #152FB1;
 line-height: 1.5rem;/* 行間 */
 letter-spacing: 1px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem 0rem 0.0rem 0rem;
}	
.promanu-txt {
  font-size: 1.13rem;
 font-weight: 600;
 text-align: center;/* center left */
 color: #464646;
 line-height: 1.19rem;/* 行間 */
 letter-spacing: 0.5px;/* 字間 */
 padding: 0rem;
 margin: 0.0rem;
 }
.pro-btn01 {
  border: none;
  color: #E62424;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.35rem 0.5rem;
  margin: 0.4rem 0.4rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #E62424;
  border-radius: 0.3rem;
}
.pro-btn01:hover {  
 color: #fff;
 border: 1px solid #E62424;
 background-color: #E62424;
}
.pro-btn02 {
  border: none;
  color: #1A4CAD;
  font-size: 14px;
  text-align: center;/* center left */  
  padding: 0.4rem  0.4rem;
  margin: 0.2rem 0.2rem;
  line-height: 0rem;/* 行間 */
  letter-spacing: 2px;/* 字間 */
  background-color: transparent;
  border: 1px solid #1A4CAD;
  border-radius: 0.3rem;
}
.pro-btn02:hover {  
 color: #fff;
 border: 1px solid #1A4CAD;
 background-color: #1A4CAD;
}
}
/* 商品輪播目錄內容 */







/* 商品輪播A */
.mySwiperA .swiper-slide {
 text-align: center;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center; /* 左右 */
 padding: 0px;
 /* -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center; */
 }
.mySwiperA.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }		
.mySwiperA .swiper-slide {
 width: 85%;
 height: ;	
 background: ;
 }
@media (min-width: 600px) and (max-width: 800px) {
.mySwiperA.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperA .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 800px) and (max-width: 1024px) {
.mySwiperA.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperA .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mySwiperA.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperA .swiper-slide {
 width: 35%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1280px) and (max-width: 1400px) {
.mySwiperA.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperA .swiper-slide {
 width: 22%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1400px) and (max-width: 1600px) {
.mySwiperA.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperA .swiper-slide {
 width: 22%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}

@media (min-width: 1600px){
.mySwiperA.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperA .swiper-slide {
 width: 25%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}
/* 商品輪播A */

/* 商品輪播B */
.mySwiperB .swiper-slide {
 text-align: center;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center; /* 左右 */
 padding: 0px;
 /* -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center; */
 }
.mySwiperB.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }		
.mySwiperB .swiper-slide {
 width: 85%;
 height: ;	
 background: ;
 }
@media (min-width: 600px) and (max-width: 800px) {
.mySwiperB.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperB .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 800px) and (max-width: 1024px) {
.mySwiperB.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperB .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mySwiperB.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperB .swiper-slide {
 width: 35%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1280px) and (max-width: 1400px) {
.mySwiperB.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperB .swiper-slide {
 width: 22%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1400px) and (max-width: 1600px) {
.mySwiperB.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperB .swiper-slide {
 width: 22%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}

@media (min-width: 1600px){
.mySwiperB.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperB .swiper-slide {
 width: 25%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}
/* 商品輪播B */


/* 商品輪播C */
.mySwiperC .swiper-slide {
 text-align: center;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center; /* 左右 */
 padding: 0px;
 /* -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center; */
 }
.mySwiperC.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }		
.mySwiperC .swiper-slide {
 width: 85%;
 height: ;	
 background: ;
 }
@media (min-width: 600px) and (max-width: 800px) {
.mySwiperC.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperC .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 800px) and (max-width: 1024px) {
.mySwiperC.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperC .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mySwiperC.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperC .swiper-slide {
 width: 35%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1280px) and (max-width: 1400px) {
.mySwiperC.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperC .swiper-slide {
 width: 22%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1400px) and (max-width: 1600px) {
.mySwiperC.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperC .swiper-slide {
 width: 22%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}

@media (min-width: 1600px){
.mySwiperC.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperC .swiper-slide {
 width: 25%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}
/* 商品輪播C */

/* 商品輪播D */
.mySwiperD .swiper-slide {
 text-align: center;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center; /* 左右 */
 padding: 0px;
 /* -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center; */
 }
.mySwiperD.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }		
.mySwiperD .swiper-slide {
 width: 85%;
 height: ;	
 background: ;
 }
@media (min-width: 600px) and (max-width: 800px) {
.mySwiperD.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperD .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 800px) and (max-width: 1024px) {
.mySwiperD.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperD .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mySwiperD.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperD .swiper-slide {
 width: 35%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1280px) and (max-width: 1400px) {
.mySwiperD.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperD .swiper-slide {
 width: 22%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1400px) and (max-width: 1600px) {
.mySwiperD.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperD .swiper-slide {
 width: 22%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}

@media (min-width: 1600px){
.mySwiperD.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperD .swiper-slide {
 width: 25%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}
/* 商品輪播D */

/* 商品輪播E */
.mySwiperE .swiper-slide {
 text-align: center;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center; /* 左右 */
 padding: 0px;
 /* -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center; */
 }
.mySwiperE.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }		
.mySwiperE .swiper-slide {
 width: 85%;
 height: ;	
 background: ;
 }
@media (min-width: 600px) and (max-width: 800px) {
.mySwiperE.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperE .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 800px) and (max-width: 1024px) {
.mySwiperE.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperE .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mySwiperE.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperE .swiper-slide {
 width: 35%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1280px) and (max-width: 1400px) {
.mySwiperE.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperE .swiper-slide {
 width: 22%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1400px) and (max-width: 1600px) {
.mySwiperE.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperE .swiper-slide {
 width: 22%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}

@media (min-width: 1600px){
.mySwiperE.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperE .swiper-slide {
 width: 25%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}
/* 商品輪播E */

/* 商品輪播F */
.mySwiperF .swiper-slide {
 text-align: center;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center; /* 左右 */
 padding: 0px;
 /* -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center; */
 }
.mySwiperF.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }		
.mySwiperF .swiper-slide {
 width: 85%;
 height: ;	
 background: ;
 }
@media (min-width: 600px) and (max-width: 800px) {
.mySwiperF.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperF .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 800px) and (max-width: 1024px) {
.mySwiperF.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperF .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mySwiperF.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperF .swiper-slide {
 width: 35%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1280px) and (max-width: 1400px) {
.mySwiperF.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperF .swiper-slide {
 width: 22%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1400px) and (max-width: 1600px) {
.mySwiperF.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperF .swiper-slide {
 width: 22%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}

@media (min-width: 1600px){
.mySwiperF.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperF .swiper-slide {
 width: 25%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}
/* 商品輪播F */

/* 商品輪播G */
.mySwiperG .swiper-slide {
 text-align: center;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center; /* 左右 */
 padding: 0px;
 /* -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center; */
 }
.mySwiperG.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }		
.mySwiperG .swiper-slide {
 width: 85%;
 height: ;	
 background: ;
 }
@media (min-width: 600px) and (max-width: 800px) {
.mySwiperG.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperG .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 800px) and (max-width: 1024px) {
.mySwiperG.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperG .swiper-slide {
 width: 35%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mySwiperG.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperG .swiper-slide {
 width: 28%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1280px) and (max-width: 1400px) {
.mySwiperG.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperG .swiper-slide {
 width: 22%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1400px) and (max-width: 1600px) {
.mySwiperG.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperG .swiper-slide {
 width: 22%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}

@media (min-width: 1600px){
.mySwiperG.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperG .swiper-slide {
 width: 25%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}
/* 商品輪播G */

/* 商品輪播Z */
.mySwiperZ .swiper-slide {
 text-align: center;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center; /* 左右 */
 padding: 0px;
 /* -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center; */
 }
.mySwiperZ.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperZ .swiper-slide {
 width: 100;
 height: ;	
 border: 0px solid #F08B03;
 padding: 0rem 0rem 2rem 0rem;
 background: ;
 }
@media (min-width: 600px) and (max-width: 800px) {
.mySwiperZ.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperZ .swiper-slide {
 width: 100;
 height: ;	
 border: 0px solid #F08B03;
 padding: 0rem 1rem 1.9rem 1rem;
 background: ;
 }
}

@media (min-width: 800px) and (max-width: 1024px) {
.mySwiperZ.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperZ.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperZ .swiper-slide {
 width: 100;
 height: ;	
 border: 0px solid #F08B03;
 padding: 0rem 1rem 1.9rem 1rem;
 background: ;
 }
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mySwiperZ.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperZ .swiper-slide {
 width: 100;
 height: ;	
 border: 0px solid #F08B03;
 padding: 0rem 1rem 1.9rem 1rem;
 background: ;
 }
}

@media (min-width: 1280px) and (max-width: 1400px) {
.mySwiperZ.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperZ .swiper-slide {
 width: 100;
 height: ;	
 border: 0px solid #F08B03;
 padding: 0rem 1rem 1.9rem 1rem;
 background: ;
 }
}

@media (min-width: 1400px) and (max-width: 1600px) {
.mySwiperZ.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperZ .swiper-slide {
 width: 100;
 height: ;	
 border: 0px solid #F08B03;
 padding: 0rem 1rem 1.9rem 1rem;
 background: ;
 }
}

@media (min-width: 1600px){
.mySwiperZ.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperZ .swiper-slide {
 width: 100;
 height: ;	
 border: 0px solid #F08B03;
 padding: 0rem 1rem 1.9rem 1rem;
 background: ;
 }
}
/* 商品輪播Z */


/* 商品輪播0000002 */
.mySwiper0000002 .swiper-slide {
 text-align: center;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center; /* 左右 */
 padding: 0px;
 /* -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center; */
 }
.mySwiper0000002.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }		
.mySwiper0000002 .swiper-slide {
 width: 85%;
 height: ;	
 background: ;
 }
@media (min-width: 600px) and (max-width: 800px) {
.mySwiperG.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiper0000002 .swiper-slide {
 width: 45%;
 height: ;	
 background: ;
 }
}

@media (min-width: 800px) and (max-width: 1024px) {
.mySwiper0000002.swiper {
 width: 100%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiperG .swiper-slide {
 width: 35%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1024px) and (max-width: 1280px) {
.mySwiper0000002.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiper0000002 .swiper-slide {
 width: 28%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1280px) and (max-width: 1400px) {
.mySwiper0000002.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiper0000002 .swiper-slide {
 width: 22%;
 height: ;	
 background: ;
 }
}

@media (min-width: 1400px) and (max-width: 1600px) {
.mySwiper0000002.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiper0000002 .swiper-slide {
 width: 22%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}

@media (min-width: 1600px){
.mySwiper0000002.swiper {
 width: 97%;
 height: ;
 padding: 0rem 0rem;
 background: ;
 }	
.mySwiper0000002 .swiper-slide {
 width: 25%;
 height: ;	
 border: 0px solid #F08B03;
 background: ;
 }
}
/* 商品輪播G */