@import "reset.css";
@import "font-awesome.min.css";

html {overflow-y:scroll; -webkit-text-size-adjust:100% }
body {font-family:Century Gothic, Microsoft JhengHei, MingLiU, sans-serif!important;  padding:0!important; margin:0!important;}
body {font-size: calc(0.75em + 1vmin);}
header {width:100%; background-color:#f1f1f1; }

form#searchIPfield  {width:100%; background-color:#f2f2f2; padding:0 0 65px;}
form#searchIPfield input#id_domain {width:auto; height:40px; font-size:25px; border:1px solid #e6e6e6; text-indent:10px;}
form#searchIPfield input#id_domain:focus {background-color:#fff8da;  text-indent:10px; padding:0 0 0 0px;}
form#searchIPfield button {width:60px; height:60px; border:0!important;  cursor:pointer; background-color:#1e519a;}
form#searchIPfield button:hover{background-color:#2f6dc7;}
form#searchIPfield button i {font-size:30px; color:white;}
form#searchIPfield p{width:100%; text-align:center; position:relative; top:48px; font-size:14px; color:#717171!important; }
form#searchIPfield input#id_domain, form#searchIPfield button  {position:absolute; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}
::-webkit-input-placeholder {text-indent:10px!important;}
:-moz-placeholder {text-indent:10px!important;}
::-moz-placeholder {text-indent:10px!important;}
:-ms-input-placeholder {text-indent:10px!important;}

@media (min-width:600px) and (max-width:6000px) { 
header {padding:0 0 30px;}
header p {font-size:52px;}
header p {padding:25px 0 12px 0; text-align:center;} 
header p:nth-child(2){width:50%; font-size:15px;  text-align:center; padding:0!important; margin:0 auto; line-height:23px;}
form#searchIPfield input#id_domain, form#searchIPfield button  {left:50%;}
form#searchIPfield input#id_domain {min-width:419px!important; margin:0 0 0 -210px;}
form#searchIPfield button { margin:-10px 0 0 160px;}
form#searchIPfield p{text-indent:-129px;}
section {padding:0;}
}

@media (min-width:220px) and (max-width:599px) { 
header {padding:20px 0 30px; }
header p {padding:0; text-align:center; } 
header p {font-size:32px;}
header p:nth-child(2){width:100%; font-size:15px;  text-align:left;  margin:0 auto 0 0px; line-height:23px; position:relative;  top:15px;}
form#searchIPfield input#id_domain, form#searchIPfield button  {left:0%;}
form#searchIPfield input#id_domain {min-width:90%!important; margin:0 0 0 0px;}
form#searchIPfield button {margin:-10px 0 0 -65px!important; left:100%!important;}
form#searchIPfield p{text-indent:0px;}
section {padding:0 20px 0 20px;}
}

#ADbanner {width:auto; max-width:566px; height:auto; margin:0 auto; position:relative; top:20px; }
#ADbanner img {max-width:100%; cursor:pointer;  -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}

section {text-align:center; position:relative; top:40px;}
h1 {border-bottom:1px solid #e6e6e6; }
h1 span, h2{font-weight:bold; color:#1e519a; }
h1{padding:0 0 10px 0;}
h2{padding:10px 0 0 0;}

section ul li {width:auto; max-width:700px!important; margin:0 auto; text-align:left;}
section ul {margin:20px 0 0 0;  font-size:15px!important;}
section ul li:nth-child(1) {padding:5px 0 5px 0!important; font-weight:bold; color:#1e519a; border:none!important;}
section ul li {padding:10px; border:1px solid #e6e6e6}

#googleADs {width:auto; max-width:728px; margin:0 auto; position:relative; top:130px; overflow:hidden;}

footer {width:100%; clear:both; position:relative; text-align:center; font-size:20px; top:153px; padding:0px 0 30px;}  

.spec { color:#1e519a;}