body { margin:0px; }
img { border:0px; }
td, select, textarea { color:#333; font: normal 11px "Verdana", "Tahoma", "Arial"; line-height:1.5 }
A:link, A:visited { color:#333; }
A:hover { text-decoration:underline; }
.menu, .menu A:link, .menu A:visited { font: bold 10px "Verdana", "Tahoma", "Arial"; color:#FFF; text-decoration:none; }
.menu A:hover { color:#CCC; }
.rpart { width:200px; background:#EDEEEF; }
.footmenu { margin-top:1px; border-bottom:1px solid #FFF; border-bottom:2px solid #900; }
.footmenu td { background-color: #CFCFCF; }
.text-vc { font-size:11px; color:#444; line-height:145%; text-decoration:none }
#prod { background:#CFCFCF; line-height:25px; width:200px; margin:0; padding:0; text-align:left; border-top:2px solid #000; }
#contact { width:200px; margin:0px; padding:0px; }
#cate { color:#BD0606; background:transparent url(images/catbg.gif) no-repeat 0px -2px; width:200px; height:23px; float:left; margin:0; padding-top:2px; border-top:2px solid #000; border-bottom:1px solid #000; }
.catename, .catename A { color:#BD0606; font: bold 12px "Arial", "verdana", "Thoma"; text-decoration:none; padding-left:20px; }
.catename A:hover { color:#BD0606; text-decoration:underline; }
.catename A:visited { color:#BD0606; }
#panebot { background:transparent url(images/panebot.gif) no-repeat 0px -2px; width:200px; height:6px; float:left; margin:0 0px 0 0px; padding:0 }
#moreprod A, #moreprod A:visited { font: bold 11px "Arial", "verdana", "Thoma"; color:#000; text-decoration:none; float:right; text-align:right; padding-right:10px; margin:5px 0 10px 0; }
#moreprod A:hover { color:#BD0606; text-decoration:none; text-align:right; padding-right:10px; margin:5px 0 10px 0; }
#sup, #sysnote { background:#CFCFCF; line-height:25px; width:200px; margin:0px; padding:0; border-top:2px solid #000; border-bottom:1px solid #000; float:left; ont-family:"Arial", "Verdana"; font-size:12px; font-weight:bold; color:#000; text-decoration:none; }
#dvdtool span, #vidtool span, #audtool span, #pack span { display:none; }
#prodpane { background:#EDEEEF; width:188px; margin:0 3px 0 3px; padding:6px 0 6px 0; float:left; }
#prodpane ul { list-style:none; margin:0; padding:0px; text-align:left; width:188px; }
#prodpane li A, #prodpane li A:visited { font: normal 11px "Arial", "verdana", "Thoma"; color:#444; text-decoration:none; width:188px; line-height:22px; margin:0px; padding-left:20px; background:transparent; display: block; }
#prodpane li A:hover { font: normal 11px "Arial", "verdana", "Thoma"; color:#444; text-decoration:underline; line-height:22px; margin:0px; padding-left:20px; background:transparent; display: block; }
#prodpane .new { background:url(images/newicon.gif) no-repeat 0 10px }
#supane { background:#EDEEEF; width:200px; margin:0; padding:0; }
#supane ul { list-style: none; margin:8px 0 8px 0; padding:0; text-align:left; clear: left; }
#supane li A, #supane li A:visited { background:url(images/dot.gif) no-repeat 5px 6px; font: bold 10px "verdana", "Arial", "Thoma"; width:190px; padding:5px 0px 5px 20px; color:#444; text-decoration:none; }
#supane li A:hover { background:url(images/dot1.gif) no-repeat 5px 6px; font: bold 10px "verdana", "Arial", "Thoma"; width:190px; padding:5px 0px 5px 20px; color:#BD0606; text-decoration:none; }
#salepane { font-size:11px; text-align:left; margin-bottom:30px; padding:10px; color:#000; background:#D6E0EB; text-align:left; }
.navtitle, .navtitle A, .navtitle A:visited { font-family:"Arial", "Verdana"; font-size:12px; font-weight:bold; color:#000; text-decoration:none; padding-left:20px; }
.navtitle A:hover { text-decoration:underline; }
#note { text-align:left; margin-bottom:30px; padding:10px; color:#000; background:#EDEEEF; text-align:left; }
.linkpane { font-size:10px; color: #444; float:left; width:200px }
.linkpane td { background:#EDEEEF; height:25px; padding:10px; }
.linkpane A:link, .linkpane A:visited { font: normal 10px; color:#444; font-weight:bold }
.linkpane A:hover { font: normal 10px; color:#BD0606; font-weight:bold }
.littlemenu { color:#fff; font-weight:bold; text-decoration:none }
.copyright { color:#333; text-align:center; text-decoration:none; }
.bot { font-size: 9px; color:#808080 }
#news { float:left; background:#edeeef; }
#news ul { float:left; width:180px; padding:0px; margin:5px; }
#news li { font-size: 10px; color:#444; background:#edeeef; list-style-position: inside; list-style-image: url(images/sun.gif); margin-bottom:15px; }
#news A:link { font-size: 10px; color:#444; text-decoration:underline; }
#news A:hover, .news A:visited { font-size: 10px; color:#444; text-decoration:underline; }
.title-border { font-weight:bold; font-size:12px; color:#bd0606; text-decoration:none; line-height:30px; border-bottom:1px solid #000 }
.greytext { font:normal 10px; color:#666; text-decoration:none; }
.orlinks { font-size:10px; color:#F63; text-decoration:none }
.tutorial-text { text-decoration:none; color:#333; line-height: 23px; }
.text, .text td { text-decoration:none; color:#333; line-height: 180%; }
.blacktext { font:normal 10px; color:#000; text-decoration:none; line-height:25px }
.bot A:link, .bot A:hover, .bot A:visited { text-decoration:none; color:#333; line-height: 18px; }
.text1, .text1 td { text-decoration:none; color:#333; line-height: 180%; }
.text1b { font-weight: bold; text-decoration:none; color:#666; line-height: 18px; }
.textthrough {text-decoration:line-through; font-size:10px}
a.redtext { font-weight: bold; text-decoration:none; color:#F00; }
.link { font-weight: bold; color:#FF0; text-decoration:none; }
.yellowbig { font-weight:bold; font-size:12px; color:#fff; }
.bulink { font-weight: bold; text-decoration:underline; color:#333; }
.bulinks { font:normal 9px #004a80; text-decoration:none }
.onsalelink { font-weight: bold; text-decoration:underline; color:#369; }
.onsalelinknoun, onsalelinknoun A:link { font-weight: bold; text-decoration:none; color:#369; }
.comments { font: bold 10px "Verdana", "Tahoma", "Arial"; text-decoration:none; color:#F00; }
.whitetext { text-decoration:none; color:#FFF; line-height: 25px; }
.redtext { font-weight:bold; font-size:10px; color:#ff0000; text-decoration:none }
.smalltext { font-weight:bold; font-size:8px; text-decoration:none; color:#666 }
.greylnk { font-weight:bold; font-size:10px; text-decoration:underline; color:#666 }
.subtitle { font-weight: bold; text-decoration:none; color:#F60; line-height: 30px; }
.org24 { font-size: 24px; font-weight: bold; color: #F60; line-height:50px; }
.org16, org16 A:link { font-size: 16px; font-weight: bold; color: #F60; text-decoration:none; }
.red13, red13 A:link { font-size: 13px; font-weight: bold; color: #F00; text-decoration:none; }
.org12, A.org12 { font-size: 12px; font-weight: bold; color: #F60 }
.org11 { font-size: 11px; font-weight: bold; color: #F60 }
.org10 { font-size: 10px; font-weight: bold; color: #F60 }
.discrp { text-decoration:none; color:#333; }
.list li { list-style-image: url(images/dot1.gif); margin-left:-28px; margin-bottom:10px; }
.prodtitle, .prodtitle A { font-weight:bold; font-size: 14px; line-height:30px; color:#000; text-decoration:none }
.prodtitle A:hover { text-decoration:none; }
.red-title { font-size:16px; color:#bd0606; font-weight:bold; text-decoration:none }
.red-down { font:bold; color:#fe6600; }
.text-10 { text-decoration:none; color:#333; line-height: 150%; font-size: 10px; }
.bd { font-weight:bold; font-size:10px }
.bigtitle { font-weight:bold; font-size:14px; color:#000 }
a.bigtitle { text-decoration:none }
.adbox { border-width: 1px 0; border-style: solid; border-color: #a6a6a6; }
.adbox-left { border-right: 1px solid #000; }
/**/



.left { width:540px; float:left; }
.frame01 .top { height:10px; background:url(images/frame01_top.gif) no-repeat top; }
.frame01 .content { border:1px solid #e4e4e4; border-top:none; border-bottom:none; float:left; }
.frame01 .content .pic { width:226px; text-align:center; float:left; padding-top:20px; }
.frame01 .content .description { float:right; width:490px; line-height:20px; padding-top:8px; }
.frame01 .content span { color:#000; font-weight:bold; }
.frame01 .content p { margin:12px 30px 12px 0; }
.frame01 .info { clear:both; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#f8f8f8 url(../images/frame01_bg.gif) repeat-x top; height:50px; }
.frame01 .info .price { float:left; color:#333; margin:8px 0 0 50px; }
.frame01 .info .price span { color:#677e9b; }
.frame01 .info .price p { font-size:22px; font-weight:bold; }
.frame01 .info .button { float:right; margin:22px 20px 0 0; }
.frame01 .info .button img { margin-right:15px; }
.frame01 .bottom { height:10px; background:url(images/frame01_bottom02.gif) no-repeat top; float:left; width:540px; }
.comp { float:left; margin-top:10px; }
.comp .two_side { border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; }
.comp .chart_top { background:#efefef url(images/top_line_bg.gif) repeat-x top; }
.comp .chartname { padding-left:20px; color:#076984; font-size:14px; font-weight:bold; border-bottom:1px solid #fff; height:30px; }
.comp .blue_line { background:url(images/blue_bg.gif) repeat-x; line-height:32px; border-top:1px solid #e5e5e5; }
.comp .blue_line p { background:url(images/arrow_green.gif) no-repeat 10px center; }
.comp p { padding-left:20px; color:#333333; font-weight:bold; font-size:13px; }
.comp .item { margin-top:3px; }
.comp .item td { border-left:1px solid #fff; border-bottom:1px solid #fff; width:80px; text-align:center; padding:10px 0; }
.comp .buy a { color:#0066b5; text-decoration:underline; font-weight:bold; }
.comp .buy a:hover { color:#f30b1c; }
.comp .firstcolor { background:#f8f8f8; }
.comp .secondcolor { background:#f0f0f0; }
.comp .data td { padding:8px 0; }
.comp .data td.title { padding-left:20px; }
.comp .data .choose { width:97px; text-align:center; border-left:1px solid #fff; }
.comp .data .choose_3 { width:65px; text-align:center; border-left:1px solid #fff; }
.comp .gray_line { background:url(images/gray_bg.gif) repeat-x; line-height:32px; border-top:1px solid #e5e5e5; }
.comp .gray_line p { background:url(images/arrow_dark.gif) no-repeat 10px center; }
.comp div.bottom { height:10px; width:540px; position:absolute; margin-top:-10px; margin-left:-1px; }
.comp div.bottom div { float:left; height:10px; }
.comp div.bottom .leftcorner { width:10px; }
.comp div.bottom .centerline { border-bottom:1px solid #e5e5e5; width:520px; height:9px; overflow:hidden; }
.comp div.bottom .rightcorner { width:10px; }
.comp .second { padding:10px 20px; border-bottom:1px solid #fff; }
.comp .try_buy a { color:#333333; font-weight:bold; /*font-size:12px;*/ }
.comp .try_buy img { margin-right:10px; }
div.corner01 { position:absolute; }
div.corner02 { position:absolute; margin-left:530px; }
div.space { height:12px; float:left; }
div.table_top { background:url(images/frame01_top.gif) no-repeat; height:10px; font-size:10px; overflow:hidden; }
#content1, #content2 { margin-top:0; }
td.fortab { height:30px; }
.tab { margin-top:10px; }
.tab ul { list-style:none; width:300px; }
.tab li { float:left; text-align:center; height:30px; display:block; }
.tab li.line01, .tab li.line02, .tab li.line03 { border-bottom:1px solid #e4e4e4; height:29px; }
.tab li.line01 { width:7px; }
.tab li.line02 { width:10px; }
.tab li.tab_on { width:128px; background:url(images/tab_on.gif) no-repeat; }
.tab li.tab_off { width:134px; background:url(images/tab_off.gif) no-repeat 0 2px; }
.tab li.line03 { }
.tab li.line_blank { width:10px; }
.tab a { color:#a3a3a3; display:block; height:30px; }
.tab li.tab_on a { color:#444444; }
.tab img { margin-top:12px; }



/*   productlist   */
.pro_list {  color:#2c3442; width:202px; clear:both;}
.pro_list h1{ margin:0px; padding:0px; }
.pro_list ul { margin:0px; padding:0px;}
.pro_list a { color:#2c3442; display:block; width:100%; text-decoration:none;}
.pro_list li {  list-style:none; width:100%;}
.pro_list a:hover { text-decoration:none; background:url(images/common/list_item_h.jpg) repeat-y center;}
.pro_list a.on { background:url(images/common/list_item_on.jpg) no-repeat center;}
.pro_list .first { background:#f9fafb url(images/common/list_bg.jpg) repeat-x top; border:1px solid #dee1e8; border-top:none; padding:0px; width:100%;}
.pro_list .first span { font-size:12px; line-height:28px; background:url(images/common/dot_gray.gif) no-repeat 13px center; padding-left:28px; display:block;}
.pro_list .second span { font-size:11px; line-height:20px; background:url(images/common/dot_org.gif) no-repeat 30px center; padding-left:40px; display:block;}

/*  download and buy   By ziqiang*/
#down_buy {width:760px; margin:auto; clear:both;}
#down_buy .tab_down{ list-style:none; height:23px; background:url(images/common/tab_bg.gif) repeat-x bottom; padding-left:5px; margin:20px 0 0 0; }
#down_buy .tab_down li { float:left; font-size:12px; line-height:23px; background:url(images/common/tab_off_bg.gif) repeat-x;}
#down_buy .tab_down li .wrap01 { float:left; height:23px; background:url(images/common/tab_off_left.gif) no-repeat left;}
#down_buy .tab_down li .wrap02 { float:left; height:23px; background:url(images/common/tab_off_right.gif) no-repeat right;}
#down_buy .tab_down li a { color:#20b3ef; padding:0 15px; text-decoration:none;}
#down_buy .tab_down li a:hover { color:#20b3ef;}
#down_buy .tab_down li .mac a { background:url(images/common/icon_mac.gif) no-repeat right; padding:0 18px 0 15px; line-height:23px; float:left; margin-right:15px;}
#down_buy .tab_down li a:hover { text-decoration:none;}

#down_buy .tab_down li.tab_down_on { background:url(images/common/tab_on_bg.gif) repeat-x;}
#down_buy .tab_down li.tab_down_on .wrap01 { background:url(images/common/tab_on_left.gif) no-repeat left;}
#down_buy .tab_down li.tab_down_on .wrap02 { background:url(images/common/tab_on_right.gif) no-repeat right;}
#down_buy .tab_down li.tab_down_on a { color:#ff6600;}