/* CSS Document */

.supplier_frame
{
float:left;
height:150px;
width:32%;
margin-right:1.3%;
text-align:center;
font-family: 'PT Serif', serif;
text-align:left;
}
.supplier_img , .supplier_info{
float:left;
}
.supplier_img{
width:30%;
}
.supplier_info{
width:67.5%;
}

.supplier_img img{
max-width:100px;
max-height:100px;
}
.supplier_comp{
color:red;
font-weight:bold;
}

.pagestyle_div{
	font-size:18px;	
	}
.pagestyle_num{
	width:60px;
	display:inline-block;
	

	}
.pagestyle_num:hover{ /*滑鼠移到按鈕*/
	background-color:#EEFFBB;
	border-radius:39px;	
	}


	
#ptype_2{
	display:none;	
}
#ptype_1{
	display:block;	
} 





@media screen and (max-width:768px)   /*小於768px 平板樣式*/
{

.supplier_frame{
width:49%;
margin-left:0.5%;
margin-right:0.5%;
}
.supplier_img{
text-align:center;
}

.pagestyle_num{
	width:60px;
	display:inline-block;

}
#ptype_2{
	display:block;	
}
#ptype_1{
	display:none;	
} 


}

@media screen and (max-width:480px)   /*小於480px 手機樣式*/
{

.supplier_frame{
width:99%;
}

.pagestyle_num{
	width:30px;
	display:inline-block;

}

}