﻿@charset "utf-8";

body {font:normal 12px/22px Arial,"simsun";color:#333;background-color:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin: 0;}
input,textarea {font-family:verdana;}
table {border-collapse:collapse;border-spacing:0;}
img {border:0;}
ul {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

/*link*/
a,a:visited{text-decoration:none;color:#06c;}
a:hover,a:active{text-decoration:underline;color:#666;}
/*clear*/
.clear:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clear{display:inline-block;}
.clear{display:block}
/*page*/
.page {line-height:24px;margin-top:6px;text-align:center;}
.page a,.page .current,.page .disabled {padding:0 4px;margin:0 2px;color:#105cb6;text-decoration:none;}
.page a:hover,.page a:active {color:#f50;text-decoration:underline;}
.page .current {color:#f50;font-weight:bold; }
.page .disabled {color:#ddd;}

/*the body */
#container {width:100%;}
#header {height:100px;background:url(../images/top-bg.gif) repeat-x bottom;}
#headerMain,#main {width:740px;margin:0 auto;}
#header h1 {width:740px;height:94px;float:left;overflow:hidden;background:url(../images/logo.gif) no-repeat left top;margin-top:2px;}
#header h1 a span {display:block;padding-top:50px;background:url(../images/logo.gif) no-repeat left top;}
#nav {z0px;margin-left:0px;float:left;height:34px;margin-top:63px;}
#nav a {float:left;text-align:center;display:block;font:bold 14px/30px arial;width:88px;height:34px;}
#nav a.alt {background:#0591d8 url(../images/nav-on-bg.gif) no-repeat left top;color:#fff;}

#main {margin-top:30px;}
#product_show,#down_show{margin-bottom:12px;clear:both;}
.banner1,.banner2,.banner3 {height:90px;background:#70db35 url(../images/banner1.gif) no-repeat left top;}
.banner2 {background-image:url(../images/banner2.gif);height:73px;padding-left:40px;font:bold 14px/18px Microsoft Yahei;color:#fff;}
.banner3 {background-image:url(../images/banner3.gif);height:77px; padding-left:80px;}
.banner1 {text-indent:-100em;}
.banner3 a,.banner3 a:visited {overflow:hidden;margin-left:400px;color:#090;display:block;width:162px;padding-left:40px;background:#d2f4c2 url(../images/down-button.gif) no-repeat left top;height:63px;font:normal 12px/32px arial;text-align:center;}
.banner3 a span {font-weight:bold;font-size:14px;text-decoration:underline;}
.banner3 a strong {color:#f60;}
.banner3 a:hover {color:#090;}

#introduce,#sidebar {float:left;width:500px;padding-right:10px;}
#introduce ul li,.function li {padding-left:40px;margin-bottom:10px;}
#introduce ul li h4,.function li h4 {font:bold 14px/22px arial;}
#introduce ul li p,.function li p {margin-top:6px;color:#666;}
.fun0,.fun1,.fun2,.fun3,.fun4,.fun5,.fun6 {background:url(../images/feature_alias.gif) no-repeat left top;}
.fun0 {background-image:url(../images/feature_tab.gif);}
.fun2 {background-image:url(../images/feature_adhunter.gif);}
.fun3 {background-image:url(../images/feature_sniffer.gif);}
.fun4 {background-image:url(../images/icon_windows.gif);}
.fun5 {background-image:url(../images/icon_feature_tools.gif);}
.fun6 {background-image:url(../images/icon_mouse_direction.gif);}

#sidebar {margin-left:10px;width:220px;padding:0;}
.sbox {border:1px solid #a3cce9;margin-bottom:10px;}
.sbox h3,#down_sites h3 {border-bottom:1px solid #a3cce9;font:bold 14px/24px arial;padding-left:10px;background-color:#f3faff;}
.board,.board h3 {border-color:#ffc438;}
.board h3 {background-color:#fffbde;}
.board p,.official-down p,.downlist ul{padding:10px;}
.downlist ul li {padding-left:14px;background:url(../images/arrow-downlist.gif) no-repeat left 7px;}
.official-down p strong {font-size:14px;}
.official-down p.dbutton {text-align:center;}
.official-down p.dbutton button {width:122px;height:31px;border:0;cursor:pointer;background:#b5e73f url(../images/down-button.gif) no-repeat left -80px;font:bold 12px/30px arial;color:#090;}
/*down page*/
#down_show {padding-top:45px;position:relative;background:#097fd7 url(../images/down-banner.gif) no-repeat left top;height:95px;}
#down_show h2 {height:30px;background:url(../images/down-subject1.gif) no-repeat 32px top;text-indent:-999em;overflow:hidden;}
#down_show p {padding-left:35px;font:bold 14px/18px Microsoft Yahei;color:#fff;}
#down_show h3 {position:absolute;top:65px;left:520px;width:220px;color:#fff;text-align:center;}
#down_show h3 a,#down_show h3 a:visited {display:block;width:130px;padding-right:17px;height:38px;font:bold 14px/38px arial;color:#090;text-align:right;background:url(../images/down-button.gif) no-repeat left -160px;}
#down_sites {float:left;width:508px;border:1px solid #ddd;}
#down_sites h3 {background-color:#f8f8f8;border-color:#ddd;}
#down_sites ul{padding:10px;}
#down_sites ul li {float:left;width:100px;padding-left:22px;background:url(../images/arrow-downlist-big.gif) no-repeat 6px 6px;line-height:24px;}
.update-log ol {padding:10px 10px 10px 30px;}
/*product*/
#product {overflow:hidden;width:100%;}
#product h2{font:bold 14px/26px arial;border-bottom:1px dashed #ccc;color:#06c}
.about {margin:14px auto;}
.about div {float:left;}
.intro {width:500px;}
.intro p {text-indent:2em;}
.theDown {width:240px;text-align:center;padding-top:40px;}
.function {width:102%;margin-top:10px;}
.function li {float:left;width:322px;margin-right:10px;height:120px;}
/*feedback*/
#feedback h2 {background:#f4f7ff url(../images/icon-feedback.gif) no-repeat 4px center;font:bold 14px/26px arial;color:#06c;padding-left:30px;border-top:1px solid #cad5f0;border-bottom:1px solid #dce3f6;}
#feedback h2 span {font:normal 12px/26px arial;color:#333;}
#fb_list {margin-top:10px;}
#fb_list li {padding:8px;margin:5px 0;line-height:20px;}
#fb_list li.alt {background-color:#edf2ff;/*border-bottom:1px solid #c1cceb;border-top:1px solid #c1cceb;*/}
#fb_list li h3 {color:#06c;}

#fb_list li h3 span {font:normal 12px/24px arial;color:#666;}
#fb_list li div.reply {color:#05a;padding:6px;}
#fb_list li.alt div.reply {border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;background-color:#fff;color:#05a;}
.msg div {word-break:break-all;}
#feedback form {margin:10px auto;border-top:1px solid #ccc;}
#feedback form h3 {padding:.3em 0;}
#feedback table {border:0;border-collapse:collapse;}
#feedback table td {padding:6px 0;}
#feedback input,#feedback textarea {border:1px solid #9dabd0;padding:2px;}
.c999 {color:#999;}
/*help*/
#question{width:198px;border:1px solid #c3d7f2;float:left;}
#question h3{font:bold 14px/27px arial;height:27px;padding-left:8px;background:#eff6ff url(../images/help-menu-bg.gif) repeat-x left top;}
#question ul {padding:5px 5px 5px 30px;list-style:disc;color:#06c;line-height:24px;}
#answer_right {float:left;width:520px;margin-left:20px;}

.answer-footer {margin-top:20px;border-top:1px solid #d5d5d5;padding-top:10px;}

#link {width:100%;}
#link p {line-height:22px;padding:6px;border:1px solid #ddd;background-color:#f8f8f8;}
#copyright {margin:5px auto;line-height:22px;color:#999;text-align:center;width:100%;}
.footer {border-top:1px solid #ccc;}
