@charset "utf-8";
/* reset */
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:normal 12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; color:#454545;}
ul,ol { list-style:none;}
fieldset { border:none;}
img { border:none; vertical-align:middle;}
table { border-collapse:collapse; border-spacing:0;}
caption,th { text-align:left;}
a { color:#5e5e5e; text-decoration:none; blr:expression(this.onFocus=this.close()); blr:expression(this.onFocus=this.blur()); outline:none;}
a:hover { text-decoration:underline; color:#09c;}
p,dd { line-height:1.8em;}
ol { list-style-type:decimal; margin:0 0 0 38px;}
ol li { color:#676767;}
input[type=text]:focus{ outline:0;}


/* global */
body { background:#fff url(../images/style/bg-body.gif) repeat-x scroll 0 0;}
.header-box,.footer-box,#main { width:1020px; overflow:hidden; margin:0 auto;}
.addthis_button { float:right; margin-right:12px;}
.prod-info h4 { margin:8px 0 4px;color:#5e5e5e; font-family:Arial,Verdana,sans-serif; font-size:15px; font-weight:bold;}
.prod-info p { line-height:1.5em;}
.prod-info p.price { font-size:15px; color:#506099; margin:8px 0;}
#special-offer { margin:12px 0;}
.margin-top { margin-top:4px;}
/* link */
.return { padding:16px 0;}
.return a { color:#58c; float:right; font-size:11px; background:transparent url(../images/icon-up.gif) no-repeat scroll 100% 50%; padding-right:10px; font-size:10px;}
a.more { background:transparent url(../images/icon-arrow.gif) no-repeat scroll 100% 68%; color:#58c; padding-right:12px;}
a.goto { background:transparent url(../images/icon-arrow.gif) no-repeat scroll 100% 68%; color:#58c; padding-right:8px;}
.buy-now a { background:transparent url(../images/style/bgs-2.png) no-repeat scroll -104px -3px; display:block; width:78px; height:23px; line-height:22px; color:#fff; padding-left:29px; font-size:13px;}
.buy-now a:hover { color:#dedede; text-decoration:none;}
.purchase-now a { background:transparent url(../images/style/bgs-2.png) no-repeat scroll 0 -3px; display:block; width:78px; height:23px; line-height:21px; color:#333; padding-left:28px; font-size:13px; text-shadow:1px 1px 1px #fff;}
.purchase-now a:hover { color:#999; text-decoration:none;}
p.tips,p.note{ padding:8px 12px; background:#fafafa; border:1px solid #eee; -webkit-border-radius:6px; -moz-border-radius:6px;}

/* header */
#header { overflow:hidden; width:100%; width:expression(document.body.clientWidth <= 1020? "1020px": "auto"); min-width:1020px;}
#header .col-a { float:left; width:248px; padding:16px 0 0 4px;}
#header .col-b { float:left; width:700px;}
#header .col-b ul li{ float:left;}
#header .col-b ul li a:link,#header .col-b ul li a:visited { display:block; width:120px; height:88px; line-height:100px; text-align:center; color:#fff; font-size:15px; text-decoration:none; text-shadow:1px 1px 1px #666;}
#header .col-b ul li a:hover { color:#aaa;}
#header .col-b ul li a:active { height:87px; padding-top:1px;}
#header .col-b ul li a#on { background:transparent url(../images/style/bg-menu.png) no-repeat scroll 0 0; color:#000; text-shadow:1px 1px 1px #fff;}
#header .col-c { float:right; width:186px;}
#header .col-c .search { background:transparent url(../images/style/bg-search.jpg) no-repeat scroll 0 -1px; width:182px; height:23px; margin:40px 0 0 0;}
#header .col-c .search input { border-style:none; border-color:#fff; }
#header .col-c .search .search-text { border:none; margin:0 0 0 24px; width:106px; font-size:11px; vertical-align:middle; color:#999;}
#header .col-c .search .search-btn { margin-left:10px; vertical-align:middle;}


/* main */
#main { clear:both;}
#main #content { float:left; width:764px; position:relative;}
.content-top-bg1,.content-top-bg2 { background:transparent url(../images/style/bgs-1.png) no-repeat scroll -10px -135px; height:18px; clear:both;font-size:0;}
.content-top-bg2 { background-position:-11px -112px;}
.content-bottom-bg1,.content-bottom-bg2,.content-bottom-bg3 { background:transparent url(../images/style/bgs-1.png) no-repeat scroll -10px -225px; height:22px; clear:both;font-size:0;}
.content-bottom-bg2 { background-position:-11px -330px;}
.content-bottom-bg3 { background-position:-12px -363px;}
#main .content-main { background:transparent url(../images/style/bg-left-c.png) repeat-y scroll 0 0; overflow:hidden; height:100%; }
#main .content-main h1 { background:transparent url(../images/style/bg-left-h1.png) repeat-y scroll 0 0; height:50px; line-height:42px; font-size:16px; font-weight:bold; color:#507632; padding:0 0 0 24px; border-bottom:1px solid #aeaeae; margin:0 6px;}
#main .content-main h1 a { font-size:16px; font-weight:bold; text-decoration:none; color:#507632;}
#main .content-main h1 strong { color:#6064A1; padding-left:16px; font-family:Arial, Helvetica, sans-serif; font-size:22px; font-weight:normal;}
#main .content-main h1 strong span  { font-size:14px; padding-left:10px}
#main .content-main h1 strong.pre { color:#6064A1; text-decoration:line-through;}
#main #purchase .content-main h1,#main #purchase .content-main h1 a { font-size:18px; font-weight:normal;}
#main #article .content-main h2 { background:transparent url(../images/style/bg-left-h1.png) repeat-y scroll 0 0; height:50px; line-height:42px; font-size:16px; font-weight:bold; color:#507632; padding:0 0 0 24px; border-bottom:1px solid #aeaeae; margin:0 6px;}
#main .content-main h3 { color:#318905; font-size:17px; padding:12px 0 10px;}

#main .content-main .subject { background:transparent url(../images/style/bg-left-h1.png) repeat-y scroll 0 0; height:84px; font-size:16px; border-bottom:1px solid #aeaeae; margin:0 6px; padding:8px 24px; overflow:hidden;}
#main .content-main .subject h2 { font-size:18px; font-weight:bold; color:#000; margin-bottom:12px;}
#main .content-main .subject h3 { font-size:18px; font-weight:bold; color:#318905;}
#main .content-main .subject p { color:#777; font-size:11px; line-height:1.6em;}
#main .content-main .subject img { float:right; margin:-8px 0 0 6px;}
#main .content-main .banner-about { position:absolute; right:4px; top:7px;}
#main .content-main .banner-guide { position:absolute; right:5px; top:8px;}

/*subtutorial*/
#main .content-main .subject .headtitle { font-size:19px; font-family:arial; line-height:1.2em; color:#318905;}
#main .content-main .leftmain { padding:0 6px;}
#main .content-main .leftmain .title { border-top:1px solid #aeaeae; border-bottom:1px solid #aeaeae; color:#555; font-size:15px; padding-left:20px; background:url(../images/tutorial/titlebg.jpg) repeat-x; height:38px; line-height:38px;}
#main .content-main .leftmain .title img { vertical-align:middle; padding-right:4px;}
#main .content-main .leftmain .section { margin-bottom:10px;}
#main .content-main .leftmain  .toppart { border-bottom:dashed 1px #ccc; margin:22px 28px 8px 28px; overflow:hidden;}
#main .content-main .leftmain  .toppart .column { height:30px; line-height:30px; font-size:14px; color:#318905;}
#main .content-main .leftmain  .toppart .column a { line-height:30px; font-size:18px; color:#318905;}
#main .content-main .leftmain .toppart img { float:left; padding:4px 24px;}
#main .content-main .leftmain  .toppart p{ font-size:12px; line-height:1.6em; color:#666;}
#main .content-main .leftmain  ul { padding:10px 20px; overflow:hidden; height:100%;}
#main .content-main .leftmain  ul li {background:url(../images/icon-arrow.gif) no-repeat 5px 6px; padding-left:20px; float:left; width:330px; padding-bottom:10px;}
#main .content-main .leftmain  ul li a{ color:#58c;}

/* crumb */
#crumb { background:transparent url(../images/style/bgs-3.png) no-repeat scroll -40px -18px; padding:0 0 0 22px; margin:12px 0 8px; font-size:11px; text-shadow:0 1px 0 #fff; position:relative;}
#crumb a { text-decoration:none; font-size:11px; text-shadow:0 1px 0 #fff;}
#crumb h1 { display:inline; font-size:11px; color:#555; text-shadow:0 1px 0 #fff;}

/*support*/
#support .focus,#article .focus { margin:0 6px; padding:12px 24px; overflow:hidden;}
#support .focus h5 { color:#111; font-size:14px; margin:20px 0 6px;}
#support .focus h6 { color:#333; font-weight:bold;}
#support .focus p { margin-bottom:6px;}
#support .focus a { color:#58c;}
dt { background:transparent url(../images/style/bgs-3.png) no-repeat scroll -3px -99px; color:#555; font-weight:bold; padding-left:16px; margin:16px 0 4px 0;}
dt a { color:#555; font-weight:bold; text-decoration:underline;}
dd { padding:0 0 0 16px; color:#555;}
dd a{color:#58c;}
#support .focus li { margin-bottom:6px; line-height:1.8em; }
#support .focus ul li {background:transparent url(../images/list.gif) no-repeat scroll 2px 6px; padding-left:18px; }
#support .focus .events { padding:18px 0;}
#support .focus .events li span { float:right; color:#888; font-size:11px;}

/*sidebar*/
#sidebar { float:right; width:234px; margin:4px 6px 0 0;}
#sidebar .side-box { margin-bottom:10px; }
#sidebar .side-box h4 { background:transparent url(../images/style/bgs-1.png) no-repeat scroll -1px -40px; height:29px; line-height:30px; padding:0 0 0 14px;  color:#fff; font-size:13px;  font-weight:bold; text-shadow:1px 1px 1px #333; }
#sidebar .side-box .inside { border-left:1px solid #aeaeae; border-right:1px solid #aeaeae; background:#fff; margin-right:1px; }
#sidebar .side-box .inside ul { padding:16px; }
#sidebar .side-box .inside ul li { padding-left:12px; background:transparent url(../images/style/bgs-3.png) no-repeat scroll -47px -68px; line-height:1.6em;}
#sidebar .side-box .inside ul li a { color:#555; font-size:11px;}
#sidebar .side-box .inside ul li a strong { font-weight:normal; color:#454545;}
#sidebar .articles li { padding-bottom:6px; }
#sidebar .side-box .item { border-bottom:1px solid #ddd; margin:0 0 8px 0; padding:2px 12px 6px 12px; overflow:hidden;}
#sidebar .suite h5 { padding:3px 0; text-align:center;}
#sidebar .suite h5 a { font-size:12px; font-weight:bold;}

#sidebar .suite .item { padding:8px 18px;}
#sidebar .suite .list { line-height:1.6em; font-size:11px; color:#aaa; font-style:italic; text-align:center;}
#sidebar .suite .list a { font-size:11px; color:#777;}
#sidebar .suite .img { text-align:center; padding:8px 0 0 0;}
#sidebar .suite .price { text-align:center; padding:4px 0;}
#sidebar .suite .price span { color:#6064A1;}
#sidebar .hot img { float:left; padding:6px 16px 0 0;}
#sidebar .hot h5 { padding:4px 0;}
#sidebar .hot h5 a { color:#321;}
#sidebar .hot h6 { padding-top:8px;height:30px; vertical-align:middle;}
#sidebar .hot h6 a { font-size:12px; font-weight:bold;}
#sidebar .hot h5 span { color:#f00; font-size:9px; padding-left:6px;}
#sidebar .hot p { color:#777; font-family:verdana; font-size:10px; line-height:1.4em;}
#sidebar .hot ul { padding-top:10px;}
#sidebar .hot li:hover { background:transparent url(../images/tutorial/titlebg.jpg) repeat-x; font-weight:bold;} 
#sidebar .hot li a:hover {text-decoration:none; cursor:pointer;} 
#sidebar .review p { color:#555; font-size:10px; line-height:1.4em; padding:10px 0 4px 0; font-family:verdana;}
#sidebar .review p span { color:#999; display:block; float:right; padding:4px;}
#sidebar .review p.more,#sidebar .hot p.more { text-align:right;}
#sidebar .review p.more a,#sidebar .hot p.more a { font-size:11px;}
#sidebar .review .item { margin-bottom:0; padding:4px 16px;}

#sidebar .faqs .inside ul li {background:none; padding:4px 0;}
#sidebar .faqs .inside ul li a { background:transparent url(../images/style/bgs-3.png) no-repeat scroll -47px -68px; padding:0 0 0 14px; }
#sidebar .about .inside ul { padding:6px 12px 6px 18px;}
#sidebar .about .inside ul li {background:none; padding:0;}
#sidebar .about .inside ul li a { background:transparent url(../images/style/sidebar-arrow-1.png) no-repeat scroll 95% 12px;
border-bottom:1px solid #ddd; display:block; padding:9px 0; text-decoration:none; font-size:12px;}
#sidebar .about .inside ul li a:hover { color:#000; background-image:url(../images/style/sidebar-arrow-2.png);}
#sidebar .about .inside ul li a.end { border:none;}
#sidebar .about .inside ul li a.on { font-weight:bold; font-size:11px; background-image:url(../images/style/sidebar-arrow-2.png);}

#sidebar .products-list .inside { padding-top:8px; padding-bottom:10px;}
#sidebar .products-list dl { padding:2px 16px 6px;}
#sidebar .products-list dl sup { padding-left:6px; color:#f00; font-size:9px; display:inline;}
#sidebar .products-list dl dt { font-weight:bold; padding:0 0 0 4px; color:#666; height:22px; line-height:22px;}
#sidebar .products-list dl dd { display:block; padding:4px 0; line-height:2em;}
#sidebar .products-list dl dd a { display:block; background:transparent url(../images/style/bgs-3.png) no-repeat scroll 2px -147px; padding:0 0 0 16px;}
#sidebar .products-list dl dd a span { padding-left:4px; font-size:11px; color:#f70;}
#sidebar .products-short .item { margin:0; border:none; }
#sidebar .products-short dl { padding-left:24px;}
#sidebar .products-short dl dt { margin:6px 0 2px 0; cursor:pointer; color:#555; background:transparent url(../images/icon-arrow2.gif) no-repeat scroll 0 1px; padding-left:10px;}
#sidebar .products-short h5 { background:transparent url(../images/style/bgs-3.png) no-repeat scroll -39px -56px; padding:8px 0 0 22px; font-weight:bold; color:#676767; height:24px; line-height:25px;}
#sidebar .products-short h5 img { padding-left:10px; vertical-align:middle;}
#sidebar .products-short .item dl dd ul { padding:0 0 0 4px;}
#sidebar .products-short .item dl dd ul li { background:transparent url(../images/style/bgs-3.png) no-repeat scroll -1px -145px;}
#sidebar .products-short .item dl dd ul li a { font-size:11px; color:#777;}
#sidebar .products-short .item dl dd ul li a:hover { color:#58c;}
#sidebar .hot-products img { float:left; padding-right:6px;}
#sidebar .side-box .last { border:none; margin:0;}
.sidebar-bottom-bg { background:transparent url(../images/style/bgs-1.png) no-repeat scroll -1px -105px; height:7px; clear:both; font-size:0;}
#sidebar .related-article li { margin-bottom:4px; border-bottom:1px dotted #ccc; padding-bottom:6px;}
#sidebar .related-article li a { font-size:11px;}


/* full */
#full .full-top-bg1 { background:transparent url(../images/style/bgs-4.png) no-repeat scroll -2px -106px; clear:both; font-size:0; height:16px;}
#full .full-main { background:transparent url(../images/style/bg-e.png) repeat-y scroll -12px 0; overflow:hidden; padding:32px 48px;}
#full .full-main h1 { margin:0 0 26px; padding:0 0 12px 0; border-bottom:1px solid #DEDEDE; color:#000000; font-size:20px; font-weight:normal;}
#full .full-bottom-bg1 { background:transparent url(../images/style/bgs-4.png) no-repeat scroll -2px -188px; clear:both; font-size:0; height:22px;}
#full #faq-content { float:left;}
#full .try-buy { margin:32px 0 6px; padding:18px 4px; width:99%; overflow:hidden; clear:both; border-top:1px solid #dedede; background:none;}
#full .note{ padding:12px 16px; background:#f9f9f9; font-size:12px; border:1px solid #ddd;}
#full #screencast { margin-bottom:16px;}
#full .screen { margin:32px 0 6px; padding:18px 4px; width:99%; overflow:hidden; clear:both; border-top:1px solid #dedede; background:none;}
#full h4 {padding:0 0 16px 0; color:#318905; font-size:18px; margin:20px 0 14px; border-bottom:1px solid #DEDEDE;}
#full .screen li { float:left; margin-right:18px; padding:4px; border:1px solid #eee; width:200px; height:116px;}
#full .screen li.end { margin:0;}

/*footer*/
#footer { background:#454B58; margin:26px 0 0; clear:both; border-top:1px solid #aaa; width:100%; width:expression(document.body.clientWidth <= 1020? "1020px": "auto"); min-width:1020px;}
#footer .footlink {color:#ccc; float:left; padding:20px 0 10px 150px;}
#footer .footlink a { color:#ccc; font-size:11px; padding:0 20px;}
#footer .footlink a:hover { color:#888; text-decoration:none;}
#footer .copyright { clear:both; text-align:center; border-top:2px solid #aaa; padding:16px 0 12px; color:#dedede;}

.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.mt20 {margin-top: 20px !important;}
.pt20 {padding-top: 20px !important;}
.container{width:1000px;overflow:hidden;margin:0 auto;}
.wrap{width:1000px;margin:0 auto;}
.leftBox{width:74.4%; margin-bottom:35px;}
@media (max-width: 767px) { 
	.leftBox{width:auto !important; float:none !important;}
	.sideBar .nav dl dt a{ background-image:url(images/dot-sub-nav.png); margin-bottom:0;}
}
/*sidebar1*/
.sidebar{float:right;width:23%; margin-bottom:20px;}
.sidebar .title{font-family: 'Cutive', Arial; font-size:18px;color:#555;}
.sidebar .box{ background:#fff;border:1px solid #eee;padding:10px 15px; overflow:hidden}
.sidebar .item{padding:10px 0; overflow:hidden}
.sidebar .item .text{padding-left:75px;}
.sidebar .item .text h3 a{font-size:16px; line-height:1em;}
.sidebar .item2 { padding:15px 5%; border-bottom:1px solid #f6f6f6}
.sidebar .item2 .img{ float:left;}
.sidebar .item2 dl{ padding-left:52px;}
.sidebar .item2 dd{ font-size:12px; color:#777; line-height:1.5em;}
@media (max-width: 767px) { 
	.sidebar .item{ float:left; width:48%; margin-right:2%;}
}
@media (max-width: 479px) { 
	.sidebar .item{ float:none; width:auto; margin-right:0}
}
.sidebar .box2{background:#fff;border:1px solid #eee;}
.sidebar .box2 .filter{background:#f5772a;color:#fff; font-size:16px; line-height:40px; font-weight:bold;padding:0 0 0 5%;}
.sidebar .box2 .tit1{ background:#eee; font-size:16px;color:#444; padding:10px 0;padding-left:5%;}
.sidebar .box2 .list{padding:15px 5%;}
.sidebar .box2 .list li{line-height:2em;}
.sidebar .box2 .list li a{background:transparent url(../images/style/sidebar-arrow-1.png) no-repeat scroll 95% 12px; display:block; padding:9px 0; text-decoration:none; font-size:12px;}
.sidebar .box2 .list li a:hover { color:#000; background-image:url(../images/style/sidebar-arrow-2.png);}
.sidebar .box2 .tit2{font-size:16px;color:#444; line-height:40px;padding-left:5%; font-weight:bold;}
.sidebar .box2 .adtxt{ background:#fb8319;color:#fff; font-size:18px; text-align:center; line-height:40px;}
.sidebar .box2 .tag{padding:15px; line-height:2em;}
.sidebar .box2 .tag .one{ font-size:18px;}
.sidebar .box2 .tag .two{ font-size:16px;}
.sidebar .nav{ padding:15px 5% 5px;}
.sidebar .nav dt{ display:block; font-size:14px; font-weight:bold; background:url(images/dot-gray.png) no-repeat 8px 50% #f6f6f6; height:25px; line-height:25px; padding-left:20px; margin:8px 0; }
.sidebar .nav dt a:hover{ background-color:#f3f3f3; text-decoration:none}
.sidebar .nav dd a{  padding-left:20px; line-height:1.8em}
.sidebar .nav dd a:hover,.sidebar .nav dd.curr a,.sidebar .nav dt.curr a{ color:#f6762b; text-decoration:none}
.sidebar .nav dt.curr, .sidebar .nav dd.curr{ position:relative;}
.sidebar .nav dt .delete, .sidebar .nav dd .delete{ position:absolute; right:5px; border: 1px solid #f6762b;width: 12px;text-align: center;line-height: 13px;height: 12px;right: 5px; padding-left:0; font-family:Lucida Console; margin-top:3px;}
.sidebar .box2 .tag .font1{ font-size:19px}
.sidebar .box2 .tag .font2{ font-size:17px}
.sidebar .box2 .tag .font3{ font-size:15px}
.sidebar .box2 .tag a{ padding:0 5px}
.side_follow {overflow:hidden; padding:10px 5px;}
.side_follow .icon {display:block; width:16%; padding:2%; text-align:center; float:left;}
.side_follow .icon img {max-width:100%;}

@media (max-width: 767px) { 
	.sidebar{width:auto !important; float:none !important;}
}
.blueBtn-b,.orangeBtn-b{ display:inline-block; width:220px; background:#7bbb26; border-radius:5px; color:#fff !important;height:60px; margin-right:10px; margin-bottom:10px; text-align:left; text-decoration:none !important}
.blueBtn-b .pic,.orangeBtn-b .pic{ float:left; padding-top:16px; width:56px;height:44px; line-height:44px; border-right:1px solid #75b027; text-align:center; margin-right:18px;}
.blueBtn-b .name,.orangeBtn-b .name{ font-size:28px; line-height:30px; padding:5px 0 0; display:block; margin-bottom:0}