/* Mobile Layout: 480px and below. */
#po_main{
	width:80%;
	margin:32px auto;
	font-size:80%;
	}
#po_main img{
	width:90%;
	margin:5px 0 0 5%;
	}
#po_main a:hover{
	opacity:0.6;
	}		
.p_cate a{
	display:block;
	width:90%;
	margin:0 auto;
	padding-bottom:0.5px;
	color:#A4A4A4;
	border-bottom:1px dotted #A4A3A3;
	}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
#po_main{
	clear:both;
	width:100%;
	margin:100px auto;
	overflow:hidden;
}
#po_main img{
	margin:5px 0 0 5%;
	}	
	
#tul{
	width:50%;
	float:left;
	}
#foo{
	width:50%;
	float:left;		
    }
#lif{
	width:50%;
	float:left;
	}
#int{
	width:50%;
	float:left;
	}
#sti{
	width:50%;
	float:left;
	}
#peo{
	width:50%;
	float:left;
	}
#lan{
	width:50%;
	float:left;
	}
	
}			
/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	
#po_main{
	overflow:hidden;
	width:100%;
	margin:100px auto 16px;
	}
#tul{
	width:33.33%;
	float:left;
	}
#foo{
	width:33.33%;
	float:left;	
    }
#lif{
	width:33.33%;
	float:left;
	}
#int{
	width:33.33%;
	float:left;
	}
#sti{
	width:33.33%;
	float:left;
	}
#peo{
	width:33.33%;
	float:left;
	}
#lan{
	width:33.33%;
	float:left;
	}				
	
	
	
}