@charset "utf-8";
/* CSS Document */
body{background-color:#fff;background-image:url(https://image.geoipview.com/bk_top.png);background-repeat:repeat-x;text-align:center; margin:0px;padding:0px;  width:100%; height:100%;-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
.home_page{background-color:#8DD7F8; background-image:url(https://image.geoipview.com/bk_all.png);}

*{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
@-webkit-viewport{ width:device-width }
@-moz-viewport{ width:device-width }
@-ms-viewport{ width:device-width }
@-o-viewport{ width:device-width }
@viewport { width: device-width }
:-moz-placeholder,::-moz-placeholder { color:#aaa; text-overflow:ellipsis}
::-ms-input-placeholder { color:#aaa; text-overflow:ellipsis}
::-webkit-input-placeholder { color:#aaa; text-overflow:ellipsis}


div,p,td,th,ul,li,ol{font-size:12px;font-family:"Trebuchet MS", Arial, Verdana;	line-height: 1.6em; padding:0; margin:0}

.clear{ clear:both}
.clear:after{ content:" "; clear:both; display:block; height:0}
form{ margin:0; outline:none}
input[type="text"],textarea{ outline:none; border:none; background-color:transparent; font-family:"Trebuchet MS", Arial, Verdana; -webkit-appearance:none; margin:0}


h1,h1{font-size:20px;line-height:24px;padding:1px;margin:1px}
h2 {font-size:18px;line-height:22px;color:#080}
hr{height:0px;border:solid #ddd 0px;border-top-width:1px}
#bt{margin:0px auto; text-align:center; border:0px;width:760px}
.b{font-weight:bold}

#footer{width:100%;height:80;margin:15px 0px 0px 0px;padding:16px 10px 0px 10px; color:#666;}

.home_page #footer{background-image:url(https://image.geoipview.com/bk_footer.png);background-position:0px 0px;background-repeat:no-repeat;color:#fff;}

#iparea{width:100%;margin-top:10px}
#iparea{text-align:center}
#ipinfo{clear:both;width:100%;text-align:center}
#ipinfo_l{text-align:left;width:38%;padding:0px;float:left;color:#333}
#ipinfo_r{text-align:left;width:62%;padding-left:10px;float:right}
#ipinfo_234{height:60;text-align:center;margin:10px 0px 10px 0px; overflow:hidden;}
#yourip{margin:5px 0px 0px 9px;color:#444;text-align:center}
#ipinfo_form_show{ background:#e0f4fd; padding:20px; margin-bottom:20px}

#ipinfo_show{margin:14px 0px 0px 0px}
.show1{text-align:right}
.ip{color:#3A5F96}
.show2{font-weight:bold}
.host{width:150px;}
#ipinfo_res_link{color:#3A5F96;margin:0px 0px 0px 10px}
#ipinfo_res_link A{color:#3A5F96;Text-Decoration:none}
#ipinfo_res_link A:hover{color:#0000ff;Text-Decoration:underline}
#mymap_box{border:1px #1FB3EE solid;padding:4px}
#mymap,#mymap_t,#mymap_b{width:100%;padding:0px 0px 0px 0px;text-align:center}
#mymap{height:400px;margin:2px 0px 2px 0px}
#mymap_b,#mymap_t{height:62}
#mymap_b{border-top:1px #1FB3EE solid; overflow:hidden;}
#mymap_t{border-bottom:1px #1FB3EE solid; overflow:hidden;}
#loading{color:#999;font-size:32px;line-height:32px;}
#input_box{font-size:10px;background-color:#FEFFEC}
#input_btn{height:32px;font-size:18px}
.DarkLines{background-color:#1D9DD9; height:44px}
.FieldTitle{background-color:#1D9DD9;color:#fff;vertical-align:middle;text-align:center;padding:0px 5px}
.FieldBody{background-color:#fff;color:#000;padding-right:6px; width:80%}
.FieldBody input[type="text"]{ height:44px; padding:0 6px; width:100%}

.FieldBody td{ width:100%}
.FieldBody table{ width:100%}


/*head menu*/
#lang{color:#555;padding:0px 0px 5px 16px;margin:0px;text-align:right}
#lang a{padding-left:5px}
#head{background-image:url(https://image.geoipview.com/top_earth.png);background-position:0px 0px;background-repeat:no-repeat}
#head {width:100%;height:150px;color:#333;text-align:center}

#head p{color:#888;}
#head_l{width:120px;float:left;text-align:center}

#head_r .title{font-size:32px;color:#444;Text-Decoration:none}
#head_r .desc{padding: 10px 0px 0px 0px;font-size:14px;line-height:17px;color:#555}
#head_r{margin-left:120px;padding:10px;width:auto;text-align:left;color:#ddd}
#menu{width:100%;padding:0px 4px 0px 4px;text-align:right;color:#404040}
#menu A{font-size:12px;color:#404040;Text-Decoration:none}
#menu A:hover{color:#0000ff;Text-Decoration:underline}
a.external {background: url(https://image.geoipview.com/external.png) center right no-repeat;padding-right: 13px}


/* top css menu */
#topcssmenu {list-style-type:none;margin:0px;padding:0px;z-index:9999;float:right} 
#topcssmenu a {display:block;text-align:center;} 
#topcssmenu li {float:left;position:relative;color:#333;font-weight:normal;padding:0px 2px 0px 2px;}
#topcssmenu .l1{height:30px;line-height:30px;}
#topcssmenu .l1 .drop{padding:0px 24px 0px 8px;}
#topcssmenu .menu_blank{height:30px;width:8px;background-position:0px -55px}

#topcssmenu li a{color:#000;text-decoration:none;} 
#topcssmenu li a:hover{color:#00a} 
#topcssmenu li ul {z-index:9999;line-height:27px;list-style-type:none;text-align:left;left:-999em;position:absolute;margin:0px;padding:10px 0px 10px 0px;border:1px solid #ddd;background:#F6F6F6;-webkit-box-shadow:0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);-moz-box-shadow:0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);box-shadow:0 2px 0 0 rgba(255,255,255,.06) inset,0 2px 3px 0 rgba(0,0,0,.2);outline:0px} 
#topcssmenu li ul li{z-index:9999;float:left;margin:0;padding:0;background:#F6F6F6;} 
#topcssmenu li ul a{display:block;text-align:left;font-weight:normal;margin:0px auto;text-transform:none;padding:4px 0px;} 
#topcssmenu li ul a:link {color:#666;text-decoration:none;} 
#topcssmenu li ul a:visited {color:#666;text-decoration:none;} 
#topcssmenu li ul a:hover {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#888;} 
#topcssmenu li:hover ul {left:auto;} 
#topcssmenu li.sfhover ul {left:auto;}
#topcssmenu .l1 a .arrow{position:absolute;top:11px;right:7px;width:0;height:0;font-size:0;line-height:0;border-color:#444 transparent transparent transparent;border-style:solid dashed dashed dashed;border-width:6px 6px 0px 6px} 
#topcssmenu .l1 a:hover .arrow{position:absolute;top:11px;right:7px;width:0;height:0;font-size:0;line-height:0;border-color:transparent transparent #333 transparent;border-style:dashed dashed solid dashed;border-width:0px 6px 6px 6px} 

/*top menu*/
#topmenu{margin:0px auto;color:#fff;height:35px;font-size:1.2em;}
#topmenu .left{float:left;text-align:left}
#topmenu .right{float:right;text-align:right;width:450px;}
 
.menu{position:relative;z-index:100;margin:0px;padding:0px;float:left}
#topmenu_ext {width:250px;border:1px solid #f00}
#topmenu_ext li a{width:240px}
#topmenu_ext li a span{padding-left:24px;}

#bodyarea{width:765px;text-align:left;padding:20px 30px;margin:15px 0px 0px 0px; border:1px #C6EBFB solid;}

#extinfo{clear:both; margin:15px 0px 0px 0px;text-align:center;}
#extinfo_l{text-align:left;width:47%;padding:0px 5px 0px 5px;float:left;color:#333;text-align:center;}
#extinfo_r{text-align:left;width:47%;padding:0px 5px 0px 5px;float:right;text-align:center;}
#install{font-weight:bold;font-size:16px}
#extname{font-size:14px;color:#0000aa}

/*download box*/
.ButtonMiddle{height:36px;background-image:url(https://image.geoipview.com/bk-button.gif);background-position:0px -72px;background-repeat:repeat-x}
.ButtonRight{width:11px;height:36px;background-image:url(https://image.geoipview.com/bk-button.gif);background-position:0 -36px;background-repeat:no-repeat}
.ButtonLeft{width:11px;height:36px;background-image:url(https://image.geoipview.com/bk-button.gif);background-position:0px 0px;background-repeat:no-repeat}
.ButtonMiddle A:Hover{Color:#ff7}
.ButonText,.ButonText A{color:#fff;font-family:arial,sans-serif;font-size:14px;text-align:center;font-weight:bold;Text-Decoration:None}
.DownloadButton{cursor:pointer;color:#fff;text-decoration:none;padding-top:4px}
.DownloadbtnBox,.DownloadbtnBox_center{border:#aaa 1px solid;padding:5px;margin-left:5px;background-color:#cadef4;padding-top:15px}
.DownloadbtnBox{float:right}
.DownloadbtnBox_center{width:98%; margin-top:16px}

.locator_extension img{ max-width:100%}

.content_text h1{ margin-bottom:16px}
.content_text p{ margin-bottom:10px}
.content_text ol{ padding-left:26px; margin-bottom:10px}

.content_text .DarkLines{ background-color:#CCC;}

.content_text .FieldTitle{ background-color:#E0E0E0; color:#666; vertical-align:middle;text-align:center}

.content_text .FieldBody{ width:20%}
.content_text .FieldBody td{ width:auto}

.webmaster h1{ margin-bottom:16px}

.example_wrap{ border-bottom:1px solid #ddd; padding-bottom:20px}
.example_left{ float:left; width:36%; padding-right:20px; text-align:center}
.example_right{ float:left; width:64%}
.example_right textarea{ background:#eff8ff; border:1px solid #999; height:170px; padding:16px}

.example_wrap .title{ text-align:center; font-size:14px; margin:16px 0}
.example_wrap p{ text-align:center}
.note_wrap p{ margin:20px 0 4px 0}
.note_wrap ul{ margin-left:16px}

.ad_468_top {width:100%; height:100%;}
.ad_468_bottom {width:100%; height:100%;}
.ad_234 {width:100%; height:100%;}

@media(max-width:768px){
#bt,#bodyarea{width:auto; margin:0 16px}
#bodyarea{ padding:20px}
#menu{ margin-bottom:20px}

.ad_468_top {width:100%; height:100%;}
.ad_468_bottom {width:100%; height:100%;}
.ad_234 {width:100%; height:100%;}
}


@media(max-width:766px){
#head{ background:none}
#ipinfo_l, #ipinfo_r, #extinfo_l, #extinfo_r, .example_left, .example_right{ width:100%}
#extinfo_r{ margin:20px 0}
.example_left{ padding-right:0}

.ad_468_top {width:100%; height:100%;}
.ad_468_bottom {width:100%; height:100%;}
.ad_234 {width:100%; height:100%;}
}


@media(max-width:500px){
#head{ background:none}
#head_r{ padding:0}
#head_r .title{ font-size:18px}
#head_r .desc{ font-size:12px; padding:6px 0 0 0}

.ad_468_top {width:100%; height:100%;}
.ad_468_bottom {width:100%; height:100%;}
.ad_234 {width:100%; height:100%;}
}