@charset "utf-8";

/*main-product*/
#main .overview { overflow:hidden; margin-bottom:20px;}
#main .overview .updated {left:560px; position:absolute; top:28px;}
#main .overview .col-a { float:left; padding:52px 0 0 30px;}
#main .overview .col-b { float:right; width:508px; padding:24px 32px 12px 12px;}
#main .overview .col-b h2 { font-size:21px; color:#070; margin-bottom:20px; text-shadow:0 1px 0 #eee;}
#main .overview .col-b h2 img { padding-left:8px;}
#main .overview .col-b h2 span { padding-left:16px; font-size:11px; color:#333;}
#main .overview .col-b h2 span a { font-size:11px;}
#main .overview .col-b p { text-align:justify; color:#567;}
#main .overview .col-b .bfd { color:#f30; margin-top:10px; padding-left:28px; background:transparent url(../images/new.gif) no-repeat scroll 0 7px;}
#main .overview .col-b .bfd a { color:#f30;}
#main .overview .col-b .mac-pc { margin-top:12px; color:#777; text-align:left;}
#main .overview .col-b .mac-pc a { color:#58c;}
#main .overview .col-b .mac-pc span { font-weight:bold; padding-right:2px;}
.stop { color:#f00;}
.stop a{ color:#f00; font-size:15px; text-decoration:underline;}

/*hot*/
.hot-product { position:absolute; right:6px; top:6px; width:74px; height:74px; background: transparent url(../images/p-hot.png) no-repeat scroll 0 0;}

#main .overview .col-b .off { margin-top:24px; text-align:right; font-size:13px;}
#main .overview .col-b .off strong { color:#6064A1; font-size:14px; font-weight:normal;}
#main .action { clear:both; background:transparent url(../images/style/bg-left-c2.png) repeat-y scroll -9px 0; margin:0 6px; border-top:1px solid #aeaeae; overflow:hidden; height:100%; padding:16px 0 2px 0; }
#main .action-more { border-bottom:1px solid #aeaeae; padding-bottom:16px;}
#main .action h4 { padding-bottom:8px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px; color:#676767; text-shadow:0 1px 0 #fff;}
#main .action h4 strong { color:#f00;}
#main .action .col-a { float:left; width:256px; padding:0 16px 0;}
#main .action .col-b a{ font-size:12px; color:#58c; margin:6px 0 0; line-height:1.6em;}
#main .action .col-a p { color:#777;}
#main .action .col-a a { font-size:11px; line-height:1.6em; padding-top:2px; color:#777;}
#main .action .col-a a:hover { text-decoration:none; color:#58c;}
#main .action .col-a a span { font-weight:bold; padding:0 6px; color:#58c; font-family:Arial, Helvetica, sans-serif;}
#main .action .col-b { float:left; width:218px; padding:0 12px 0 18px;}
#main .action .col-b p.single { padding-bottom:6px;}
#main .action .col-b p span { padding-left:8px; font-size:10px; color:#777; }
#main .action .col-c { float:left; width:190px;}
#main .action .col-c .price { text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:20px; color:#6064A1; line-height:1.2em;}
#main .action .col-c .price-off { text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:18px; }
#main .action .col-c .price-off .pre { text-decoration:line-through; color:#6064A1; padding-right:6px;}
#main .action .col-c .price-off .current { color:#f30;}
#main .action .col-c .price .pre-price { color:#789; padding-right:18px; text-decoration:line-through;}
#main .action .col-c .free { text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:26px; color:#6064A1; padding-top:10px;}
#main .action .col-c .buy-now { display:block; padding-left:48px; margin-top:6px;}
#main .action .col-c .buydetail {font-family:Arial,Helvetica,sans-serif; font-size:20px; color:#6064A1; line-height:1.2em; padding-left:50px;}
#main .action .col-c .buydetail a{background:transparent url(../images/icon-arrow.gif) no-repeat scroll 100% 68%; color:#58c; padding-right:10px;}
.survey { overflow:hidden; margin:12px 0;}
.sub-menus { background:transparent url(../images/style/bg-left-h1.png) repeat-y scroll 0 0; height:42px; border-bottom:1px solid #aeaeae; margin:0 6px; overflow:hidden;}
.sub-menus ul { float:right; padding:9px 20px 0 0;}
.sub-menus ul li { display:block; float:left; text-align:center; width:92px; position:relative;}
.sub-menus ul li:active { padding-top:1px;}
.sub-menus ul li .on{ background:transparent url(../images/style/bgs-1.png) no-repeat scroll -162px -14px; width:20px; height:12px; top:25px; left:40px; position:absolute;}
.sub-menus ul li a { text-shadow:1px 1px 1px #eee; color:#999;}
.sub-menus ul li a:hover { color:#09c; text-decoration:none;}
.sub-menus ul li a strong { font-weight:normal; color:#345;}

#full-nav { position:absolute; right:-20px; top:-12px;}
#full-nav .sub-menus { background:none; border:none; margin:0;}
#full-nav .sub-menus ul li .on { background:transparent url("../images/style/bgs-1.png") no-repeat scroll -162px -17px;}
#full-nav .sub-menus ul { padding-top:12px;}
#product-a .content-main .suite { margin:0 6px; padding:12px 24px; width:712px;}
#product-a .content-main .suite h2 { color:#318905; font-size:18px; padding:16px 0;}
#product-a .content-main .suite h3 a { font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333;}
#product-a .content-main .suite .col p.info { line-height:1.6em; color:#777; padding-bottom:12px;}
#product-a .content-main .suite .col p.info a { background:transparent url(../images/icon-arrow.gif) no-repeat scroll 100% 6px; color:#58c; padding-right:12px; display:block; width:28px; margin-top:6px;}
.suite-4 .col { width:162px; float:left; border-right:1px dotted #aeaeae; padding:0 7px 0 0; margin:0 10px 0 0;}
.suite-4 .col-d { border:none; margin:0; padding:0;}
.suite-3 .col { width:222px; float:left; border-right:1px dotted #aeaeae; padding:0 8px 0 0; margin:0 12px 0 0; }
.suite-3 .col-c { border:none; margin:0; padding:0;}
.suite-2 .col { width:340px; float:left; border-right:1px dotted #aeaeae; padding:0 8px 0 0; margin:0 12px 0 0;}
.suite-2 .col-b { border:none; margin:0; padding:0;}

.try-buy { margin:12px 6px 0 6px; padding:24px 24px 6px; width:704px; overflow:hidden; clear:both; border-top:1px solid #aeaeae; background:transparent url(../images/style/bg-left-h1.png) repeat-y scroll 0 0;}
.try-buy p { color:#777;}
.try-buy h4 { font-size:15px; padding:0 0 16px 0; color:#123; }
.try-buy h4 a { float:right; color:#58c; font-size:10px; background:transparent url(../images/icon-up.gif) no-repeat scroll 100% 50%; padding-right:14px;}
.try-buy a.down,.try-buy a.buy { display:block; float:left; font-size:13px; height:23px; line-height:22px; }
.try-buy a.down { background:transparent url(../images/icon-down.gif) no-repeat scroll 0  5px; padding-left:14px; color:#58c; margin-right:28px;}
.try-buy a.buy { background:transparent url(../images/style/bgs-2.png) no-repeat scroll -104px -3px; width:78px; color:#fbfbfb; padding-left:28px; font-size:13px; margin-right:6px; text-decoration:none;}


/*features*/

#product-a .features,#product-a .reference,#product-a .history,#product-a .testinonials,#product-a .guide { margin:0 6px; padding:12px 24px; width:712px; overflow:hidden; clear:both;}
#product-a .features .col-c li { background:none; padding:4px 0 12px 0; border-bottom:1px solid #eee; margin-bottom:8px; overflow:hidden; height:100%;}
#product-a .features .col-c li p { background:transparent url(../images/icon-dot.gif) no-repeat scroll 9px 8px; color:#666; line-height:1.6em; padding:4px 0 0 24px; clear:none; }
#product-a .features .col-c li p img { padding:0 0 6px 12px; float:right;}
#product-a .features .col p { line-height:1.6em; padding:0 0 8px 0; color:#444; clear:both;}
#product-a .features .col p a { color:#58c;}
#product-a .features .col h4 { padding:12px 0 10px; color:#318905; font-size:16px;}
#product-a .features .col h5 { padding:4px 0 0 0; font-size:11px; color:#333;}




/*guide*/
#product-a .guide .lists { background-color:#FDFDFD; border:1px solid #E5E4E4; margin:12px 0; padding:16px 8px;}
#product-a .guide .lists li { padding:2px 0 4px 0;}
#product-a .guide .lists li a { display:block; color:#555;}
#product-a .guide .section { border-top:1px solid #ccc; margin:54px 0 0 0; text-shadow:1px 1px 1px #eee;}
#product-a .guide .section h5 { font-size:13px;}
#product-a .guide .section h3 { color:#000;}
#product-a .guide .section strong { color:#777;}
#product-a .guide .col h4 { font-size:14px; font-weight:bold;}
#product-a .guide .col a { color:#58c;}
#product-a .guide .col p { padding:4px 0;}
#product-a .guide .col p.tips { padding:8px 12px;}
#product-a .guide .download { overflow:hidden; margin-top:24px; height:100%;}
#product-a .guide .download .action a{ color:#3C7329;display:block;float:left;width:182px;}
#product-a .guide .download span { float:right; display:block;padding-top:4px;}
#product-a .guide .download span a{ font-size:11px; color:#333; padding-left:14px;text-decoration:underline;}
#product-a .guide ul.related-a { border:1px dotted #9FE18E; clear:both; height:1%; margin:10px 0; overflow:hidden; padding:8px 12px;}
#product-a .guide ul.related-a h4 { padding:4px;}
#product-a .guide ul.related-a li a { color:#777;}
#product-a .guide .col ul li { color:#444; line-height:1.8em;}
#product-a .guide .col ul li img { margin:6px 0;}
#product-a .col h2 { color:#318905; font-size:16px; padding:12px 0 10px;}
#product-a .col h4 { color:#555; padding:12px 0 10px;}
#product-a .col h5 { color:#555; font-weight:bold; font-size:14px; padding:12px 0 4px 0;}
#product-a .col ul { margin-top:6px;}
#product-a .col ul li { background:transparent url(../images/icon-dot.gif) no-repeat scroll 1px 5px; color:#666; line-height:1.6em; padding:0 0 0 16px; }
#product-a .col ul li span { font-size:12px; color:#f30;}
#product-a .col ol li { color:#666; line-height:1.8em;}
#product-a .features .col-c h4 { font-size:15px; padding:8px 0 8px 25px;color:#343434; background:transparent url(../images/icon-feature.gif) no-repeat scroll 1px 9px;}
#product-a .col-c p img { float:left; padding:0 8px 0 0;}
#product-a .col-c dl{ color:#555; padding:8px 0;}
#product-a .col-c dl dt { font-weight:bold; background:transparent url(../images/select.gif) no-repeat 0 -4px; padding-left:26px; overflow:hidden; height:100%;}
#product-a .col-c dl dd { padding-left:26px; margin:3px 0 8px 0; border-bottom:1px dashed #dedede; padding-bottom:6px;}


#product-a .col-d .reference { padding:0;}
#product-a .col-d ol {margin:0 0 0 30px;}
#product-a .system { margin-bottom:8px;}
#product-a .system ul { margin-left:6px;}
#product-a .system ul li { line-height:1.8em;}

#product-a .features .col-a { float:left; width:338px;}
#product-a .features .col-b { float:right; width:336px;}


/*full guide*/
/*guide*/
#full .user-guide .lists { background-color:#FDFDFD; border:1px solid #E5E4E4; margin:12px 0; padding:16px 8px; overflow:hidden;}
#full .user-guide .lists li { padding:2px 0 4px 0; float:left; width:48%;}
#full .user-guide .lists li a { display:block; color:#555; font-size:13px;}
#full .user-guide .section { border-top:1px solid #ccc; margin:54px 0 0 0;}
#full .user-guide .section h5 { font-size:13px; font-weight:bold; padding:12px 0 4px;}
#full .user-guide .section h4.az { color:#000; overflow:hidden; font-size:16px; line-height:24px;display:block; font-weight:bold; margin:20px 0 4px;}
#full .user-guide .section h4.az span { float:left; display:block; width:32px; height:26px; color:#fff; font-weight:bold; padding-left:8px; background:transparent url(../images/style/bg-step.gif) no-repeat scroll 0 0;}

#full .user-guide h3 { color:#000; font-size:17px; padding:12px 0 10px;}
#full .user-guide .section strong { color:#777;}
#full .user-guide .col h4 { font-size:14px; font-weight:bold;}
#full .user-guide .col a { color:#58c;}
#full .user-guide .col p { padding:4px 0;}
#full .user-guide .col p.tips { padding:8px 12px;}
#full .user-guide .download { overflow:hidden; margin-top:24px; height:100%;}
#full .user-guide .download .action a{ color:#3C7329;display:block;float:left;width:182px;}
#full .user-guide .download span { float:right; display:block;padding-top:4px;}
#full .user-guide .download span a{ font-size:11px; color:#333; padding-left:14px;text-decoration:underline;}
#full .user-guide ul.related-a { border:1px dotted #9FE18E; clear:both; height:1%; margin:10px 0; overflow:hidden; padding:8px 12px;}
#full .user-guide ul.related-a h4 { padding:4px;}
#full .user-guide ul.related-a li a { color:#777;}
#full .user-guide .col ul li { color:#444; line-height:1.8em;}
#full .user-guide .col ul li img { margin:6px 0;}


/*reference*/
.reference { clear:both; }
.reference .data { margin:16px 0 0 2px;}
.reference .data table { margin-bottom:20px; width:700px;}
.reference .data1 table { width:100%;}
.reference .data table tr:hover { background:#fafafa;}
.reference .data table tr th { border:1px solid #cecece;padding:8px 12px;font-size:13px;text-align:left;color:#333; background-color:#f9f9f9;}
.reference .data table tr td { border:1px solid #cecece;padding:8px 12px;text-align:left;line-height:2em;font-size:11px;color:#666;}
.reference .data table tr td.rLeft{width:80px;text-align:right;background:#fcfcfc none repeat scroll 0 0;}
.reference .data table tr td.rRight{}
.reference .data table tr td.rRight strong { color:#6064A1; font-weight:normal; font-size:12px;}
.reference-a .data { margin:4px 0 0 6px;}
.reference-a .data table { margin-bottom:20px; width:700px;}
.reference-a .data table tr th { border:1px solid #cecece; padding:8px 10px; text-align:left;color:#666; font-weight:bold; vertical-align:top;}
.reference-a .data table tr td { border:1px solid #cecece; padding:6px 10px;text-align:left;line-height:2em; color:#666;}
.reference-a .data table tr td.rLeft{width:80px;text-align:right;background:#fcfcfc none repeat scroll 0 0;}
.reference-a .data table tr td.rRight strong{color:#5691BD;font-weight:normal;font-size:12px;}
.reference-a .data tr.alt td,.reference-a .data tr.alt th { background-color:#fcfcfc;}
.reference ul li { background:transparent url(../images/style/bgs-3.png) no-repeat scroll 2px -143px; color:#565656; line-height:2em; padding:0 0 0 16px;}

/*history*/
.history .item { border-bottom:1px dashed #aeaeae; overflow:hidden; margin-bottom:18px; padding-bottom:18px;}
.history .latest { padding-top:12px; margin-top:12px; border-top:1px dashed #aaa; }
#full .history .latest { padding-top:0; margin:0; border-top:none; }
.history .latest strong { color:#f30; font-weight:normal; font-size:12px; padding-left:8px;}
#main .content-main .history .item h3 { color:#555; font-size:15px; padding:12px 0 10px;}
#main .content-main .history .item h3 span { color:#999; font-size:12px; padding-left:16px;}
.history .last { border:none;}
.history ol { margin:0 0 0 32px;}
.history ol li { line-height:1.8em;}

/*testinonials*/
#product-a .testinonials .col ul li{ display:block; border-top:1px dashed #aeaeae; overflow:hidden; margin:18px 12px 0 0; padding:18px 0 0; background:none;}
.testinonials .col ul li .person { float:left; width:120px; font-size:11px; color:#999; text-align:center;}
.testinonials .col ul li .cmain { width:570px; float:right;}
.testinonials .col ul li .cmain p { font-size:13px;}