/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 17 2026 | 10:53:54 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 
.coatFrame{
	width: 2000px !important;
	margin: 0 auto !important;
	padding: 0 !important;
	display: flex !important;
	column-gap: 10px !important;
	gap:10px;
}

.cataCol{
   flex:1 !important;
   width: 398px !important;
   padding: 10px !important;
   box-sizing: border-box !important;
   border:1px solid #bbbbbb;
}

.cataItem{
	margin:0 !important;
	padding: 0 !important;
}

.cataItem img{
	margin: 10px auto !important;
	margin-bottom: 20px !important;
	padding: 0 !important;
	width:390px !important;
	height: 70px !important;
}


.cataTitle{
  padding: 0 !important;
  box-sizing: border-box !important;
  color:#4f4f4f !important;
  justify-content: center !important;
  text-align: left !important;
  display: block !important;
  height: 40px !important;
  cursor: pointer !important;
}

.cateTitle div{
	margin: 0 !important;
	padding: 0 !important;
	font-weight: bolder !important;
	display: inline-block!important;
}

.cataTitle div.left{
  text-align: left !important;
  margin-left: auto !important;
  color: #de227a;
}

.cataTitle div.right{
 text-align:right !important;

}

.cataCont{
  margin:0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  border-top:1px solid #4f4f4f;
  color: #939191 !important;
  text-align: left !important;
}

.cataCont ul{
  list-style: none !important;
  margin-left: 0 !important; 
  display: inline-block !important;
}

.cataCont ul li{
	margin: 20px auto !important;
	padding: 0 !important;
	cursor: pointer !important;
}

.cataCont ul li:hover{
   color: #e6056f;
}

.productCol{
   flex:4 !important;
   display: flex !important;
   width: 1592px !important;
   padding: 0 !important;
   margin: 0 !important;
   box-sizing: border-box !important;
   flex-wrap: wrap !important;
}

.productItem{
	width: 360px !important;
	margin-left: 5px !important;
	margin-right: 5px !important;
	margin-bottom 0px !important;
	padding: 10px !important;
	background-color: #FFFFFF !important;
	display: block !important;
	border: 1px solid #939393;
	box-shadow: 0px 2px 2px #c0c0c0 !important;
	flex:none !important;
	cursor:pointer !important;
	position: relative;
}

.productItem h4{
   margin: 5px 0 !important;
   /*margin-top: 545px !important;*/
   padding: 0 !important;

}

.productItem h5{
   margin: 5px 0 !important;
   padding: 0 !important;
   width: 100px !important;
   height: 40px !important;
   display: inline-block !important;
   text-align: center !important;
   align-content: center !important;
   color: #5e5e5e !important;
   border: 1px solid #f992a5; 
   border-radius: 10px !important;
  
}

.productItem p{
   margin:5px 0 !important;
   padding: 0 !important;
   color: #b20303 !important;
   font-weight: bolder !important;
}

.productImg{
	position:relative !important;
	margin: 0 !important; 
	width: 360px !important;
	height: 540px !important;
	z-index: 1 !important;
	transition: opacity 0.3s !important;
}

.productImgHover{
	position: absolute !important;
	top: 0px !important;
	left: 0px !important;
	margin: 0 !important; 
	width: 360px !important;
	height: 540px !important;
    z-index: 2 !important;
	opacity: 0 !important;
	transition: opacity 1.5s !important;
}

.productItem:hover .productImg{
	opacity: 0 !important;
}

.productItem:hover .productImgHover{
	opacity: 1 !important;
}