/* CSS Document */
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:0; margin:0 auto; color:white; background-color:black; width:1000px}
a img{border:0}
p,ul,li,h1,h2,h3,h4,h5{padding:0; margin:0; list-style:none}
#navTop,#tag,#content,#top,#buttom{ margin: 0 auto; padding:0}
a{ text-decoration:none; color:white}
/*top*/
#top{padding:28px 0;height:104px}
.sign{ float:left; width:450px}
.sign li{ background:url(../images/top-li.jpg) no-repeat left center; padding-left:15px; color:white; font-weight:bold; height:31px; line-height:31px}
.sign li a:link, .sign li a:visited{ text-decoration:none}
.sign li a:hover{ color:red; text-decoration:none}
#windowsMac{ padding:10px 0 0 0 ; float:right; margin:0}
.windows,.mac,.windows2,.mac2{width:101px; height:77px; display:block; float:left}
.windows{background:url(../images/windows.jpg) no-repeat;}
.mac{ background:url(../images/mac.jpg) no-repeat}
.windows2{background:url(../images/windows2.jpg) no-repeat;}
.mac2{ background:url(../images/mac2.jpg) no-repeat}
/*navTop*/
#navTop{background:url(../images/topNav-off.jpg) repeat-x; height:61px;}
#navTop a{width:154px; display:block; float:left; line-height:61px; text-align:center; font-size:15px; font-weight:bold}
#navTop a:hover,#navTop #navOn{ background:url(../images/topNav-on.jpg) no-repeat; width:154px}
#navTop a.firstA{background:url(../images/firstA-on.jpg) no-repeat;width:192px}
#navTop .firstOff{background:url(../images/firstA-off.jpg) no-repeat;width:192px}
#navTop a.firstOff:hover{background:url(../images/firstA-on.jpg) no-repeat;width:192px }
#navTop a.lastOff{background:url(../images/lastA-off.jpg) no-repeat;width:192px }
#navTop .lastA{background:url(../images/lastA-on.jpg) no-repeat;width:192px}
#navTop a.lastOff:hover{ background:url(../images/lastA-on.jpg);width:192px}
#tag{background:url(../images/tag.jpg) no-repeat center bottom;height:17px; text-align:center; padding-top:15px; font-size:13px}
#tag a{padding:0 10px}
/*content*/
#content{margin-top:36px; clear:both}
.navLeft{float:left; width:231px; height:auto;}
	/*left*/
	.searchL,.windowsL,.macL{background: url(../images/left-bt.jpg) no-repeat bottom center;float:left; height:auto; margin-bottom:39px}
	.form{ width:210px; margin:0; padding:0 0 0 21px; background:url(../images/search-top.jpg) repeat-y top center;}
	.select{width:194px; height:22px}/*ͼƬûн*/
	/*ർ*/	
	.windowsL,.macL{position:relative; z-index:30}
	.windowsL{z-index:50}
	ul.listbox{padding-bottom:20px;}
	ul.listbox li{line-height:30px;color:white;text-indent:20px;}
	ul.listbox li a{display:block;color:white;height:30px;line-height:30px; width:100%}
	ul.listbox li a:hover{display:block;color:red;height:30px;line-height:30px; width:100%}
	.bimOther{z-index:1000; float:left;position:absolute;top:78px;left:200px;padding:0;}
	ul.listbox_other{background:url(../images/subMenu-mid.jpg) no-repeat black top; width:160px}
	ul.listbox_other .topLi{background:url(../images/subMenu-top.jpg) no-repeat top; height:7px; font-size:2px; line-height:0}
	ul.listbox_other li{height:30px;}
	ul.listbox_other li a{display:block;text-decoration:none;color:white;height:30px;line-height:180%;padding-left:5px;}
	ul.listbox_other li a:hover{display:block;color:#0060fe;background:#f2f2f2;}	
.contentRg{float:right; width:731px; height:auto}
	/*right*/
	.recommend,.introduct{height:auto; width:731px; margin:39px 0;}
	.introduct{float:right; background:url(../images/introduct-mid.jpg) repeat-x black;}
	.introductMid,.recommendMid{ width:683px; float:left; padding-top:22px}
	.introductMid .box{float:left;width:230px; height:205px; padding:0 0 0 15px; margin:0}
	.introductLf{background:url(../images/introduct-lf.jpg) no-repeat; width:24px; float:left;height:950px }
	.introductRt{background:url(../images/introduct-rt.jpg) no-repeat; width:24px; float:right;height:950px}
	.detail{background:url(../images/introduct-hr.gif) no-repeat bottom;width:683px; margin: 0 auto 10px auto;clear:both; float:left;}
	.detail .describe{ float:right; width:437px; line-height:190%}
	.detail .describe p{ padding:10px 0; clear:both}
	.buyDownload{height:103px; font-size:16px; font-weight:bold;color:#C8C8C8; font-style:italic}
	.buyDownload li{ float:left; margin-right:20px}
	.priceMar{ margin-top:44px}
	.buyNow,.downloadNow{height:24px; width:89px; display:block;margin-left:30px}
	.buyNow{background:url(../images/buy.gif) no-repeat; margin-bottom:18px}
	.downloadNow{ background:url(../images/download.gif) no-repeat}
	.productsBuy,.productsDownload,.productsBuy2,.productsDownload2{height:35px; width:145px; display:block;margin-left:30px}
	.productsBuy,.productsBuy2{background:url(../images/productsBuy.gif) no-repeat; margin-bottom:18px}
	.productsBuy2{background:url(../images/productsBuy2.gif) no-repeat;}
	.productsDownload,.productsDownload2{ background:url(../images/productsDownload.gif) no-repeat}
	.productsDownload2{ background:url(../images/productsDownload2.gif) no-repeat}
	.downloadH,.downloadH2,.downloadH3{ background:url(../images/titleBg.gif) no-repeat left center; width:321px; height:47px; padding-left:49px; padding-top:16px; color:#00FFFC; font-size:15px; font-weight:bold;}
	.downloadH2{ background:url(../images/titleBg2.gif) no-repeat left center;}
	.downloadH3{ background:url(../images/titleBg3.gif) no-repeat left center;}
	.productsM{margin-top:40px;}
	.downloadH a:link, .downloadH a:visited,.downloadH2 a:link, .downloadH2 a:visited,.downloadH3 a:link, .downloadH3 a:visited{color:#00FFFC; text-decoration:none}
	.downloadH a:hover,.downloadH2 a:hover,.downloadH3 a:hover{color:#00FFFC; text-decoration:underline}
	.learnMore{background: url(../images/learn-more.gif) no-repeat; width:78px; height:22px; display:block; margin:49px 0 0 30px}
	.recommend{ background:url(../images/recommend-mid.jpg) repeat-x black;float:right; clear:both}
	.recommendLf{ background: url(../images/recommend-lf.jpg) no-repeat; width:24px; float:left; height:411px;}
	.recommendRt{ background: url(../images/recommend-Rt.jpg) no-repeat; width:24px; float:right; height:411px;}
	.remPro{background:url(../images/rem-pro.gif) no-repeat right center; width:217px; float:left; padding:0 5px; line-height:150%; text-align:justify}
	.remPro h5{ font-size:19px; margin-bottom:10px; color:#EAEAEA}
	.guideIndex{background:url(../images/guideIndex.gif) no-repeat; height:33px; padding-left:38px; line-height:33px; font-size:19px}
	.guideList{ margin-left:35px; line-height:180%;}
	.guideList li a{ color:#CCC}
/*hot*/
#buttom{clear:both; text-align:center; font-family:Geneva, Arial, Helvetica, sans-serif}
.btBorder{background: url(../images/introduct-hr.gif) no-repeat center bottom; height:20px;padding-top:10px}
.btBorder a{padding:0 15px; border-right:1px solid white}
.btBorder a:hover{ background-color:red}
#buttom p strong{color:red; padding:0 10px}
.indexH1{ font-size:19px; font-weight:bold;}
.indexH1 a:link,.indexH1 a:visited{ text-decoration:none}
.indexH1 a:hover{ color:red; text-decoration: none}
/*common*/
.floatL{ float:left;}
.red{ color:red}
.ht300{ height:300px}
.boldT{ font-weight:bold}
.boldT a:link,.boldT a:visited { color:white; text-decoration:none}
.boldT a:hover{ color:red; text-decoration:none}
a.noBorder{ border:none}
.clear{ clear:both}
.bgcolor{background-color:#009900; font-weight:bold}
.searchbox{ height:15px; width:138px; vertical-align:bottom; margin-left:3px;}
.seachImage{ padding-top:5px; vertical-align:bottom;}
#cse-search-results iframe{ width:730px;}
.table1{ background:#C4C4C4;  line-height:15px;}
.table1 td{ background:#000000; }
.table1 a:link, .table1 a:visited{ text-decoration:none;}
.table1 a:hover{ text-decoration:underline}