@charset "utf-8";
.clearFix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearFix{display:inline-block;}/* Hide from IE Mac \*/
.clearFix{display:block;}/* End hide from IE Mac */
.doNotDisplay{display: none;}
.left{float: left;}
.right{float: right;}
* {margin: 0px;padding: 0px;}
a{text-decoration:none;color: #24618E;}
a:hover{color: #FF3333;text-decoration:underline;}
body{font-size: 75%;width: 990px;font-family:Verdana;margin-left: auto;margin-right: auto; position:relative;}
img{border: none;}
ul{list-style-type: none;list-style-position:inside;}
li{list-style-type: none;list-style-position:inside;}

#header{ width:auto; height:100px;}
.logo{ display:block; width:252px; height:36px; float:left; margin:10px 0 0 55px; display:inline;}
#noc{ display:block; float:right; width:220px; height:35px; margin:7px; display:inline}
.noc01{ display:block; width:33px; height:32px; background:url(../images/img.png) no-repeat 0 -1px; float:left; margin-right:10px; display:inline}
.noc02{ display:block; width:33px; height:32px; background:url(../images/img.png) no-repeat -48px -1px; float:left; margin-right:10px; display:inline}
.noc03{ display:block; width:33px; height:32px; background:url(../images/img.png) no-repeat -96px -1px; float:left; margin-right:10px; display:inline}
.noc04{ display:block; width:33px; height:32px; background:url(../images/img.png) no-repeat -142px -1px; float:left; margin-right:10px; display:inline}
.noc05{ display:block; width:33px; height:32px; background:url(../images/img.png) no-repeat 0 -153px; float:left; margin-right:10px; display:inline}

ul.mainNav{ display:block; width:969px; height:36px; line-height:36px; margin:0 auto; background:url(../images/navBg.png) no-repeat 969px -150px; clear:both; padding-right:5px; border-bottom:2px solid #DBEAED}
.mainNav li{ display:block; float:left; width:136px; height:36px; background:url(../images/navBg.png) repeat-x; border-right:1px solid #9c9c9c; border-left:1px solid #bbb; font-family:Arial;}
.mainNav li a{ display:block; width:100%; height:100%; text-align:center; font-size:18px; color:#333;}
.mainNav li a:hover{ text-decoration:none; color:#fff; background:url(../images/navBg.png) repeat-x 0 -50px}
.mainNav li.navLeft{ width:5px; background:url(../images/navBg.png) no-repeat 0 -100px; border:none}
.mainNav li.cur a{ text-decoration:none; color:#fff; background:url(../images/navBg.png) repeat-x 0 -50px; cursor:default}

.content{ width:950px; height:auto; position:relative; margin:10px auto; border-top:1px solid #716F64; clear:both; padding:10px 0; font-family:Arial;}

#footer{ width:841px; height:auto; background:#e5e5e5; margin:10px auto; clear:both; position:relative; padding:10px 0; text-align:center; font-weight:bold; font-family:Arial;}
.fTop{ display:block; width:100%; height:10px; background:url(../images/footerBg.gif) no-repeat 0 0; overflow:hidden; position:absolute; top:0; left:0;}
.fBottom{ display:block; width:100%; height:10px; background:url(../images/footerBg.gif) no-repeat 0 -10px; overflow:hidden; position:absolute; bottom:0; left:0;}
#footer p{ color:#666; line-height:260%;}
#footer a{ color:#000;}

.homeLeft{ width:750px; float:left; clear:both; overflow:hidden; margin-bottom:10px;}
.hlBoxW{width:644px; height:auto; border:1px solid #ddd; background:#F6F7F9; padding:2px; float:left; margin:10px 0 0 30px; display:inline;}
.hlBox{ width:auto; height:auto; background:#fff; padding:10px;}
.hlBox h1{ font-size:24px; color:#2971A7; font-weight:normal; width:430px; float:left; display:block;}
.hlBox p{ font-family:Arial; clear:left; padding:5px 10px;}
.hlBox img{ width:180px; height:160px; float:right;}
.hlBox h3{ clear:both; width:58%; float:left; font-size:20px; color:#010101; font-weight:normal; margin:10px 0; clear:both;}
.hlBox h4{ float:right; width:35%; float:right; font-size:20px; color:#f00; font-weight:normal; margin:10px 0;}
.hlBox .buy{ width:139px; height:19px; margin:5px 80px 5px 0; clear:both; float:right;}
.hlBox a.downloadBtn{ display:block; width:79px; height:19px; background:url(../images/img.png) no-repeat -200px -50px; float:left}
.hlBox a.downloadBtn:hover{ background:url(../images/img.png) no-repeat -200px -75px;}
.hlBox a.buyBtn{ display:block; width:60px; height:19px; background:url(../images/img.png) no-repeat -279px -50px; float:left}
.hlBox a.buyBtn:hover{ background:url(../images/img.png) no-repeat -279px -75px;}
.hlBox p a{ margin:5px 10px; line-height:175%;}

.sideBar{ width:180px; float:right; margin:10px 0;}

.softBtn{ width:168px; height:107px; background:url(../images/img.png) no-repeat -1px -41px; display:block;}
.softBtn span{ display:none;}

.box01{ margin:10px 0;}
.box01Top{ width:168px; height:4px; overflow:hidden; background:url(../images/img.png) no-repeat -200px 0;}
.box01Center{ width:166px; height:auto; padding:5px 0px; background:#f1f1f1; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd; font-family:Arial;}
.box01Center dl{ margin:0 10px;}
.box01Center dt{ font-size:18px; color:#333; margin-bottom:5px; position:relative;}
.box01Center dt span{ display:block; width:13px; height:13px; position:absolute; top:4px; right:0px; background:url(../images/img.png) no-repeat -375px 0;}
.box01Center dd{ margin-left:5px;}
.box01BBox{ margin:10px 0; padding:10px; border-top:1px solid #ccc;}
.box01Bottom{ width:168px; height:4px; overflow:hidden; background:url(../images/img.png) no-repeat -200px -5px;}

.box02Title{ width:148px; height:24px; line-height:24px; color:#fff; background:url(../images/img.png) no-repeat -200px -10px; padding:0 10px; position:relative; font-size:14px;}
.box02Title a{ display:block; width:50px; position:absolute; top:0px; right:-5px; color:#fff; font-size:11px;}
.box02Box{ border:1px solid #ccc; border-bottom:none; width:166px; height:auto;}
.box02Box h3{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#efefef; position:relative; font-size:14px; padding-left:10px; height:22px; line-height:22px; color:#333;}
.box02Box span{ display:block; width:13px; height:13px; position:absolute; top:4px; right:5px; background:url(../images/img.png) no-repeat -375px 0; overflow:hidden}
.box02Box ul{ list-style-position:outside; padding:10px;}
.box02Box li{ list-style-position:outside;}
.margin10{ padding:10px;}
.box02Bottom{ width:168px; height:4px; background:url(../images/img.png) no-repeat -200px -40px; overflow:hidden} 

/************** list **************/
.list{}
.list dt{ color:#000; background:url(../images/img.png) no-repeat -395px 6px; padding-left:20px; font-size:14px; height:25px; line-height:25px;}
.list dd{ margin:0 50px 0 20px; color:#666;}

.subNav{ width:945px; height:auto; display:block; clear:both; margin:10px auto 0 auto; border-bottom:1px solid #A3ADAF;}
.subNav li{ list-style-position:outside; display:block; width:90px; height:40px; line-height:40px; background:url(../images/img.png) no-repeat -190px -100px; float:left; text-align:center;}
.subNav li a{ display:block; width:100%; height:100%; color:#08f; font-size:16px;}
.subNav li a:hover{background:url(../images/img.png) no-repeat -280px -100px; text-decoration:none;}
.subNav li.cur{background:url(../images/img.png) no-repeat -280px -100px; text-decoration:none; cursor:default}

.listBoxW{ width:943px; border:1px solid #C8CACA; margin:0 auto;}
.listBoxW h4{display:block; width:925px; height:57px; background:url(../images/listTitle.png) no-repeat; margin:10px auto; line-height:23px; color:#fff; padding-left:10px; font-size:16px;}
.listBoxW h4 span{display:block; float:left; margin-top:5px; color:#928F8F; font-size:14px; font-weight:normal;}
.b01{ width:375px; padding-left:10px;}
.b01 b{ display:block; margin-bottom:5px;}
.b02{ width:90px; text-align:center;}
.b03{ width:210px;text-align:center;}
.b04{ width:120px;text-align:center;}
.b05{ width:110px;text-align:center;}

.listBox{ width:923px; height:auto; border-top:1px solid #e5e5e5; margin:10px 0; padding:10px;}
.listBox span{ display:block; float:left; vertical-align:middle; height:100%;}
.listBox span.b04{ color:#f00}


.proLeft{ width:750px; float:left; clear:both; overflow:hidden; margin-bottom:10px; padding-bottom:20px;}
.proInfoLeft{ width:200px; float:left; margin:10px; text-align:center; display:inline;}
.proLeft h2{ color:#283446; font-size:18px; line-height:30px; background:url(../images/arrow_gray.gif) no-repeat left center; padding-left:30px; font-weight:normal}
.proLeft p{ font-size:12px;color:#6D6D6D; margin:10px; line-height:20px;}

.support-tab{ border:#C9CED7 solid 1px; margin-left:20px; background-color:#F7F8F9; font-size:11px;}
.support-tab td{ height:34px; padding-left:10px; border-bottom:#C9CED7 solid 1px; }
.support-tab h3{ color:#01A9EE; font-size:12px; text-indent:2em; font-weight:bold;line-height:20px; background: url(../images/ico-1.jpg) no-repeat 0.5em center}

.support-tab td.series{ background-color:#E4E8EF; height:30px; color:#283446; font-weight:bold }
.support-tab tr.line01{ background-color:#F7F8F9;}
.support-tab tr.line02{ background-color:#EDEFF3;}

.faq{ width:670px; height:auto; line-height:25px; float:left; margin:10px 0 0 20px; clear:both; overflow:hidden; }
.faq h2{ color:#283446; border-bottom:#ccc dashed 1px; font-size:13px; width:100%; font-weight:bold}
.faq li p{ font-size:12px; color:#283446;font-weight:bold;}
.faq li{ color:#666; font-size:12px;}

.glossary{ width:670px; height:auto; line-height:25px; font-size:12px; float:left; margin:10px 0 0 20px; clear:both; overflow:hidden; } 
.glossary h2{  color:#283446;border-bottom:#ccc dashed 1px; font-size:13px; width:100%; font-weight:bold}

.guide{ width:670px; height:auto; line-height:25px; font-size:12px; float:left; margin:10px 0 0 20px; clear:both; overflow:hidden; }

.proInfoLeft img{ width:auto; display:block; margin:10px auto;}
a.enlarge{ color:#01AEF4; background:url(../images/blowup.gif) no-repeat left;padding:6px 5px 6px 18px}

.proInfoLeft .price{ width:100%; text-align:center;color:#CC0202; font-size:18px; clear:both; margin:15px 0 10px 0;}
.proInfoLeft .price span{color:#FF8A00;text-decoration:line-through;}
.proInfoLeft .price b{color:#363636}
.proInfoRight{ width:460px; float:right; margin:10px 30px 10px 10px; display:inline; color:#6d6d6d; font-size:10pt; line-height:160%;}
.infoBtn{ margin:20px 10px; clear:both; text-align:right; width:200px; float:right; display:inline}
.infoBtn a.buyNow{ display:block; width:79px; height:23px; background:url(../images/buy_now_off.gif) no-repeat; float:left;}
.infoBtn a:hover.buyNow{ background:url(../images/buy_now_on.gif) no-repeat}
.infoBtn a.downLoad{ display:block; width:79px; height:23px; background:url(../images/download_off.gif) no-repeat; float:left; margin-left:10px; display:inline}
.infoBtn a:hover.downLoad{ background:url(../images/download_on.gif) no-repeat}

.infoBottom{ clear:both; margin:10px auto; width:700px;font-size:12px; color:#6D6D6D; line-height:20px}
.infoBottom h3{border-bottom:1px dashed #E0E0E0;color:#283446;font-size:12px;padding:10px;}
.infoBottom dl{ line-height:170%; margin:10px 20px ;}
.infoBottom dt{ background:url(../images/arrow_black.gif) no-repeat left center; padding-left:15px; font-weight:bold; font-size:12px; color:#6D6D6D}

.infoBottom ul{ line-height:170%; margin:10px 20px;}
.infoBottom li{ background:url(../images/arrow_black.gif) no-repeat 0 8px; padding-left:15px; font-weight:normal; font-size:12px; color:#6D6D6D; list-style-position:outside}


.moreSoft a{ display:block; width:30%; float:left; display:inline}