@charset "utf-8";
/* CSS Document */
/*main css begin*/
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; }
BODY,H1,H2,H3,H4,H5,H6,PRE,CODE,ADDRESS,CAPTION,CITE,CODE,EM,TH,P,A,LI,TD,DL,DT,DD {FONT: 11px/1.8em Verdana, Arial, Helvetica, sans-serif;}
BODY {background-color:#f2f2f2;}
H1 {FONT: 16px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
H4 {FONT: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
H5 {FONT: 14px Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
span{font-weight:bold;}
.red14{{font:14px;color:#FF0000;font-weight:bold;}

a {
	color:#666; font:Arial, Helvetica, sans-serif 12px;text-decoration:none;}
}
a:link {
	color:#666;text-decoration:none;;
}
a:visited {
	color:#666;text-decoration:none;;
}
a:active {
	color:#666;text-decoration:none;;
}
a:hover {
	COLOR: #000; text-decoration:underline;
}
/*----------------head css------------------*/
#headCnt {clear:both; margin:9px auto 0px auto;width:883px; height:92px;}
#logo {MARGIN-TOP: 0px; DISPLAY: block; background:url(../img/logo.gif) no-repeat; FLOAT: left; WIDTH: 300px; HEIGHT: 50px}
#headCnt .slogan{float:left; margin:23px 0px 0px 30px;}

#globalNav { clear:both; margin:0 auto 0 0; width:819px; height:34px; display:block; padding:0;}
#globalNav Li {list-style:none; float:left; width:117px; height:34px; display:inline;}

#globalNav Li A{FLOAT: left;WIDTH: 117px; PADDING-TOP: 34px; HEIGHT: 0px;overflow:hidden; background:url(../img/headerNav.gif) no-repeat;}

#globalNav Li#nav-home A {BACKGROUND-POSITION: 0px 0px}
#globalNav Li#nav-p A {BACKGROUND-POSITION: -117px 0px}
#globalNav Li#nav-fr A {BACKGROUND-POSITION: -234px 0px}
#globalNav Li#nav-d  A {BACKGROUND-POSITION: -351px 0px}
#globalNav Li#nav-blog A {BACKGROUND-POSITION: -468px 0px}
/*#globalNav Li#nav-guide A {BACKGROUND-POSITION: -585px 0px}
#globalNav Li#nav-support A {BACKGROUND-POSITION: -702px 0px}*/

#globalNav Li#nav-home A:hover {BACKGROUND-POSITION: 0px -34px}
#globalNav Li#nav-p A:hover {BACKGROUND-POSITION: -117px -34px}
#globalNav Li#nav-fr A:hover {BACKGROUND-POSITION: -234px -34px}
#globalNav Li#nav-d A:hover {BACKGROUND-POSITION: -351px -34px}
#globalNav Li#nav-blog A:hover {BACKGROUND-POSITION: -468px -34px}
/*#globalNav Li#nav-guide A:hover {BACKGROUND-POSITION: -585px -34px}
#globalNav Li#nav-support A:hover {BACKGROUND-POSITION: -702px -34px}*/

#globalNav Li#nav-home A:active  {BACKGROUND-POSITION: 0px -68px}
#globalNav Li#nav-p A:active {BACKGROUND-POSITION: -117px -68px}
#globalNav Li#nav-fr A:active {BACKGROUND-POSITION: -234px -68px}
#globalNav Li#nav-d A:active {BACKGROUND-POSITION: -351px -68px}
#globalNav Li#nav-blog A:active {BACKGROUND-POSITION: -468px -68px}
/*#globalNav Li#nav-guide A:active {BACKGROUND-POSITION: -585px -68px}
#globalNav Li#nav-support A:active {BACKGROUND-POSITION: -702px -68px}*/

.home#globalNav Li#nav-home A{background-position:0px -102px}
.p#globalNav Li#nav-p A,
.p#globalNav Li#nav-p A:hover,
.p#globalNav Li#nav-p A:active{background-position:-117px -102px}

.fr#globalNav Li#nav-fr A,
.fr#globalNav Li#nav-fr A:hover,
.fr#globalNav Li#nav-fr A:active{background-position:-234px -102px}

.blog#globalNav Li#nav-blog A,
.blog#globalNav Li#nav-blog A:hover,
.blog#globalNav Li#nav-blog A:active{background-position:-468px -102px}


.d#globalNav Li#nav-d A,
.d#globalNav Li#nav-d A:hover,
.d#globalNav Li#nav-d A:active{background-position:-351px -102px}
/*
.guide#globalNav Li#nav-guide A,
.guide#globalNav Li#nav-guide A:hover,
.guide#globalNav Li#nav-guide A:active{background-position:-585px -102px}

.spport#globalNav Li#nav-support A,
.spport#globalNav Li#nav-support A:hover,
.spport#globalNav Li#nav-support A:active{background-position:-702px -102px}
*/

/*----------content-------------*/

#banner {clear:both;width:883px; height:249px; margin:0px auto 10px auto; }
#left-2 {width:620px; height:25px; margin:0px auto; display:block!important; display:inline; }
#content { clear:both;width:883px; height:auto; margin:0px auto 10px auto; overflow:hidden;}
#pdt { float:left; width:252px; padding:0; margin-left:10px}
.menutitle {width:206px; height:22px;background:url(../img/menutitle.gif) no-repeat; padding-left:46px; padding-top:10px;}
.menumid  {width:100%; height:100%; background:url(../img/menutitle-2.gif) repeat-y; padding-top:10px; padding-bottom:10px;}
.menumid ul li{list-style:none; padding:3px 0 3px 25px; background:url(../img/ico-1.gif) 17px 11px no-repeat;}
#menubtm { width:100%; height:6px; background:url(../img/menutitle-3.gif) no-repeat; margin:0;}
/*news*/
.box-news1 {width:206px; height:22px;background:url(../img/news-bg-1.gif) no-repeat; padding-left:46px; padding-top:10px; margin-top:10px; overflow:hidden;}
.box-news2  {width:100%; height:130px; background:url(../img/news-bg-2.gif) repeat-y; padding-top:10px; padding-bottom:10px;}
.box-news2 ul li{list-style:none; padding:3px 0 3px 25px; background:url(../img/ico-1.gif) 17px 11px no-repeat;}
#box-news3 { width:100%; height:6px; background:url(../img/news-bg-3.gif) no-repeat; margin:0;}

/*Left*/
#left {float:left; width:620px; height:auto;}
#mainprod {width:620px; height:241px; margin-bottom:10px; display:block!important; display:inline; }
#prodbg1 {width:570px; height:26px; background:url(../img/index_bg_1.gif) no-repeat;  padding-left:50px; padding-top:9px;}
#prodbg2 {width:600px; height:178px; background:url(../img/index_bg_2.gif) repeat-y; padding:10px;}
#prodbg3 {width:620px; height:5px; background:url(../img/index_bg_3.gif) no-repeat;}
#prodbg4 {width:620px; height:5px; padding:0px; margin:0px;}
#prodbg1 h1 a,#sprodbg1 a,#sprodbg1 h1 a:visited,
#prodbg1 h1 a:visited {FONT: 16px Arial,Verdana,  Helvetica, sans-serif; color:#000; font-weight:bold; text-decoration:none;}
#prodbg1 h1 a:hover #sprodbg1 h1 a:hover{FONT: 16px Arial,Verdana,  Helvetica, sans-serif; color:#000;font-weight:bold;}
#prodbg1 h2 a,#sprodbg1 a,#sprodbg1 h2 a:visited,
#prodbg1 h2 a:visited {FONT: 16px Arial,Verdana,  Helvetica, sans-serif; color:#000; font-weight:bold; text-decoration:none;}
#prodbg1 h2 a:hover #sprodbg1 h2 a:hover{FONT: 16px Arial,Verdana,  Helvetica, sans-serif; color:#000;font-weight:bold;}
#prod_img { float:left;}
#abcd { width:370px; height:178px; margin-left:220px;}
#prod_btn { width:370px; height:50px; padding-top:10px;}
#prod_txt { clear:both; width:370px; height:150px;}
#prod_descri { padding-top:0px;}
#download1 p{ float:left;margin-top:5px; margin-bottom:10px; margin-left:60px;}
#download1 a,
#download1 a:visited {font:12px Arial, Helvetica, sans-serif; color:#4A794B; font-weight: bold; }
#download1 a:hover {font:12px Arial, Helvetica, sans-serif; color:#4A794B; font-weight: bold; }

#sprod_img { float:left; width:120px;}
#blank2 { float:left; width:10px; height:300px;margin:0;display:block!important; display:inline; }
#sprod { float:left;width:305px; height:300px; margin:0; margin-bottom:10px; display:block!important; display:inline; }

#sprodbg1 {width:255px; height:26px; background:url(../img/prod_s_bg_1.gif) no-repeat;  padding-left:50px; padding-top:9px;}
#sprodbg2 {width:285px; height:244px; background:url(../img/prod_s_bg_2.gif) repeat-y; padding:10px;}
#sprodbg3 {width:305px; height:5px; background:url(../img/prod_s_bg_3.gif) no-repeat;}
#sabcd { float:left;width:100px; height:110px; margin-left:40px; margin-top:25px;}
#sabcd-mac{ float:left; height:110px; margin-left:5px; margin-top:25px;}
#sprod_btn { width:144px; height:50px; padding-top:40px;}
#sprice{font:12px Arial, Helvetica, sans-serif; color:#888; font-weight: bold;}
#sbuy { height:33px; padding-top:5px;}
#sbuy a,
#sbuy a:visited{font:16px Arial, Helvetica, sans-serif; color:#cb0e00; font-weight: bold;LINE-HEIGHT: 25px; height:25px;text-align:center;TEXT-DECORATION: none}
#sbuy a:hover{font:16px Arial, Helvetica, sans-serif; color:#CC0000; font-weight: bold;LINE-HEIGHT: 25px; height:25px;TEXT-DECORATION:underline;}
#sprod_descri{clear:both;}
/*downloads page*/
.itable{ clear:both; width:618px; border:1px solid #b9bdc4;}
.down-buy{ background-color:#CCCCCC;}
.itable td { border-top:1px solid #c9ced7; padding:10px 20px; line-height:18px;}
.itable .down-buy td { padding:8px 20px; color:#0066CC; font-size:14px; border-top:0;  line-height:normal; font-weight:bold;}
.itable .down-buy .col01 {width:440px;}
.itable .down-buy .col02 {width:50px; text-align:center;}
.itable .down-buy .col03 {width:50px; text-align:center;}
.itable .down-buy .col04 {width:78px; text-align:center;}
.itable .ver {text-align:center;}
.ititle a,.ititle a:link,.ititle a:visited,.ititle a:active { color:#000000; font-size:12px;}

.d-box { clear:both;width:598px; background-color:#F5F5F5; height:auto; padding:10px; border: solid 1px #c8c8c8; margin-top:10px; overflow:hidden;}
.d-image {float:left; width:100px; height:100px; margin:10px 0px auto;}
.d-text {float:left; width:498px;}
.d-descri {margin:10px 0px;}
.d-download{ float:right; margin-right:20px;}
.d-download a{font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#b80f0f;}
.d-download a:link,
.d-download a:visited,
.d-download a:active{font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#b80f0f;}
.d-download a:hover{font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FF0000;}


#d-menu{ width:620px; height:38px; background:url(../img/d-tab-03.gif) repeat-x; padding:0;}
#d-title h1 a{ font:16px Times, "Times New Roman", serif; color:#10305f; font-weight:bold;}
#d-title h2 a{ font:16px Times, "Times New Roman", serif; color:#10305f; font-weight:bold;}
#d-mac,#d-ftv,#d-vtf,#d-flv,#d-drc{width:120px; height:38px;float:left;display:inline; text-align:center; font: 12px Verdana, Arial, Helvetica, sans-serif #999; background:url(../img/d-tab.gif) no-repeat; padding-top:11px;overflow:hidden;}
.ftv #d-ftv{width:120px; height:38px;float:left;display:inline; text-align:center; font: 12px Verdana, Arial, Helvetica, sans-serif #000;  overflow:hidden;font-weight:bold; background:url(../img/d-tab-on.gif) no-repeat;}

.vtf #d-vtf{width:120px; height:38px;float:left;display:inline; text-align:center; font: 12px Verdana, Arial, Helvetica, sans-serif #000;  overflow:hidden;font-weight:bold; background:url(../img/d-tab-on.gif) no-repeat;}

.flv #d-flv{width:120px; height:38px;float:left;display:inline; text-align:center; font: 12px Verdana, Arial, Helvetica, sans-serif #000;  overflow:hidden;font-weight:bold; background:url(../img/d-tab-on.gif) no-repeat;}

.drc #d-drc{width:120px; height:38px;float:left;display:inline; text-align:center; font: 12px Verdana, Arial, Helvetica, sans-serif #000;  overflow:hidden;font-weight:bold; background:url(../img/d-tab-on.gif) no-repeat;}

.mac #d-mac{width:120px; height:38px;float:left;display:inline; text-align:center; font: 12px Verdana, Arial, Helvetica, sans-serif #000;  overflow:hidden;font-weight:bold; background:url(../img/d-tab-on.gif) no-repeat;}
.mac #d-mac a,
.mac #d-mac a:hover,
.mac #d-mac a:active,
.ftv #d-ftv a,
.ftv #d-ftv a:hover,
.ftv #d-ftv a:active,
.vtf #d-vtf a,
.vtf #d-vtf a:hover,
.vtf #d-vtf a:active,
.flv #d-flv a,
.flv #d-flv a:hover,
.flv #d-flv a:active,
.drc #d-drc a,
.drc #d-drc a:hover,
.drc #d-drc a:active { color:#3865c1;font-weight:normal;}
/*.ftv#d-ul li#d-ftv a,
.vtf#d-ul li#d-vtf a,
.flv#d-ul li#d-flv a,
.fw#d-ul li#d-fw a{ color:#000000;font-weight:bold; background:url(../img/d-tab-on.gif) no-repeat;}
#d-title {}
/*right*/
#txt {float:left; width:620px;}
#title {padding:15px 0 10px 35px; background:url(../img/ico-2.gif) 5px 17px no-repeat;}
#title img{ float:left; margin-left:10px; }
#title h1{ float:left;font: 22px Arial,"Times New Roman",sans-serif, Helvetica  Times, serif ;font-weight: bold; color:#000;}
#tdesci{ clear:both; height:16px;}
#pdtint { padding-left:10px; padding-bottom:0px;}
#pdtint p {margin:10px auto; color:#666666;}
#p1 {padding-left:20px; height:180px;}
#preview { float:left;padding-left:0px; width:180px; padding-bottom:20px;}
#right {float:left; padding-top:10px; padding-left:20px; width:370px; height:120px;}
#os{ clear:both; color:#CC0000;}

#download { float:left;width: 134px; height:35px;background:url(../img/download1.gif) no-repeat; padding-top:5px; padding-left:15px; margin-left:30px;}
#download a,
#download a:visited{DISPLAY: block;font:16px Arial, Helvetica, sans-serif; color:#000; font-weight: bold;LINE-HEIGHT: 25px; height:25px;text-align:center;TEXT-DECORATION: none}
#download a:hover{DISPLAY: block;font:16px Arial, Helvetica, sans-serif; color:#0033CC; font-weight: bold;LINE-HEIGHT: 25px; height:25px;TEXT-DECORATION: none;text-align:center;}



#buy { float:left;width: 134px; height:35px;background:url(../img/btn-buy.gif) no-repeat; padding-top:5px; padding-left:15px;}
#buy a,
#buy a:visited{DISPLAY: block;font:16px Arial, Helvetica, sans-serif; color:#000; font-weight: bold;LINE-HEIGHT: 25px; height:25px;text-align:center;TEXT-DECORATION: none}
#buy a:hover{DISPLAY: block;font:16px Arial, Helvetica, sans-serif; color:#cb0e00; font-weight: bold;LINE-HEIGHT: 25px; height:25px;TEXT-DECORATION: none;text-align:center;}

#price { float:left;font:12px Arial, Helvetica, sans-serif; color:#cb0e00; font-weight: bold; padding-top:5px; margin-left:20px;}
#pprice {font:50px Arial, Helvetica, sans-serif; color:#CCCCCC; font-weight: bold; padding-top:5px; margin-left:20px; margin-bottom:20px;}

#sshot {height:188px; width:620px; margin-top:10px;}
#sshot #box1{ height:5px;background:url(../img/shotbg-1.gif) no-repeat; margin:0px;overflow:hidden}
#sshot #box2{ height:178px;background:url(../img/shotbg-2.gif) repeat-y;margin:0px;}
.img1{ float:left; margin-top:15px; margin-left:20px; width:180px;display:inline; overflow:hidden;}
.img1 .click1 { width:180px; text-align:center;}
#sshot #box3{ height:5px;background:url(../img/shotbg-3.gif) no-repeat;margin:0px;overflow:hidden}
.Kfeatures h5{DISPLAY: block;background:url(../img/index_42.gif) no-repeat; width:610px; height:39px;LINE-HEIGHT: 27px;padding-left:10px; margin-top:10px; padding-top:5px;}

.Kfeatures dl { padding-left:20px; color:#666;}
.Kfeatures dl dt{ font-weight:bold; padding-top:10px; background:url(../img/ico-5.gif) 0px 18px no-repeat; padding-left:15px;color:#3865c1;}
.Kfeatures dl dd { padding-left:16px;}
/*.Kfeatures dl a{ padding-left:20px; color:#666;}*/
.Kfeatures dl dt a{color:#40578C; font-size:12px;  no-repeat;}
.Kfeatures dl dd a{color:#3865c1;font-size:11px; font-weight:normal;}
.Kfeatures ul { padding-left:20px; color:#666;}
.abcdef {font-weight:bold; padding-top:10px; background:url(../img/ico-5.gif) 0px 18px no-repeat; padding-left:15px;}
.Kfeatures ul li { list-style:none; padding-left:20px; color:#464646;padding-top:10px; background:url(../img/ico-4.gif) 0px 18px no-repeat; padding-left:15px;}

.downloadb {height:50px; background-color:#CEE4F2; font:"Times New Roman", Times, serif; font-size:26px; color:#000;  text-align:center; margin-top:15px;}
.downloadb a {font:"Times New Roman", Times, serif; font-size:26px; color:#000;}

/*--------------------Mac--------------------------*/
#ppricemac{float:left;font:50px Arial, Helvetica, sans-serif; color:#CCCCCC; font-weight: bold; padding-top:5px; margin-bottom:20px;margin-top:0px;}
#buymac {float:left;width:134px; height:35px;background:url(../img/btn-buy.gif) no-repeat; padding-top:5px; padding-left:15px; margin-top:20px; margin-left:30px}
#buymac a,
#buymac a:visited{DISPLAY: block;font:16px Arial, Helvetica, sans-serif; color:#000; font-weight: bold;LINE-HEIGHT: 25px; height:25px;text-align:center;TEXT-DECORATION: none}
#buymac a:hover{DISPLAY: block;font:16px Arial, Helvetica, sans-serif; color:#cb0e00; font-weight: bold;LINE-HEIGHT: 25px; height:25px;TEXT-DECORATION: none;text-align:center;}
#BandP { clear:both;}

.mac-download{float:left; margin-right:20px; width:200px; height:30px; background:url(../img/icon-down.png) 7px 7px no-repeat; padding-left:35px; padding-top:4px;}
.mac-download a{font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#b80f0f;}
.mac-download a:link,
.mac-download a:visited,
.mac-download a:active{font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#3c7329;}
.mac-download a:hover{font:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#3c7329; text-decoration:underline;}
/*-----------------resources-----------------------*/
#txt-r {float:left; width:100%;}
.d-box-r { clear:both;width:862px;; background-color:#F5F5F5; height:auto; padding:10px; border: solid 1px #c8c8c8; margin-top:10px; overflow:hidden;}

/*---------------------------------------------tips-----------------------------------------*/
.indexbox4{clear:both; height:310px;}
.indexbox5{clear:both; height:240px;}
#tips { width:570px; height:26px; background:url(../img/prod_s_bg_1.gif) no-repeat;  padding-left:50px; padding-top:9px;background-color:#333333;}

/*-----------------foot-----------------------*/
#footblank {
	clear:both;
	display:block;
	width:819px;
	height:10px;
	margin:0px auto 10px auto;
	text-align:center;
	overflow:hidden;
}
#footLink {
	clear:both;
	display:block;
	width:819px;
	height:30px;
	margin:0px auto 10px auto;
	text-align:center;
	background-color:#f8f8f8;
	padding-top:5px;
	border: 1px solid #d0d0d0;
}
.learn,.learn:link,.learn:visited,.learn:active{ color:#006699;}