@charset "utf-8";

/*==== Reset ====*/
body {margin:0; padding:0; font:12px/160% verdana,Arial,Tahoma,Helvetica,sans-serif; color:#333; background:#006c8c;}
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,img{margin:0;padding:0;}
ul,ol,li,dl,dt,dd {list-style:none;}
img{border:0px; behavior:url(script/iepngfix.htc);}

a,a:link {color:#005982; text-decoration:none;}
a:visited {color:#005982; text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}

/*==== Share ====*/
.clear {clear:both;}
.crumb { background:url(images/ico_crumb.gif) no-repeat left 14px; padding:10px 0 0 20px; margin:0 20px 0 20px; color:#7e7e7e;}
.left {float:left;}
.right {float:right;}
.lineBottom {background:url(images/lineBottom.gif) repeat-x left bottom;}
.MainLine {background:url(images/bottomLine03.gif) no-repeat center bottom; text-align:right; padding-bottom:1px;padding-right:1px;}


/*= btn more =*/
a.btnMore {background: url(images/btnMore.png) no-repeat left 3px; padding-left:76px; height:18px; line-height:14px; font-size:14px; text-decoration:none;}
a.btnMore:visited {_text-decoration:none;}
a.btnMore:hover { background-position:left -14px; text-decoration:none;}

a.btnDown { background: url(images/ico_down.png) no-repeat left center; padding-left:25px; height:22px; line-height:22px; font-size:12px; text-decoration:underline;}
a.btnDown:visited {_text-decoration:underline;}
a.btnDown:hover { text-decoration:none;}

a.btnBuy {background: url(images/ico_buy2.png) no-repeat left center; padding-left:25px; height:22px; line-height:22px; font-size:12px; text-decoration:underline;}
a.btnBuy:visited {_text-decoration:underline;}
a.btnBuy:hover {text-decoration:none;}

/*= buy and download buttom style =*/
.btnPro {height:50px;}
.btnPro a {background:url(images/btnPro.png) no-repeat; width:90px; height:30px; line-height:28px; display:block; float:right; margin:0 5px; padding:20px 0 0 60px; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;}
.btnPro a:visited {_color:#fff;}
.btnPro .buy {}
.btnPro .down {background-position:-150px top;}
.btnPro .learn_pro { background:url(images/learn_more.png);background-position:-150px 3px;}
.btnPro .down_pro {background-position:-150px top; font-size:14px; font-weight:normal;}




/*==== Frame ====*/
#container {background:url(images/bottomBg.gif) repeat-x left bottom #bcd6e0;}
#mainWrap {background:url(images/topBg.gif) repeat-x left top;}


#header,#main,#footer {width:938px; margin:0 auto;}

#header { background:url(images/headerBg.png) no-repeat left top; height:160px; padding:18px 8px 0 8px;}
#main {border-left:solid 1px #597178; border-right:solid 1px #597178; background-color:#fff;}
#mainLeft {float:left; width:700px;}
#mainRight {float:right; width:220px; padding:30px 10px 0 0;}

#mainBottom {background:url(images/mainBottom.png) no-repeat left top; height:10px; font-size:0; line-height:0;width:940px; margin:0 auto;}

#footer {height:215px;}



/*====Style=====*/
.proBox {}
.proBox .proImg {float:left; text-align:center;}
.proBox .proImg_buy {float:left; text-align:center; padding:50px 30px 0 30px;}
.proBox .proName {font-style:italic; font-weight:bold; padding-bottom:15px; padding-top:25px;}
.proBox .proName a {color:#000;}
.proBox .proName a:hover {color:#005982; text-decoration:none;}
.proBox .proName .proBrand { font-size:18px; color:#006795;}
.proBox .proName strong {display:block; padding:3px 0; font-size:26px;}
.proBox .proName strong span {color:#7e7e7e; font-size:12px;}

.sidBox {padding-bottom:10px;}
.sidBox .ColumnTitle,.sidBox .ColumnTitle span,.sidBox .sidBottom {background:url(images/sidbarColumn.png) no-repeat;}
.sidBox .ColumnTitle {background-position:right -38px;}
.sidBox .ColumnTitle span {display:block; background-position:left top; line-height:38px; font-weight:bold; text-indent:15px; color:#005982;}
.sidBox .sidBoxMain { border-left:solid 1px #cbdadf; border-right:solid 1px #cbdadf; background-color:#f8f8f8; padding:10px; width:198px;}
.sidBox .sidBottom {background:url(images/sidbarBottom.png) no-repeat left top; height:10px; font-size:0; line-height:0;}

.tableStyle td {padding:5px;}
.tableStyle .Column {background:url(images/reqTitle.gif) repeat-x; line-height:20px; font-weight:bold;}
.tableStyle .bgColor {background-color:#f8f8f8;}


/*Header*/
#logo {float:left; position:relative;}
#logo h1,#logo a,#logo dt {display:block; float:left;}
#logo a {width:242px; height:75px; text-indent:-999px; overflow:hidden; background:url(images/logo.jpg) no-repeat; margin-left:20px; _margin-left:10px; margin-top:30px;}
#logo dt {position:absolute; left:225px; top:20px; height:24px; width:150px; line-height:22px; text-indent:18px; background:url(images/logoTxt.png) no-repeat; color:#7e7e7e;}
#logo dd {padding:55px 0 0 280px; color:#7e7e7e;}
#link_w p{position:absolute; left:834px; top:72px; height:24px; width:260px; line-height:22px; text-indent:18px;}

.topNav {float:right; margin-right:20px; _margin-right:10px; padding-top:2px; width:130px; line-height:24px; text-align:center;}
.topNav a {color:#000; text-decoration:none; line-height:24px;}
.topNav a:hover {color:#005982;}
.topNav2 {float:right; margin-right:20px; _margin-right:10px; padding-top:-20px; width:400px; line-height:24px; text-align:center;}

#nav { height:30px; padding:10px 10px 0 10px;}
.menu {float:left;}
.menu li {float:left; padding:0 8px; background:url(images/navLine.gif) no-repeat right top;}
.menu li a,.menu li a span {display:block;}
.menu li a {color:#fff; font-size:14px; font-weight:bold; text-decoration:none; height:31px; line-height:31px; float:left;}
.menu li a:visited {_color:#fff; text-decoration:none;} 
.menu li a span {padding:0 20px}
.menu li a:hover { background:url(images/menu.png) no-repeat right top; text-decoration:none;}
.menu li a:hover span {background:url(images/menu.png) no-repeat left -31px;}

#index .index a,#product .product a,#store .store a,#support .support a,#affiliate .affiliate a,#resources .resources a {background:url(images/menu.png) no-repeat right top;}
#index .index a span,#product .product a span,#store .store a span,#support .support a span,#affiliate .affiliate a span,#resources .resources a span {background:url(images/menu.png) no-repeat left -31px;}

.serach {float:right; height:30px; padding-top:5px;}


/*main*/
.indexPro {padding-bottom:20px;}
.indexPro .proImg {width:390px; padding-top:30px;}
.indexPro .proImg .ProSize {padding-right:88px;}
.indexPro .proInfo {padding:20px 10px 0 400px;}
.indexPro .Size,.indexPro .Prices {font-size:12px; font-weight: normal; color:#fff; text-decoration:none;}
.indexbtnPro {height:50px;}
.indexbtnPro a {background:url(images/btnPro2.png) no-repeat; width:170px; height:30px; line-height:28px; display:block; float:right; margin:0 5px; padding:20px 0 0 60px; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;}
.indexbtnPro a:visited {_color:#fff;}
.indexbtnPro .buy {}
.indexbtnPro .down {background-position:-230px top;}

.indexKey {background: url(images/keyFeaturesBg.png) no-repeat; width:476px; height:180px; padding:20px 15px 0 30px; display:block; margin-top:10px;}
.indexKey dt { font-weight:bold; font-style:italic; font-size:14px; padding-bottom:5px;}
.indexKey dd {color:#7e7e7e; font-size:11px; line-height:16px; padding:2px 0;}

.indexSteps { padding:20px 0 20px 30px;}
.indexSteps .title {font-style:italic; font-size:18px; color:#006795;}
.indexSteps dl { float:left; width:255px; padding-top:20px;}
.indexSteps dl.line {background:url(images/ico_01.gif) no-repeat right 60px; margin-right:25px; padding-right:30px;}
.indexSteps dl dd {padding:10px; color:#7e7e7e;}
.indexSteps dl dd p { font-weight:bold; padding-bottom:5px; color:#333;}
.indexSteps dl dd a {padding:0 5px;}


/*Products*/
.pro {}
.pro .proBox {padding-bottom:20px;}
.pro .proBox .proImg {width:390px; padding-top:20px;}
.pro .proBox .proInfo {padding:20px 10px 0 400px;}
.pro .proBox .btnPro {margin-top:20px;}

.MainColumn {padding-left:25px; font-size:18px; font-weight:bold; line-height:22px; color:#006795; font-style:italic; background:url(images/ico_02.png) no-repeat left center; margin:20px 20px 0 20px;}

#proList {padding:0 14px 20px 14px;}
#proList dl {float:left; width:181px; display:block; padding:10px 0;}
#proList dl.line {background:url(images/lineRight.gif) no-repeat right center;}
#proList dl dt { text-align:center;}
#proList dl dt .Prices { font-weight:bold; color:#FF0000; font-size:14px; padding-bottom:10px;}
#proList dl dt .Prices span {font-size:11px;}
#proList dl dd {padding:0 10px;}
#proList dl dd .proName {padding-top:10px; height:40px;}
#proList dl dd .proName a {font-size:12px; font-weight: bold;}
#proList dl dd .proInfo {font-size:11px; line-height:16px; padding-bottom:10px; height:130px;}

.listBgOver {background: url(images/OverBg.gif) repeat-x left 40px;}
.listBgOver .proName a {color:#005982;}
.listBg {}
.listBg .proName a {color:#000;}

.proContainer {background:url(images/proSidbarItemBg.gif) no-repeat right bottom; height:100%;}
.proContainer .proSidMenu {float:right; width:220px; padding:20px 0; background:url(images/proSidbarItemBgTop.gif) no-repeat right top;}
.proContainer .proMain {padding:30px 238px 20px 20px;}

#scrollDiv{height:150px;min-height:150px;overflow:hidden}
#scrollDiv li{height:150px;}

.proSidbar {padding-bottom:30px;}
.proSidbar li {padding-bottom:5px;}
.proSidbar li a {display:block; background:url(images/proSidbarItem.png) no-repeat left top; height:37px; line-height:37px; font-size:14px; font-weight:bold; text-indent:20px; color:#333;}
.proSidbar li a:visited {_color:#333;}
.proSidbar li a:hover {background:url(images/proSidbarItemOver.png) no-repeat left top; text-decoration:none;}
/*.sidKeyFeature .sidMenuKf a,.sidScreenshot .sidMenuScr a,.sidRequirement .sidMenuReq a,.sidHowtouse .sidMenuHtu a,.sidFaq .sidMenuFaq a {display:block; background:url(images/proSidbarItemOver.png) no-repeat left top; height:37px; line-height:37px; font-size:14px; font-weight:bold; text-indent:20px;}*/

/*»¬¶―ΓΕ--------------------------------------------*/
		#tabtags li.selectTag a{display:block; background:url(images/proSidbarItemOver.png) no-repeat left top; height:37px; line-height:37px; font-size:14px; font-weight:bold; text-indent:20px; color:#333;}
		.selectTag {}
		#tabtagContent {clear:both;}
			.tabtagContent {display:none;}
		#tabtagContent div.selectTag{display:block;}
	/*------------------------------------------------------*/

.sidFeedback .Column {padding:0 10px 10px 35px; margin-left:10px; background:url(images/ico_05.png) no-repeat left 5px;}
.sidFeedback .List {padding:5px 10px 5px 20px; font-size:11px; line-height:16px; color:#7e7e7e;}
.sidFeedback .List p {padding-bottom:5px;}
.sidFeedback .btn { text-align:right; padding:5px 20px; font-size:11px;}

.keyItem dl {float:left; width:320px; padding:5px 10px;}
.keyItem dl dt {float:left;}
.keyItem dl dd {padding-left:80px; padding-bottom:20px; *padding-bottom:0 !important;}
.keyItem dl dd .title { font-size:12px; font-family:Arial; font-weight:bold; padding-bottom:10px;}
.keyItem dl dd p {color:#7e7e7e; font-size:11px;}

.scrMain dl {padding:10px 10px 0 390px;}

/*.reqMain .title { background:url(images/reqTitle.gif) repeat-x; line-height:20px; font-weight:bold;}*/
.reqMain table {margin-bottom:20px;}
/*.reqMain table td {padding:5px 10px; font-size:11px;}
.reqMain table .bgColor td { background-color:#f8f8f8;}*/

.faqMain dl {padding:0 10px;}
.faqList dt {background:url(images/ico_faq_Q.png) no-repeat left top; font-weight:bold; padding-left:40px; height:30px; line-height:30px;}
.faqList dd {font-size:11px; color:#7e7e7e; padding:5px 0 20px 20px; margin-bottom:20px;}
.faqList .line { background:url(images/bottomLine.gif) no-repeat center bottom;}

/*search*/
#cse-search-results{margin-left:10px;}
#cse-search-results iframe{width:95%;}

/*store*/
.purTop {padding:20px; margin-bottom:20px;}
.purTop .left { width:200px; text-align:center;}
.purTop dl {padding:0 0 0 200px;}
.purTop dl dt { font-size:18px;padding-bottom:5px; padding-left:5px; font-weight:bold;}
.purTop dl dd p {padding-left:5px;}
.purTop dl dd ol {margin-left:20px;}
.purTop dl dd ol li { list-style-type:disc;}

/*= mainLeft buy =*/
.buy .proBox {}
.buy .proBox .proImg {width:180px; text-align:center; padding-top:10px;}
.buy .proBox .proInfo {padding-left:180px;}

.orderBox {padding:10px 20px 20px 20px;}
.orderBox td {padding:5px 10px;}
.orderBox .Column {background:url(images/reqTitle.gif) repeat-x; line-height:20px; font-weight:bold;}
.orderBox .bgColor {background-color:#f8f8f8;}
.orderBox .Prices {color:#a40000; font-weight:bold;}
.orderBox .btn { background:url(images/ico_buy.png) no-repeat left center; padding-left:20px;}
.orderBox .note_li li{padding:2px 0 3px 10px; background:url(images/ico_06.gif) 0 12px no-repeat;}
.orderBank {padding:10px 0;}
.orderBank .left { padding:0 10px;}

/*= mainLeft supprot =*/
.supMain {padding:20px;}
.supMain .supImg {float:left; width:140px; text-align:center; padding-top:10px;}
.supMain .supInfo {padding-left:140px; padding-top:10px;}
.supMain .line {background:url(images/bottomLine03.gif) no-repeat center bottom; text-align:right;}



.supGuide table {border-left:solid 1px #e5e5e5; border-right:solid 1px #e5e5e5;}
.supGuide td {padding:5px 10px; border-bottom:solid 1px #e5e5e5;}

.supTechnical p {padding:10px 20px;}

/*= mainLeft supprot =*/
.banner {padding:10px 20px;}
.affMain {padding:10px 20px;}

/*= mainLeft Resources =*/
.resMain {padding:10px 20px;}
.resMain h2{font-size:14px; font-weight:bold; line-height:22px; padding:3px 0;}
.resMain h3{font-size:12px; font-weight:bold; line-height:22px;padding-top:10px;}
.articleList {padding:10px 0 20px 0;}
.articleList .left {padding:5px 0 20px 0; width:150px; text-align:center; overflow-x:hidden;}
.articleList .right {padding:5px 0 20px 0; width:200px; text-align:center; overflow-x:hidden;}
.articleList .title { font-size:14px; font-weight:bold; padding-bottom:10px;}

/*= mainRight =*/
.sidFlow li {background:url(images/sidFlow.png) no-repeat;padding-left:42px; font-size:11px; color:#707070; line-height:28px; margin:2px;}
.sidFlow li.two { background-position:left -28px;}
.sidFlow li.three { background-position:left -56px;}
.sidFlow li.four { background-position:left -84px;}
.sidFlow li.five { background-position:left -112px;}

.sidFaqList li {padding:0 0 5px 0; margin:0 0 5px 0;}
.sidFaqList li.line {background:url(images/bottomLine02.gif) no-repeat center bottom;}
.sidFaqList li a {background:url(images/ico_06.gif) no-repeat left 8px; padding-left:10px; display:block; line-height:18px; color:#333;}
.sidFaqList li a:visited {_color:#333;}

.sidMenu li a { background:url(images/sidMenuOver.png) no-repeat center top; height:30px; line-height:30px; display:block; padding-left:20px; color:#333;}
.sidMenu li a:visited {_color:#333;}
.sidMenu li span {background:url(images/sidMenuOver.png) no-repeat center bottom; color:#005982; font-weight:bold;height:30px; line-height:30px; display:block; padding-left:20px;}
.sidMenu li a:hover { background:url(images/sidMenuOver.png) no-repeat center bottom; color:#005982; font-weight:bold; text-decoration:none;}

.sidBanner {padding:10px 0;}

.sidTags a {color:#333; padding-right:10px;}
.sidTags a strong { font-size:14px;}

.sidSub p {padding-top:10px;}
.sidSub .inputEmail {width:130px; color:#fff; background-color:#2a586d; border:solid 1px #005982; padding:2px;}



/*Footer*/
.footerNav {padding:20px 9px;}
.footerNav dl {float:left; padding:5px 10px; width:210px; height:140px;}
.footerNav dl.line { background:url(images/footerNavLine.gif) no-repeat 220px 10px;}
.footerNav dt { text-indent:-999px; overflow:hidden; background:url(images/footerNav.jpg) no-repeat; height:45px; margin-bottom:10px;}
.footerNav dt.fPro {background-position:left top;}
.footerNav dt.fFree {background-position:left -45px;}
.footerNav dt.fArt {background-position:left -90px;}
.footerNav dt.fLearn {background-position:left -135px;}
.footerNav dd {padding:0 10px; color:#c1f1ff;}
.footerNav dd a {color:#fff; padding:0 10px;}
.footerNav dd a:visited {_color:#fff; text-decoration:none;}
.footerNav dd a:hover { text-decoration:underline;}

.copy {text-align:center; color:#73b8d8;}
.copy a {color:#73b8d8; padding:0 5px;}
.copy a:visited {_color:#73b8d8; text-decoration:none;}
.copy a:hover { text-decoration:underline;}
.copy p {color:#0c3345;}


/* ZhaoJK add CSS == Product Feature Pages ==*/
.feaTitle , .feaInfo{clear:left;}
.feaTitle{margin-top:25px;padding:0 10px;}
.feaTitle img{float:left;margin:0 10px 0 10px;}
.feaTitle h6{padding-top:15px;color:#363636;font-size:16px; font-weight:bolder;}
.feaTitle blockqute{color:#666666;}
.feaInfo{width:665px;padding:15px 10px 0 25px;}
.feaInfo img{float:right;padding-left:15px;}
.feaInfo dl{padding:0 0 15px 10px;}
.feaInfo dl dt{padding:0 0 5px 10px;background:url(../images/black_arrow_icon.jpg) center left no-repeat;font-weight:bolder;}
.feaInfo dl dd{margin-bottom:15px;padding-left:10px;color:#666666;font-size:11px;line-height:120%;}