@import url(main.css);
/* index */
.home_ad { clear:both; padding-bottom:10px; }
.home_product { clear:both; height:344px; margin-bottom:20px; }
.home_product .box { float:left; width:287px; height:344px; background:url(images/index_con_bg.jpg) repeat-x 0 152px; margin-right:19px; }
.home_product .content { height:192px; background:url(images/home_box_bottom.jpg) no-repeat bottom; padding:0 24px; font-size:12px; }
.home_product .price { text-align:right; font-size:13px; font-weight:bold; color:#8f1500; line-height:30px; }
.home_product .price .old { color:#515151; margin-right:15px; text-decoration:line-through; }
.home_product .description_home { line-height:18px; height:100px; }
.home_product .description_home a { text-decoration:underline; }
.home_product .more { text-align:right; height:30px; }
.home_product .button { margin:0px; float:right;width:90%;}
.home_product .button .left_one { float:left; margin-right:10px; }
.home_product .button .right_one { float:right; }
.home_product .lastone { margin-right:0; }
/* for left-and-right pages */
.page { width:900px; float:left; margin-bottom:20px; }
.page_left { float:left; width:604px; }
.page_right { float:right; width:260px; }
.page_title { background:url(images/title_bg.gif) no-repeat top; clear:both; }
.page_title_900 { background:url(images/title_bg_900.gif) no-repeat top; clear:both;}
.guide { padding-left:16px; color:#fff; line-height:20px; font-size:12px; clear:both; height:20px;}
.guide a { color:#fff; }
.guide a:hover { text-decoration:none; color:#ff7002; }
.page_title h1, .page_title_900 h1 { padding:10px 0 0 16px; width:300px; }
.page_title p { padding:10px 0 5px 5px; font-size:12px;}
.page_title p a{ padding-left:7px; font-weight:bold; text-decoration:underline;}
.bar { width:604px; clear:both; height:26px; background:url(images/bar_bg.gif) repeat-x bottom; }
.bar_left { height:26px; background:url(images/bar_left.gif) no-repeat left bottom; }
.bar_right { height:26px; background:url(images/bar_right.gif) no-repeat right bottom; }
.win { height:61px; }
.win .bar_left { height:61px; }
.win .bar_right { height:61px; background:url(images/windows.gif) no-repeat right bottom; }
.mac { height:58px; }
.mac .bar_left { height:58px; }
.mac .bar_right { height:58px;/*background:url(images/apple.gif) no-repeat right bottom;*/  }
.bar h2 { color:#61605b; line-height:26px; padding-left:16px; }
.win h2 { padding-top:35px; }
.mac h2 { padding-top:32px; }
.product { width:604px; float:left; padding:30px 0 25px 0; background:url(images/dot_line.gif) repeat-x bottom; font-size:12px;}
.product .pic { float:left; width:240px; text-align:center; }
.product .text { float:left; width:345px; }
.product .text h3{ font-size:14px;}
.product .text h4{ font-size:14px; padding:5px 0 5px 0;}
.product .price { font-weight:bold; color:#ed2024; line-height:25px; }
.product .price .old { color:#a3a098; margin-right:10px; text-decoration:line-through; }
.product p { line-height:20px;  }
.product p .more a { margin-left:10px; color:#fc7001; text-decoration:underline; }
.product .button { text-align:right; padding-top:20px; }
.product .button img { margin-left:20px; }
.product_last { background:none; }
.product .button_mac { text-align:right; padding-top:8px; }
.product .button_mac img { margin-top:12px; }
.product_detail { background:none; }
.product_detail { padding:10px 0 40px 0; }
.product_detail .price { margin-bottom:20px; }
.right_box { width:260px; background:url(images/right_box_bg.gif) repeat-y; margin-bottom:10px; }
.right_box .content { background:url(images/right_box_bottom.gif) no-repeat bottom; }
.right_box .content ul { list-style:none; padding:10px 20px 30px 20px; }
.right_box .content li { background:url(images/arrow_green.gif) no-repeat 0 10px; padding:4px 0 4px 20px; line-height:20px; }
.right_box .content li a { display:block; font-weight:normal; font-size:12px; }
.right_box .content li a.other { display:inline; font-weight:normal; font-size:11px; color:#fc7001; text-decoration:underline; }
.right_box .second li { background:url(images/arrow_blue.gif) no-repeat 0 10px; }
.right_box .second li a { text-decoration:underline; font-weight:bold; }
.right_box .third li { background:url(images/dot.gif) no-repeat 0 12px; padding:5px 0 5px 20px; }
.right_ad { text-align:center; }
.right_ad img { margin-bottom:30px; }
/* tab effect */
.tab { width:604px; clear:both; }
.tab ul { list-style:none; }
.tab li { float:left; height:20px; font-size:12px; font-weight:bold; text-align:center; padding-top:10px; }
.tab .tab_on { width:98px; background:url(images/tab_on.gif) no-repeat; color:#fff; cursor:pointer; }
.tab .tab_off { width:98px; background:url(images/tab_off.gif) no-repeat 0 3px; color:#737270; cursor:pointer; }
.tab .line01 { width:10px; height:29px; padding-top:0; border-bottom:1px solid #737270; }
.tab .line02 { width:300px; height:29px; padding-top:0; border-bottom:1px solid #737270; }
.tab_content { clear:both; padding:25px 20px; line-height:20px; }
.tab_content .item { font-weight:bold; font-size:12px; padding:25px 0 10px 0; }
.note { padding:0px 16px; clear:both;}
.note .note_title { font-size:14px; font-weight:bold; }
.note p { padding:10px 15px; line-height:20px; }
.note_support { padding:10px 18px; }
.note_support ul { font-size:12px;}
.note_support ul li { list-style:none; padding-top:5px;}
.note_support ul li a { text-decoration:underline;}
.note_support ul.reference {border:1px solid #ccc;background-color:#f3f3f3;padding:4px 12px;margin-top:-6px;}
.note_support ul.reference li{ list-style:none; padding:3px 0 3px 8px;}
.note_support p { padding:8px 0px; line-height:20px; }
table.storelist { margin-bottom:40px; }
table.storelist td { background:url(images/dot_bg.gif) repeat-x bottom; font-size:12px; padding:15px 0; }
table.storelist_mac td { vertical-align:top; padding:15px 0 5px 0; }
table.storelist_mac img { margin-bottom:10px; }
table.storelist .col01 { padding-left:15px; width:280px;}
table.storelist .col01 a { font-weight:bold; }
table.storelist .col02 { width:60px; }
table.storelist .col03 { width:90px; }
table.storelist .col04 { padding-right:15px; text-align:right; }
table.storelist_con td { background:none; padding:0px; }
table.storelist_con td .old { color:#a3a098; }
table.storelist_con td .price { color:#FF0000; font-weight:bold; }
table.list { margin-bottom:40px; }
table.list td { background:url(images/dot_bg.gif) repeat-x bottom; font-size:12px; padding:15px 0; }
table.list_mac td { vertical-align:top; padding:15px 0 5px 0; }
table.list_mac img { margin-bottom:10px; }
table.list .col01 { padding-left:15px; width:280px; vertical-align: text-top;  }
table.list .col01 a { font-weight:bold; }
table.list .col02 { width:90px; }
table.list .col03 { width:60px; }
table.list .col04 { padding-right:15px; text-align:right; }
.inner_content { width:687px; clear:both; margin:auto; }
.inner_content .product { background:none; width:687px; padding:40px 0 50px 0; }
.inner_content .product .pic { text-align:left; width:220px; }
.inner_content .product .text { width:450px; }
.inner_content .bar { width:687px; }
.inner_content .bar h2 { color:#7d2b2e; font-size:12px; }
.inner_content .bar h2.gray { color:#61605b; }
.inner_content .related { padding:30px 0; }
.inner_content .related .pic { width:250px; }
.inner_content .related .text { width:400px; }
.inner_content .related .pic img { margin-left:30px; }
.inner_content .related .pay_note { text-align:right; padding-top:10px; }
.page1 { text-align: right; padding-top: 25px; padding-bottom: 10px; width:560px; clear:both; }
.page1 a { border: 1px solid #cecece; padding-left: 4px; padding-right: 4px; margin-left: 4px; font-size: 10px; line-height: 15px; color: #858585; text-decoration: none; }
.page1 a:hover { color: #4a9fc1; background-color: #f1f7fa; border: 1px solid #4a9fc1; }
.page1 span { border: 1px solid #4a9fc1; background-color: #f1f7fa; padding-left: 4px; padding-right: 4px; margin-left: 4px; font-size: 10px; line-height: 15px; color: #4a9fc1; text-decoration: none; }
.page1 span.gray { border: 1px solid #cecece; background-color: #eee; padding-left: 4px; padding-right: 4px; margin-left: 4px; font-size: 10px; line-height: 15px; color: #cecece; text-decoration: none; }
/*glossarylist*/
.glossarylist { background-image: url(images/line.gif); background-repeat:  repeat-x; background-position: bottom; color: #58595b; padding-top:15px; padding-left: 20px; padding-bottom: 13px; margin-bottom:5px; line-height:18px; }
.glossarylist .leftside { font-weight:bold; width:80px; vertical-align:top; }
.glossarylist a { color: #58595b; text-decoration: none; }
.glossarylist a:hover { color: #ff0000; text-decoration: underline; }
.content { padding: 10px 18px 10px 0; }
.content h2 { padding: 0; margin: 0; background-image: url(images/glossary-texttitle.gif); background-repeat: no-repeat; font-size: 16px; padding-left: 20px; padding-bottom: 5px; padding-top:10px; }
.content-text { padding-left: 20px; }
.content-text a { color:#2b62db; text-decoration:none; }
.content-text a:hover { color:#ff0000; text-decoration:underline; }
.content1 { background-color: #f3f7f9; padding: 10px 18px 10px 0; background-image: url(images/b-line.gif); background-repeat: repeat-x; background-position: bottom; }
#content1 { clear:both;}
#content2 { clear:both;}
#content3 { width:569px; float:left; background:url(images/table_top1.gif) no-repeat top; padding-top:6px; margin:15px 0 25px 0;}
#content1 ul  li{ padding-left:0px; margin-left:20px; padding-bottom:8px;}
#content2 ul.reference {border:1px solid #ccc;background-color:#f3f3f3;padding:4px 12px;margin-top:-6px;}
#content2 ul.reference li{ list-style:none; padding:3px 0 3px 8px;}
#content2 p { padding:8px 0px; line-height:20px; }
#content3 ul  li{ padding-left:0px; margin-left:20px; }
#content3 .wrap { width:569px; float:left; background:url(images/table_bottom1.gif) no-repeat bottom; padding-bottom:3px; }
#content3 table { border-left:1px solid #b6b6b6; border-right:1px solid #b6b6b6; }
#content3 td { /*background:#f7f7f7;*/ border-top:1px solid #b6b6b6; font-family:arial; font-size:11px; color:#333; line-height:20px; padding:5px 10px; }
#content3 .r_name { background:#e7e8ec; font-size:12px; font-weight:bold; }
#content3 .no_line { border-top:none; }
#content3 .c_left { font-size:12px; font-weight:bold; border-right:1px solid #b6b6b6; vertical-align:top; width:100px; }


.content1 h2 { padding: 0; margin: 0; background-image: url(images/glossary-texttitle.gif); background-repeat: no-repeat; font-size: 12px; padding-left: 20px; padding-bottom: 5px; }
/*support*/
.description { line-height:20px; clear:both; margin:10px 20px; }
.description span { margin:5px 0; display:block; }
.description img { margin:0 0 5px 0px; }
.description table { margin:0 auto; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }
.description td { padding:2px 10px; color:#414548; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #e4e4e4; }
.description table a { color:#444340; }
.description td { color:#afada7; }
.description #faq { background-image: url(images/icon_faq.gif); background-repeat:no-repeat; background-position: left; padding-left:20px; }
.description #tutorial { background-image: url(images/icon_doc.gif); background-repeat:no-repeat; background-position: left; padding-left:20px; }
.description .title { background-color:#f3f3f3; }
.right_box .content .pic { text-align:center; padding-top:10px; }
.right_box .content h3 a { margin-left:20px; padding-left:20px; background-position: 0px 0px;text-decoration:underline; color:#61605b; font-size:12px; background-image:url(images/arrow_blue.gif); background-repeat:no-repeat; }
/*.right_box ul{ margin-top:20px;}
.right_box ul li{ margin-left:20px; padding-left:20px; background-position: 0px 0px;text-decoration:underline; color:#61605b; font-size:12px; background-image:url(images/arrow_blue.gif); background-repeat:no-repeat;}*/
.right_box .content p { margin:5px 10px 10px 40px; line-height:18px; }
.right_box .content p span { color:#FF6600; font-weight:normal; font-size:11px;  }
.right_box .content p span a { color:#fc7001; margin-left:5px;  }
.for_os { margin-bottom:8px; color:#000; font-weight:bold; font-size:12px;}
.for_os img { margin:0 5px 0 0;}


/*faq*/
.faq { margin:20px; line-height:20px; margin-top:10px;}
.faq .dark_blue { font-size:14px; color:#003366; font-weight:bold;}
.faq .how a { color:#06a1e1;}
.faq p { margin-bottom:15px;}
.faq .how { margin:0 0 20px 15px; list-style:square;}

.faq .question { border-top:1px solid #f4f4f4; padding-top:10px; float:left; width:560px; margin-bottom:20px;}
.faq .question ul { list-style:none; width:560px;}
.faq .question li { display:block; float:left;}
.faq .question .q { color:#076984;}
.faq .question ul span { display:block; float:left; width:20px; color:#000; font-weight:bold;}
.faq .question .links { clear:both;}
.faq .question ul div { float:right; width:540px;}
.faq .question .links a { display:block; float:right; color:#333; margin:10px 20px 0 0;}
.faq .question img { margin-right:5px;}
.faq a { color:#076984;}
.faq a:hover { color:#FF6600;}


/*Tutorial*/
.tutorial { margin:20px; line-height:20px; margin-top:10px;}
.tutorial .dark_blue { font-size:14px; color:#003366; font-weight:bold; margin-bottom:20px;}


/* about contact ... */
.content_other { width:687px; clear:both; margin:auto; }
.content_other .bar { margin:20px 0; width:687px;}
.content_other .text { line-height:20px; padding:0 20px;}
.content_other .text p { padding-bottom:20px;}

/* site map */
.sitemap { color:#000; font-weight:bold; font-size:12px; list-style:square; margin:20px 0 50px 20px; line-height:20px;}
.sitemap ul { list-style:square; margin-left:20px; line-height:20px;}
.sitemap ul li { font-weight:normal;}
.sitemap a { color:#333333; text-decoration:underline; }
.sitemap a:hover { color:#000000; }
.sitemap a.other { color:#000; text-decoration:none;}
.sitemap a.other:hover { text-decoration:underline; color:#000000; }


/*oem*/
.oem span { color:#FF6600; line-height:30px;}

/*link*/
.link{ list-style:none; line-height:30px;}
.link a { color:#ff7002; text-decoration:underline; }

/* product detail table*/
.tab_content .data { border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-bottom:20px; width:560px;}
.tab_content .data td { border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:0 10px;}
.tab_content .left_side { font-weight:bold;}
.tab_content .lefttitle { text-align:center; font-weight:bold; width:60px;}
.tab_content table.insidebox { width:100%; border:none; margin:0;}
.tab_content .insidebox td { border:none; border-top:1px solid #e5e5e5;}
.tab_content .insidebox .firstcol { width:25%; border-top:none;}
.tab_content .insidebox .secondcol { width:25%; border-top:none;}
.tab_content .insidebox .thirdcol { width:25%; border-top:none;}
.tab_content .insidebox .forthcol { width:25%; border-top:none;}

#box{ padding-left:0px;}
#version{font-size:11px;background-color:#F9F9F9;border:1px solid #eee;clear:both;margin:12px 0;overflow:hidden;padding:6px 0;}
#version span{margin-right:4px;color:#444;}
#version span strong{font-weight:bold;margin-left:10px;margin-right:6px;color:#666;}
#version span img{vertical-align:middle;}