@charset "utf-8";
/* CSS Document */

.extend { width:1000px; margin:7px auto 0 auto;}
.extend .left { width:718px; float:left; margin-bottom:7px;}
.extend .right { width:275px; float:right; margin-bottom:7px;}
.extend .guider { clear:both; line-height:24px; background:#e6e6e6 url(/images/guider_left_corner.gif) no-repeat left; width:1000px;}
.extend .guider_wrap { background:url(/images/guider_right_corner.gif) no-repeat right; padding-left:10px;}
.extend .guider a { color:#000; font-weight:bold; background:url(/images/arrow_right.gif) no-repeat right; padding:0 18px 0 13px;}
.extend .guider span { margin-left:13px; color:#da3f1b;}

.products { width:1000px; margin:7px auto 0 auto;}
.products .left { width:718px; float:left;}
.products .right { width:275px; float:right;}

.frame01 { width:716px; float:left;}
.frame01 .content { border-top:1px solid #e4e4e4; float:left;}
.frame01 .content .pic { width:226px; text-align:center; float:left; padding-top:40px;}
.frame01 .content .description { float:right; width:490px; line-height:20px; padding-top:8px;}
.frame01 .content span { color:#000; display:block; margin:15px 20px 12px 0px;}
.frame01 .content span h2 { float:left; margin-right:10px;}
.frame01 .content span span { color:red;}
.frame01 .content p { margin:12px 30px 12px 0;}
.frame01 .button { margin:0 20px 20px 0; clear:both; text-align:right; padding-left:250px;}
.frame01 .button td a { color:#10519f;}
.frame01 .button img { margin-right:15px;}
.frame01 .content p.more { text-align:right; padding-top:0; margin:-5px 15px 5px 0;}
.frame01 .more a { color:#10519f;}

.tab { height:30px; margin-top:10px;}
.tab ul { list-style:none;}
.tab li { float:left; text-align:center; height:24px; padding-top:5px; /*line-height:28px;*/ display:block;}
.tab li.line01, .tab li.line02, .tab li.line03 { border-bottom:1px solid #e4e4e4;}
.tab li.line01 { width:7px;}
.tab li.line02 { width:10px;}
.tab li.tab_on { width:128px; height:25px; background:url(/images/tab_on.gif) no-repeat;}
.tab li.tab_off { width:134px; height:25px; background:url(/images/tab_off.gif) no-repeat 0 2px;}
.tab li.line03 { width:419px;}
.tab li.line03_ppt {border-bottom:1px solid #e4e4e4; width:553px;}
.tab li.line_blank { width:10px;}
.tab a { color:#a3a3a3; display:block; margin-top:-3px;}
.tab li.tab_on a { color:#444444;}
.tab img { margin-top:2px;}

.topcorner { clear:both;}
.leftcorner { /*position:absolute; margin-top:-1px;*/ float:left;}
.rightcorner { /*position:absolute; margin:-1px 0 0 708px;*/ float:right;}

.tabcontent { clear:both; line-height:23px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding-top:0px; float:left;}
.tabcontent_bottom { height:10px; background:url(/images/frame01_bottom02.gif) no-repeat top; margin-bottom:10px; clear:both;}
.tabcontent p { padding:5px 20px;}
.tabcontent h1 { margin-left:20px;}
.tabcontent .intro { margin-bottom:20px;}
.tabcontent ul { list-style:circle; list-style:inside square; margin-right:20px;}
.tabcontent .compare { text-align:right;}
.tabcontent .compare a { color:#0066b5; font-weight:bold;}
.tabcontent .compare img { margin-right:5px;}
.tabcontent .compare { margin:-10px 0 5px 0;}
.upgrade ul{ margin:0; display:block;}
.upgrade li{ margin:0 0 0 20px; display:block;}

#content1 { width:716px;}
#content2 { display:none; width:716px;}

.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;}
.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:92px; text-align:center; padding:10px 0;}
.comp .buy a { color:#0066b5; text-decoration:underline; font-weight:bold;}
.comp .firstcolor { background:#f8f8f8;}
.comp .secondcolor { background:#f0f0f0;}
.comp .data td { padding:5px 0;}
.comp .data td.title { padding-left:20px;}
.comp .data .choose { width:91px; 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:718px; 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:698px; height:9px; overflow:hidden;}
.comp div.bottom .rightcorner { width:10px;}
.comp .second { padding:5px 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:708px;}
div.space { height:12px; float:left;}

.product_special_content{ clear:both; padding:10px;}
.product_special_content img { float:left; vertical-align: top; margin-right:5px;}