@media screen and (max-width:960px) {
.ipBody {
	width: 100%;
	height: auto;
	margin: 200px auto 50px auto;
	padding:0px;
	text-align:left;
}
p { font-size:14px; margin:0px; padding:0px; }

p.lbom {
	width:300px;
	position:absolute;
	top:115px;
	left:50%;
	margin-left:-150px;
	color:#0a64c8;
	font-weight:bold;
	font-size:18px;
}

p.dIP {
	margin:20px 0px 10px 0px;
	font-size:20px;
}

p.exa {
	width:100%;
	margin:0px 0px 10px -50%;
	position:absolute;
	top:235px;
	left:50%;
}

p.dbsel {
	font-size:16px;
	margin: 70px 0px 10px 0px;
}
.dbBox {
	width:350px;
	margin: 0px auto;
	padding:10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#f0f8ff;
	box-shadow: 0px 0px 8px #aaaaaa;
	-moz-box-shadow: 0px 0px 8px #aaaaaa;
	-webkit-box-shadow: 0px 0px 8px #aaaaaa;
}
table.ip {
	width: 100%;
	background:#ffffff;
	border:1px solid #dddddd;
	text-align:center;
	margin:30px auto 10px auto;
	table-layout:fixed;
}
table.ip th {
	width: 30%;
	background:#535353;
	color: #ffffff;
	text-align:left;
	padding:6px 8px 4px 8px;
}
table.ip td {
	background:#f6f6f6;
	border:1px solid #ffffff;
	text-align:left;
	padding:6px 8px 4px 8px;
	word-wrap:break-word;
}
#map_canvas {
	width: 100%;
	height: 300px;
	border:1px solid #cccccc;
}

table.tableBox {
	width: 100%;
	background: #ffffff;
	border-top: 1px solid #cccccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
	text-align: center;
	margin: 30px auto 10px auto;
	table-layout: fixed;
	color: #313131;
	font-size: 16px;
}
table.tableBox th {
	width: 120px;
	background: #ffffff;
	text-align: right;
	padding: 20px 8px 18px 8px;
	color: #535353;
	border: none;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
}
table.tableBox td {
	background: #ffffff;
	text-align: left;
	padding: 20px 8px 18px 8px;
	word-wrap: break-word;
	color: #313131;
	border: none;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
}
}

@media screen and (min-width:961px) {
.ipBody {
	width: 1000px;
	height: auto;
	margin: 200px auto 50px auto;
	padding:20px;
	text-align:left;
}
p { font-size:14px; margin:0px; padding:0px; }

p.lbom {
	width:300px;
	position:absolute;
	top:115px;
	left:50%;
	margin-left:-150px;
	color:#0a64c8;
	font-weight:bold;
	font-size:18px;
}

p.dIP {
	margin:20px 0px 10px 0px;
	font-size:20px;
}

p.exa {
	width:600px;
	margin:0px 0px 10px -300px;
	position:absolute;
	top:235px;
	left:50%;
}

p.dbsel {
	font-size:16px;
	margin: 70px 0px 10px 0px;
}
.dbBox {
	width:350px;
	margin: 0px auto;
	padding:10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background:#f0f8ff;
	box-shadow: 0px 0px 8px #aaaaaa;
	-moz-box-shadow: 0px 0px 8px #aaaaaa;
	-webkit-box-shadow: 0px 0px 8px #aaaaaa;
}
table.ip {
	width: 1000px;
	background:#ffffff;
	border:1px solid #dddddd;
	text-align:center;
	margin:30px auto 10px auto;
	font-size: 20px;
}
table.ip th {
	background:#535353;
	color: #ffffff;
	text-align:left;
	padding:6px 18px 4px 18px;
}
table.ip td {
	background:#f6f6f6;
	border:1px solid #ffffff;
	text-align:left;
	padding:6px 18px 4px 18px;
}
#map_canvas {
	width: 1000px;
	height: 350px;
	border:1px solid #cccccc;
}

table.tableBox {
	width: 100%;
	background: #ffffff;
	border-top: 1px solid #cccccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
	text-align: center;
	margin: 30px auto 10px auto;
	table-layout: fixed;
	color: #313131;
	font-size: 16px;
}
table.tableBox th {
	width: 10%;
	background: #ffffff;
	text-align: right;
	padding: 20px 8px 18px 8px;
	color: #535353;
	border: none;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
}
table.tableBox td {
	background: #ffffff;
	text-align: left;
	padding: 20px 8px 18px 8px;
	word-wrap: break-word;
	color: #313131;
	border: none;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
}
}

strong.addr {
	font-size:30px;
	font-weight:bold;
	color:#008cff;
}
strong.ipAddr {
	font-size:20px;
	font-weight:normal;
	color:#008cff;
}

td#srchIP {
	font-size:30px;
	font-weight:bold;
	color:#ffffff;
	background:#000000;
	border:1px solid #ffffff;
}
.text {
	width: 70%;
	margin: 50px auto 50px auto;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	background: #f6f6f6;
	color: #e74c3c;
	font-size: 30px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 1px 1px 3px #eeeeee inset;
	-moz-box-shadow: 1px 1px 3px #eeeeee inset;
	-webkit-box-shadow: 1px 1px 3px #eeeeee inset;
	border: 4px solid #e74c3c;
}
a.resetBtn {
	width:110px;
	border:1px #cccccc solid;
	font-size:12px;
	margin:30px auto 100px auto;
	font-family:inherit;
	color:#636363;
	font-weight:bold;
	background:#f5f5f5;
	padding:8px 0px 7px 0px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	z-index:1;
	outline:none;
	display:block;
	text-align:center;
}

a.resetBtn:link { text-decoration:none; outline:none; }

a.resetBtn:visited { text-decoration:none; outline:none; }

a.resetBtn:hover { 
	background:#f5f5f5; border:1px #bbbbbb solid; text-decoration:none; outline:none; color:#535353;
	box-shadow: 0.5px 0.5px 3px #dddddd;
	-moz-box-shadow: 0.5px 0.5px 3px #dddddd;
	-webkit-box-shadow: 0.5px 0.5px 3px #dddddd;
	-o-box-shadow: 0.5px 0.5px 3px #dddddd;
	-ms-box-shadow: 0.5px 0.5px 3px #dddddd;
}