@charset "utf-8";
/* CSS Document */

html { margin: 0px auto;}
body {  float: left;}
.iconcontent { margin: 0px auto;}
.content img { overflow: hidden; height: auto;}
.popclosepop { 
position: absolute; 
left: 0; 
top: 0; 
width: 100%; 
background: #000;
color: #FFF; 
text-align: right;
font-size: 14px;
text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); 
border: 1px solid #333;
border-bottom: 0px solid #333;
}
.popclosepop a {font-weight: bold; color: #ff0000; font-size: 20px; padding: 5px 20px; color: #FF0000; text-decoration: none; text-shadow: 1px 1px 8px rgba(255, 255, 255, 0); }
.toollist {width: auto; max-width: 600px; overflow:hidden; height: 600px; margin: 0px auto;}


@media print
   {
	  .iconcontent { width: 600px; margin: 0px auto;}
      .popclosepop { display: none;}
   }
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1)
  and (-webkit-min-device-pixel-ratio: 2) {

	  html { width: 100% !important height: 100%;}
	  body { position: absolute; width: 100%; float: left;}
	  .toollist {width: 100%; max-width: 100%; overflow: visible; height: auto; margin: 0px;border:0px solid #FF0000;}
	  .iconcontent { width: 100%;}

   }   
@media all and (min-width: 802px) 
  and (max-width: 1200px) {
	  body { width: 600px; float: none; margin: 0px auto; }
  }
@media all and (min-width:1024px) {
	html { width: 600px; }
	body {position: relative; width: 600px; float: none; }
	.iconcontent { width: 600px; margin: 0px auto;}
	.content img { width: 540px; margin: 0px auto;}
}