.tux-flex-container{
	display: flex;
	flex-direction: row; /* ค่า default จะเป็น row */
	/*background-color: #f3f3f3;*/
	padding: 0% 0% 0% 1%; /* ขนาดกรอบด้านซ้าย */
    flex: 100%;
    max-width: 100%;
}
	
@media screen and (min-width:700px){
.tux-flex-inside{
	display: flex;
	flex-direction: row;
	flex: 50%;
    max-width: 50%;
	
}	
.tux-box{
	flex-grow: 1;
	margin: 2% 2% 2% 0%;  /* ขนาดกรอบด้าน บน ขวา ล่าง*/
    max-width: 48%;
}	
}
@media screen and (max-width:700px){
.tux-flex-inside{
	display: flex;
	flex-direction: column;
	flex: 50%;
    max-width: 50%;
	
}	
.tux-box{
	flex-grow: 1;
	margin: 2% 2% 2% 0%;  /* ขนาดกรอบด้าน บน ขวา ล่าง*/
    max-width: 96%;
}	
}

.tux-content{
	position: relative;
	word-wrap: break-word;	
	/*border: 1px solid #d1d1d1;
	background-color: #ffffff;*/
	cursor: pointer;
	
}
.tux-content:hover{
  /* border: 1px solid #006571;
  background-color: #def7fa;*/
  opacity: 0.7;
}	
.tux-content:hover img{
	transition: all 0.5s ease;
	filter: brightness(0.9);
}
img.picpro {
  width: 100%;
  height: auto;
}
.tux-sub-content{
	padding: 1% 4% 4% 4%;/*ขอบรอบรายละเอียดสินค้า บน ขวา ล่าง ซ้าย*/
	height:100%;		
}	
.txcenter {
  text-align: center;
}
.textx1-tu {
  height:10%;
}
.textx2-tu {
  height:7%;
}
.textx3-tu {
  margin-bottom: 10%;
}
.textx4-tu {
  height:7%;
}
.tu_box1 {
  position: absolute;
  width: 100%;	
  
}
.tu_box2 {
  padding: 4% 4% 4% 4%;/*ขอบรอบรายละเอียดสินค้า บน ขวา ล่าง ซ้าย*/	
  width: 95%;
}
.tu_box3 {
  padding: -2% 4% 4% 4%;/*ขอบรอบรายละเอียดสินค้า บน ขวา ล่าง ซ้าย*/	
  width: 95%;
}
.tu_box4 { 
  position: absolute;
  bottom: 4%;
  left: 2.5%;	
  width: 95%;	

}