@charset "UTF-8";
* { margin:0px; padding:0px; font-family: "微软雅黑", "Arial"; font-size:14px; }
a { text-decoration:none; color:#0066CC }
ul { list-style:none; }
img { border:none; }
.clear{ clear:both}
#header { width:100%; height:100px; background:#417AC1; background:url(images/line.gif) repeat-x }
#header div.headerWarpper { width:960px; height:100px; margin:0px auto; }
#header div.headerWarpper div.logo { float:left; margin-top:48px; line-height:40px; }
#header div.headerWarpper div.logo a { color:#FFFFFF; font-size:18px; font-weight:bold; }
#header div.headerWarpper div.logo a:hover { color:#EEEEEE; }

#header div.headerWarpper div.lang {margin-top:0; line-height:40px; text-align:right}
#header div.headerWarpper div.lang a { color:#FFFFFF; font-size:14px; font-weight:bold; width:250px}
#header div.headerWarpper div.lang a:hover { color:#EEEEEE; }


#header div.headerWarpper div.toplog{ float:right; margin-top:5px;border:2px solid #417AC1;}
#header div.headerWarpper div.toplog input{ width:50px;border:1px solid #7F9DB9; }

#header div.headerWarpper div#siteNav { float:right; margin-top:35px; }
#header div.headerWarpper div#siteNav ul li { float:left; list-style:none; margin-left:10px; margin-right:10px; }
#header div.headerWarpper div#siteNav ul li a { color:#FFFFFF; font-size:14px; font-weight:bold; }
#header div.headerWarpper div#siteNav ul li a:hover { color:#EEEEEE; }
.bannerad{margin:0px auto; width:960px}
/*END  header*/
/*#wrapper*/
#homeDown {float:left; margin-top:80px; margin-left:120px}
#login { float:right; width:300px; height:200px; margin-right:50px !important; margin-right:25px; margin-top:18px; background:#FFFFFF; border:2px solid #417AC1; }
#login h3 { height:18px; margin-left:10px; margin-top:15px; margin-bottom:15px; font-size:14px; line-height:18px; text-indent:15px; color:#417AC1; border-left:2px solid #417AC1; }
#login form { padding-left:10px; padding-bottom:0; padding-top:0 }
#login form label { float:left; width:270px; margin-bottom:10px; margin-left:10px; }
#login form label span { color:#636363; float:left; display:block; width:60px; font-size:14px; font-weight:bold; }
#login form label input { float:left; display:block; width:180px; border:1px solid #7F9DB9; }
#login form label input.code { width:80px; }
#login form a.forgetPw { float:left; display:block; width:90px; height:22px; border:none; margin-top:10px; margin-left:10px; text-align:center; color:#FFFFFF; text-indent:5px; font-size:14px; line-height:22px; background:#417AC1; }
#login form input.submit { float:left; display:block; width:80px; height:22px; border:none; margin-top:10px; color:#FFFFFF; font-size:14px; line-height:22px; background:#417AC1; cursor:pointer; }
#wrapper { width:960px; margin:0px auto; overflow:auto }
#wrapper .homebanner { height:235px; margin-bottom:20px; background:url(images/banner.jpg) no-repeat center bottom; }

#wrapper .homeContent { float:left; width:500px; padding-left:50px; margin-right:20px; }
#wrapper .homeContent h3 { color:#417AC1; font-size:14px; }
#wrapper .homeContent p { font-size:14px; margin-top:10px; margin-bottom:10px; }
#wrapper .homeContent ul { margin-top:10px; }
#wrapper .homeContent ul li { float:left; width:460px; list-style:none; margin-bottom:5px; text-indent:2em; font-size:14px; background:url(images/bullet.gif) no-repeat left center; }
#wrapper .homeSidebar { float:left; width:330px; padding-left:20px; border-left:1px solid #CDCDCD; margin-bottom:10px; overflow:hidden; }
#wrapper .homeSidebar h4 { font-size:14px; font-weight:bold; text-indent:25px; color:#666666; background:url(images/news-title-bg.jpg) no-repeat -5px center; }
#wrapper .homeSidebar ul { }
#wrapper .homeSidebar ul li { list-style:none; margin-top:10px; }
#wrapper .homeSidebar ul li h5 { font-size:14px; color:#666666; }
#wrapper .homeSidebar ul li span { display:block; width:250px; font-size:12px; }
#wrapper .homeSidebar ul li span a { color:#0066CC; }
#wrapper .homeSidebar ul li span a:hover { color:#417AC1; }
#wrapper .bottom { height:30px; background:url(../images/wrapper-bottom-bg.png) no-repeat center bottom; clear:both; }
/*end  wrapper*/

/* wrapperFit*/
#wrapperFit { width:960px; margin:0px auto; background:url(images/article-wrapper-bg.png) repeat-y center center; }
#wrapperFit div.content { float:left; width:660px !important; width:630px; _height:500px; min-height:500px; border-right:1px solid #CDCDCD; margin-left:20px; margin-right:30px; margin-top:20px; }
#wrapperFit div.content h2 { color:#417AC1; font-size:18px; font-weight:bold; margin-bottom:10px; }
#wrapperFit div.content div.articleListTemplate { float:left; width:600px !important; width:580px; margin-left:10px; margin-bottom:15px; }
#wrapperFit div.content div.articleListTemplate h3 { font-size:14px; font-weight:bold; margin-bottom:5px; }
#wrapperFit div.content div.articleListTemplate p { color:#666666; text-indent:2em; }
#wrapperFit div.content div.articleListTemplate p span.readMore a { color:#0066CC; }
#wrapperFit div.content div.articleListTemplate p span.readMore a:hover { color:#656565; }
#wrapperFit div.content div.articleListTemplate p span.date { }
#wrapperFit div.content div.articleTemplate { float:left; width:600px !important; width:580px; margin-left:10px; margin-bottom:15px; line-height:24px }
#wrapperFit div.content div.articleTemplate h3 { font-size:16px; font-weight:bold; margin-bottom:5px; }
#wrapperFit div.content div.articleTemplate p { color:#666666; text-indent:2em; }
#wrapperFit div.content div.articleTemplate p.date { text-indent:0; margin-bottom:10px; }
#wrapperFit div.content div.pageNavi { width:600px; }
#wrapperFit div.content div.pageNavi span { margin-left:10px; }
#wrapperFit div.content div.pageNavi span a { color:#0066CC; }
#wrapperFit div.content div.pageNavi span a:hover { color:#656565; }
#wrapperFit div.sidebar { float:left; width:200px; margin-top:20px; }
#wrapperFit div.sidebar h3 { color:#666666; font-size:14px; margin-bottom:10px; }
#wrapperFit div.sidebar ul li { width:200px; list-style:none; line-height:1.2; margin-bottom:5px; }
#wrapperFit div.sidebar ul li a { color:#0066CC; }
#wrapperFit div.sidebar ul li a:hover { color:#656565; }
/*end   wrapperFit*/

/* wrapperFit*/
#wrapperPlus { width:960px; margin:0px auto; }
#wrapperPlus div.content { float:left; width:630px !important; width:600px; _height:500px; min-height:500px; margin-left:20px; margin-right:20px; margin-top:20px; padding-left:40px; border-left:1px solid #CDCDCD; }
#wrapperPlus div.content h2 { color:#417AC1; font-size:18px; font-weight:bold; margin-bottom:10px; }
#wrapperPlus div.content form label { float:left; margin-bottom:10px; margin-left:40px; }
#wrapperPlus div.content form label span { float:left; display:block; width:80px; font-size:14px; font-weight:bold; color: #636363; }
#wrapperPlus div.content form label input { float:left; display:block; width:180px; border:1px solid #7F9DB9; }
#wrapperPlus div.content form label textarea { float:left; display:block; width:500px; height:200px; border:1px solid #7F9DB9; }
#wrapperPlus div.content form label input.code { width:400px; }
#wrapperPlus div.content form a.forgetPw { float:left; display:block; width:90px; height:25px; border:none; margin-top:10px; margin-left:10px; text-align:center; color:#FFFFFF; text-indent:5px; font-size:14px; line-height:25px; background:#417AC1; }
#wrapperPlus div.content form input.submit { float:left; display:block; width:80px; height:25px; border:none; margin-top:10px; margin-left:80px !important; margin-left:35px; color:#FFFFFF; font-size:14px; line-height:25px; background:#417AC1; cursor:pointer; }
#wrapperPlus div.sidebar { float:left; width:200px; margin-top:20px; }
#wrapperPlus div.sidebar div.widget { border-bottom:1px dashed #CDCDCD; margin-bottom:10px; }
#wrapperPlus div.sidebar div.widget h3 { color:#666666; font-size:14px; margin-bottom:10px; }
#wrapperPlus div.sidebar div.widget ul li { width:200px; list-style:none; line-height:1.2; margin-bottom:5px; text-indent:1em; }
#wrapperPlus div.sidebar div.widget ul li a { color:#0066CC; }
#wrapperPlus div.sidebar div.widget ul li a:hover { color:#656565; }
/* end   #wrapperPlus   */
.header2{width:960px; margin:10px auto; overflow:auto}
div.userip { width:360px; float:left}
.headerqq{ width:500; float:right}
div.bottom { width:960px; height:40px; clear:both; }
#footer { height:100px; width:100%; background:#EEEEEE; clear:both; }
#footer div.footerWrapper { width:960px; margin:10px auto; }
#footer div.footerWrapper p { text-align:right; color:#636363; font-size:14px; }
/* table*/
#wrapperPlus table { margin:5px 0; border-collapse: collapse; table-layout:automatic; width:100%; background:none; }
#wrapperPlus td, th { padding: 2px; text-align:center; border:1px solid #d9e6f0; }
#wrapperPlus thead { background:#f3f9ff; }
#wrapperPlus input { border:1px solid #d9e6f0; }
#wrapperPlus select { border:1px solid #d9e6f0; }
#header h2 { color:#FFF; }
#content { background:#FFF; }
#sidebar { background:#FFF; }
#sidebar h3 { background:#f3f9ff; border-bottom:1px solid #d9e6f0; }
#topmenu a, #topmenu a:visited { color:#FFF; background:#7e9dcc; }
#topmenu a:hover { color: #FFF; }
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited { color:#375b91; background: #FFF url(img/bg_menu_blue.jpg) repeat-x top; border-left: #FFF 1px solid; border-right: #FFF 1px solid; }
#top-panel { background:#FFF; }
#styleswitcher { background:#FFFFFF; }
#footer { background:#FFF; }
#box { border:1px solid #d9e6f0; }
#box h3 { background:#f3f9ff; border-bottom:1px solid #d9e6f0; color:#375b91; padding:8px}
/*** Forms ****/
form { padding:10px; margin:0 auto; }
form#form fieldset { display:block; padding:5px 10px 5px 10px; line-height:20px; margin-bottom:10px; }
form#form legend { font-size:12px; font-weight:bold; margin-bottom:5px; padding:3px; width:254px; }
form#form label { clear:left; display:block; float:left; width:100px; text-align:right; padding-right:10px; margin-bottom:5px; }
form#form div { overflow:auto; }
form#form input { padding:1px; margin-bottom:5px; }
form#form select { margin-bottom:5px; }
form#form textarea { padding:5px; overflow:auto; }
form#form option { background:#FFF; }
form#form optgroup option { }
form#form #button1, form#form #button2 { padding-right:5px; cursor:pointer; width:205px; margin-left:8px; font-weight:bold; }
form#form #button1:hover, form#form #button2:hover { background-position:center left; }
form#form fieldset { border:1px solid #d9e6f0; }
form#form legend { border:1px solid #d9e6f0; background:#fff url(img/form_blue.gif) repeat-x center left; color:#375b91; }
form#form input { border:1px solid #d9e6f0; background:#fff url(img/form_blue.gif) repeat-x top left; }
form#form textarea { border:1px solid #d9e6f0; background:#fff url(img/form_blue.gif) repeat-x bottom left; }
form#form option { background:#FFF; }
form#form optgroup { background:#d9e6f0; }
form#form optgroup option { }
form#form #button1, form#form #button2 { color:#375b91; }
form#form #button1:hover, form#form #button2:hover { color:#000; }
.portlet { margin: 0 1em 1em 0; width: 450px; float: left; overflow:auto; }
.portlet-header { margin: 0.3em; padding: 3px; }
.portlet-header .ui-icon { float: right; }
.portlet-content { padding: 0.4em; }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; min-height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
/* nested checkbox tree control */
ul.unorderedlisttree, ul.unorderedlisttree2 { list-style-type: none; padding: 0; margin: 0 0 5px 0; float:left }
ul.unorderedlisttree ul, ul.unorderedlisttree ul ul, ul.unorderedlisttree ul ul ul, ul.unorderedlisttree2 ul, ul.unorderedlisttree2 ul ul, ul.unorderedlisttree2 ul ul ul { list-style-type: none; }
ul.unorderedlisttree li, ul.unorderedlisttree2 li { background: none; color: #444; font-size: 11px; margin: 0 0 5px 0; padding: 0; }
ul.unorderedlisttree li ul, ul.unorderedlisttree2 li ul { margin: 7px 0 5px 15px; padding: 0; }
ul.unorderedlisttree2 li ul ul, ul.unorderedlisttree li ul ul { margin: 7px 0 5px 15px; padding: 0; }
ul.unorderedlisttree label, ul.unorderedlisttree2 label { background: url(img/bg-checkbox.gif) no-repeat 0 1px; cursor: pointer; font-weight: bold; padding: 4px 0 4px 17px; display:inline !important; float:none!important; }
ul.unorderedlisttree label.checked, ul.unorderedlisttree2 label.checked { background: url(img/bg-checkbox-checked.gif) no-repeat 0 1px; }
ul.unorderedlisttree label.checkedchildren, ul.unorderedlisttree2 label.checkedchildren { background: url(img/bg-checkbox-checkedchildren.gif) no-repeat 0 1px; }
li > label:hover, li > label.over { background: url(img/bg-checkbox-over.gif) no-repeat 0 1px; color: #2f66a3; }
li > label.checked:hover, li > label.checked.over, {
 background: url(img/bg-checkbox-checked.gif) no-repeat 0 1px;
}
li > label.checkedchildren:hover, li > label.checkedchildren.over { background: url(img/bg-checkbox-checkedchildren.gif) no-repeat 0 1px; }
.checkboxtreeactive input { display: none; }
.n_news li { padding:7px 4px 7px 16px; height:16px; background:url(img/d.gif) no-repeat 0 14px; border-bottom:#e5e5e5 1px dashed; }
.n_news li .list_tit { float:left; width:500px; height:12px; }
.n_news li .list_tit a { font-size:14px; }
.n_news li .list_date { float:right; width:100px; text-align:right; font-family:Arial, Helvetica, sans-serif; color:#888; }
.news_tit { width:100%; clear:both; text-align:center; padding:10px 0; font-size:18px }
.news_date { clear:both; text-align:right; color:#888; padding:10px; }
.news_con { clear:both; font-size:14px; padding:10px; line-height:22px; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }
/* commom style for all browsers */
.clear { clear:both }
/* download */
.download dl { border:1px solid #E5E5E5; float:left; margin:14px 0 0; padding-bottom:20px; }
.download dt { background:url("images/product.png") no-repeat scroll 0 -563px transparent; color:#0A86C4; font-size:14px; font-weight:bold; line-height:34px; margin:0; padding-left:12px; display:inherit }
.download .vInfo { width:370px; }
.download dd { color:#7C7C7C; float:left; line-height:24px; margin:10px 0 0; padding:10px; width:624px }
.download .vDld { height:auto; margin:10px 0 0 10px; overflow:hidden; width:224px; }
a.download { background:url("images/product.png") no-repeat scroll 0 -409px transparent; float:left; height:64px; margin:10px 0; text-indent:-1000em; width:220px; }
.insideDl { border:1px solid #E5E5E5; float:left; margin:3px 0 0; }
.insideDl .figure { float:left; height:80px; padding:20px 0 0 20px; text-align:left; width:100px; }
.insideDl dd { line-height:20px; width:460px }
.insideDl .before { background:none repeat scroll 0 0 #F7FBFE; border-bottom:1px solid #DEEFF7; float:right; padding:15px 20px; }
.insideDl .nowadays { border-left:1px solid #F7FBFE; float:right; padding:15px 20px; }
.iconY_1 { background:url("images/product.png") no-repeat scroll 0 -656px transparent; padding-left:30px; }
/* 注册 */
#plans { margin:0 auto; width:720px; overflow:auto }
.plan { background:url("images/dots_column.gif") repeat-y scroll right top #FFFFFF; float:left; width:240px; }
.plan h2 { background:url("images/plans_hdr.gif") no-repeat scroll 0 0 #222222; display:block; height:76px; margin-bottom:8px; text-indent:-5000px; width:240px; }
.plan ul { list-style:none outside none; margin:0 32px 0 16px; margin-left:18px; }
.plan li { background:url("images/icon_plus.gif") no-repeat scroll 2px center transparent; color:#666666; padding:0 0 0 16px; }
.plan li span { background:url("images/dots_row.gif") repeat-x scroll left bottom transparent; cursor:pointer; display:block; padding:8px 0; width:100%;height:30px;vertical-align: middle;}
#plans a.signup { background-image:url("images/btn_signup.gif"); height:28px; margin:24px 0 32px 32px; text-align:center; width:112px; }
#plans a.signupno { background-image:url("images/btn_signupno.gif"); height:28px; margin:24px 0 32px 32px; text-align:center; width:112px; }
#plans .button { background-position:0 0; background-repeat:no-repeat; border:medium none; display:block; overflow:hidden; text-indent:-5000px; }
#plans .button:hover, .button_hover { background-position:right bottom !important }
#signup_form { background:none repeat scroll 0 0 #FFFFFF; clear:both; width:720px; margin:0 auto; }
#signup_form fieldset { background:url("images/dots_row.gif") repeat-x scroll left bottom #F3F6EA; display:block; padding-bottom:24px; border:0 none; }
#signup_form legend { display:none; }
#signup_form fieldset dl { float:left; width:100%; }
#signup_form fieldset h2 { float:left; margin:26px 0 28px 131px; }
#signup_form fieldset dt { clear:both; color:#403F3D; float:left; font-size:12px; font-weight:bold; line-height:20px; margin-right:16px; padding:8px 0 2px; text-align:right; width:160px; }
#signup_form fieldset input { float:left; height:24px; margin:0; width:374px; }
#signup_form fieldset dd { color:#918862; float:left; font-size:11px; padding-bottom:16px; width:432px; }
#signup_form fieldset dd span{line-height:24px}
input#account_vpn { width:256px !important }
#signup_form button#btn_sign_up { margin:10px auto; }
button#btn_sign_up { background-position:0 0; background-repeat:no-repeat; display:block; height:28px; overflow:hidden;  width:150px; }
button#btn_sign_up:hover { background-position:right bottom !important }
#form_footer{ margin:0 auto; text-align:center}
#signup_form .error{ color:#F00 !important;}
#signup_form dd div{clear:both}
.appnovirus{ padding-bottom:8px;overflow:auto}
.appnovirus span{ width:110px; float:left; padding:2px}
.freeright{float: right; margin: 6px; width: 336px; height: 280px; display: block;}