@charset "utf-8";
#product-nav { overflow:hidden; padding:20px 0 2px; width:1040px; margin:0 auto;}
#product-nav h1 { font-size:19px; display:block; float:left; text-shadow:0 1px 0 #eee;}
#product-nav h1 a { text-decoration:none; font-size:19px; color:#000;}
#product-nav h1 span {font-size: 12px;letter-spacing: 0;padding-left: 12px;color: #999;}
#product-nav ul { float:right; padding-top:6px; display:inline;}
#product-nav ul li { display:inline; float:left;}
#product-nav ul li a { text-shadow:0 1px 0 #fff; color:#333;  margin:0 4px 0 24px;}
#product-nav ul li a:hover { color:#09c; text-decoration:none;}
#product-nav ul li a.on { color:#999; cursor:default;}
/*index*/
#index {margin:0 auto; width:1040px; padding-top:80px;}
#index .highlight { width:1200px; margin:0 auto 28px auto; overflow:hidden; text-align:center;}
#index .col { width:992px; margin:0 auto; overflow:hidden; height:100%; padding:24px;} 
#index .col p { line-height:1.7em; color:#454545;}
#index .col h3 { font-size:18px; color:#060; margin-bottom:18px;}
#index sup { color:#f00; font-weight:normal; padding-left:6px; font-size:11px;}
#index .col h3.last { border-top:1px solid #ddd; margin:18px 0 12px; padding-top:12px;}
#index .col-a { float:left; width:420px; background:transparent url(../images/style/bg-index-2.png) no-repeat scroll 378px 0;}
#index .col-a .item { clear:both; overflow:hidden; padding:4px 0 12px 0;}
#index .col-a .item .prod-pic { float:left; width:96px;}
#index .col-a .item .prod-info { float:right; width:278px; padding-right:46px;}
#index .col-a .item .prod-info h4 { margin:2px 0 4px; font-weight:bold; font-size:14px;}
#index .col-a .item .prod-info h4 a.windows-link { background:transparent url(../images/style/mac-pc.png) no-repeat scroll 0  -87px; padding:6px 0 6px 22px; margin-left:30px; font-weight:normal; font-size:12px; }
#index .col-b { padding:0 38px 0 0; float:left; width:306px; background:transparent url(../images/style/bg-index-2.png) no-repeat scroll right 0;}
#index .col-b .overview { padding:8px 0 2px 2px;}
#index .go { margin:2px 0 8px 0;}
#index .col-b .img { margin-top:-21px; text-align:center;}
#index .col-b ul li {background:url(../images/special-offer/halloween/numbers.png) no-repeat; width:32px; height:32px; float:left; padding-right:5px; font: normal 21px Arial, Helvetica, sans-serif; color:#1b1b1b; text-align:center; vertical-align:middle; margin-top:98px; padding-top:6px;}
#index .col-c { width:223px; float:right;}
#index .col-c .overview { padding:6px 0 0 2px;}
#index .col-c li { background:transparent url(../images/style/bgs-3.png) no-repeat scroll 2px -143px; padding:4px 0 0 16px;}
#index .col-c li a { color:#555; }
#index .col-c li span{ color:#f20; padding-left:4px; font-size:10px; }


#title a { display:block; width:320px; height:28px; text-indent:-900em;}

.prod-mac { background:url(../images/title/product-mac.png) no-repeat scroll -3px -2px transparent;}
.prod-win { background:url(../images/title/product-windows.png) no-repeat scroll -3px -2px transparent;}


/* banner */
.banner-switch{ width:1040px;height:346px; margin:10px auto 12px auto; position:relative;}
.banner-switch .imgs li {position:absolute; z-index:4;}
.banner-switch .num{ position:absolute; bottom:4px;right:16px;z-index:10;}
.banner-switch .num li{color:#000;float:left;margin:3px;padding:2px 6px;background:#fff;font:normal 11px/1.4em Arial;filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;cursor:pointer;}
.banner-switch .num li.curr{background:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;color:#000;font-weight:bold;}



.learn-more a { float:right; display:block; margin-top:12px; text-shadow:1px 1px 1px #fff;}


/*guide mac*/
.guide-list li { background:transparent url(../images/style/bgs-3.png) no-repeat scroll 2px -135px; padding:8px 0 0 16px;}
.guide-list li a { font-size:13px;}


/*products*/


#products .grid-b{ margin:12px 4px 22px; overflow:hidden; padding:0;}

#products .grid-b .inside { overflow:hidden;height:100%;}
#products .grid-b h3 { height:33px; line-height:30px; color:#318905; font-size:14px; padding:0 0 0 24px; background:transparent url(../images/style/bg-f.png) repeat-x scroll 0 2px; border-right:1px solid #ddd;}
#products .grid-b h3.alt { border-top:1px solid #ddd; padding-top:6px; background:transparent url(../images/style/bg-f.png) repeat-x scroll 0 4px; height:33px; line-height:22px;}
#products .grid-b h3.shift { border-right:none;}
#products .grid-b h2 { height:33px; line-height:30px; color:#318905; font-size:14px; padding:0 0 0 24px; background:transparent url(../images/style/bg-f.png) repeat-x scroll 0 2px; border-right:1px solid #ddd;}
#products .grid-b h2.alt { border-top:1px solid #ddd; padding-top:6px; background:transparent url(../images/style/bg-f.png) repeat-x scroll 0 4px; height:33px; line-height:22px;}
#products .grid-b h2.shift { border-right:none;}

#products .grid-b .col-a { float:left; width:515px;}
#products .grid-b .col-a .item-a { border-right:1px solid #ddd; padding:10px 24px 22px 36px;}
#products .grid-b .col-a .prod { overflow:hidden; height:100%;}
#products .grid-b .col-a .prod-pic { float:left;width:114px; padding:10px 8px 0 0;}
#products .grid-b .col-a .prod-pic img { width:114px; height:135px;}
#products .grid-b .col-a .prod-info { float:right; width:314px;}
#products .grid-b .col-a .prod-info p { line-height:1.6em; color:#787878;}
#products .grid-b .col-a .prod-info p.price { color:#506099;}
#products .grid-b .col-a .related { clear:both; overflow:hidden; padding-top:8px;}
#products .grid-b .col-a .related p { color:#318905; font-size:13px; display:block; padding-bottom:6px;}
#products .grid-b .col-a .related p a{ float:right; font-size:11px;}
#products .grid-b .col-a .related ul { overflow:hidden;}
#products .grid-b .col-a .related ul.purchase-windows li { width:90%; }
#products .grid-b .col-a .related li { float:left; width:46%; background:transparent url(../images/style/bgs-3.png) no-repeat scroll 2px -138px;
padding:8px 0 0 16px;}
#products .grid-b .col-a .related li span { color:#506099; float:right;}
#products .grid-b .col-a .related li a { color:#454545;}
#products .grid-b .col-a .related li a:hover { text-decoration:none; color:#08c;}
#products .grid-b .col-a .item-b .prod { border-bottom:1px dotted #AEAEAE; clear:both; margin-bottom:16px; overflow:hidden; padding-bottom:8px; }
#products .grid-b .col-a .item-b .end { border:none; margin:0; padding:0;}
#products .grid-b .col-a .item-b .prod .prod-pic { width:114px; padding:10px 8px 0 0;}
#products .grid-b .col-a .item-b .prod .prod-pic img {width:114px; height:135px;}
#products .grid-b .col-a .item-b .prod .prod-info { width:314px;}
sup { color:#f30; padding-left:4px; font-size:11px;}


#products .grid-b .high { height:100%; overflow:hidden;}
#products .grid-b .high h5 { font-size:14px; color:#f30;}
#products .grid-b .produc { border-top:1px solid #ddd; padding:20px 24px; overflow:hidden; background:#f9f9f9; height:100%;}
#products .grid-b .produc .prod-pic { padding-top:12px; float:left; margin-right:10px;}
#products .grid-b .produc .prod-info { width:950px; position:relative; float:left; padding:18px 0 18px 10px; -moz-box-shadow:0 2px 5px #ccc; -webkit-box-shadow:0 2px 5px #ccc; border:1px solid #ddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff;}
#products .grid-b .produc .prod-info img { float:left; opacity:0.8;}
#products .grid-b .produc .prod-info .infos { float:left; width:516px; padding-left:18px;}
#products .grid-b .produc .prod-info .infos img {}
#products .grid-b .infos p { line-height:1.6em; color:#787878;}
#products .grid-b .produc .plus { padding:20px 12px 0 12px;}
#products .grid-b .produc .equal { padding-top:34px; padding-left:16px;}
#products .grid-b .produc .hots { position:absolute; right:1px; top:1px;}
#products .grid-b .produc .hots img { padding-right:0;}


#products .grid-b .col-b .item-a { border:none; padding:10px 24px 22px 36px;}
#products .grid-b .col-b .item-b { border:none;}
#products .grid-b .col-b h3 { margin:0; }
#products .grid-b .col-b .end { border:none;}

#products .grid-b .inside h5 { color:#318905; font-size:15px; padding-bottom:4px;}
#products .grid-b .inside h5 a { color:#454545; font-size:15px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#products .grid-b .inside .item-c,#products .grid-b .inside .item-d,#products .grid-b .inside .item-e { float:left; padding:12px 0; overflow:hidden;}
#products .grid-b .inside .item-c { padding-left:32px; width:302px;  padding-right:28px;}
#products .grid-b .inside .item-c .prod-pic,#products .grid-b .inside .item-e .prod-pic { float:left; padding:8px 22px 0 0;}
#products .grid-b .inside .item-c .prod-info p,#products .grid-b .inside .item-e .prod-info p{ color:#787878;}
#products .grid-b .inside .item-d { width:200px; border-left:1px solid #aeaeae; padding-left:26px;  }
#products .grid-b .inside .item-d ul li { float:left; width:96%; background:transparent url(../images/style/bgs-3.png) no-repeat scroll 2px -142px;
padding:4px 0 0 16px;}
#products .grid-b .inside .item-e {  border-left:1px solid #aeaeae;  padding-left:32px; width:314px; padding-right:32px;}


/*store*/
#store .grid-b { margin:12px 4px 22px; overflow:hidden; padding:2px 8px;}
#store .grid-b h3,#store #full h3 { color:#318905; font-size:14px; margin:2px -8px 13px; padding:6px 18px 8px; background:none repeat scroll 0 0 #f5f5f5; background:transparent url(../images/style/bg-f.png) repeat-x scroll 0 0;}
#store .grid-b .inside { overflow:hidden; height:100%;}
#store .grid-b .col { float:left; border-right:1px solid #ddd; padding:10px 16px 18px 12px; margin:8px 0; overflow:hidden; width:300px;}
#store .grid-b .col-c { border:none;}
#store .grid-b .col .prod-pic { float:left; clear:both;}
#store .grid-b .col .prod-pic img { padding:0 14px 0 0;}
#store .grid-b .col .prod-info { float:right; width:162px;}
#store .grid-b .col p.intro { color:#777;}
#store .grid-b .col p.price { margin:4px 0;}
#store .grid-b .col p.price s{ font-size:12px; color:#506099;}
#store .grid-b .col p.price strong { color:#F30; font-weight:normal;}
#store .grid-b .col p.price span { color:#999; font-size:13px;}
#store .grid-b .col .prod-info h4 { padding:0 0 4px 0; margin:0;}

#store .grid-b .buy-now a { display:block; float:left; width:114px; height:23px; background:transparent url(../images/style/bg-buy.png) no-repeat scroll 0 0; color:#fff; line-height:23px; padding-left:36px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-shadow:0 1px 0 #000;}

#store #full .col { float:left; padding:18px; margin:12px; overflow:hidden; width:270px; background:#f5f5f5; -moz-border-radius:5px;	-webkit-border-radius:5px; border-right:none;}
#store #full .col img { float:left; padding:4px 16px 10px 0;}
#store #full .col h4 { padding:0 0 12px 0; color:#000; font-size:14px; font-weight:bold; text-align:center;}
#store #full .col li { color:#777; font-size:11px; line-height:1.5em;}
#store #full .col li.list a { background:url(../images/style/bgs-3.png) no-repeat scroll 2px -148px transparent; padding:0 0 0 16px; color:#777; font-size:11px;}
#store #full .col-c { border:none;}
#store #full .pro-list { border:none;}
#store #full .pro-list li { display:block; float:left; text-align:center; width:240px; border-right:1px solid #ddd; margin-bottom:12px;}
#store #full .pro-list li img{ width:114px;}
#store #full .pro-list li.listp{ margin-top:20px;}
#store #full .pro-list .prod-info h5 { padding:8px;}
#store #full .pro-list .prod-info h5 a { color:#454545; font-family:Arial,Helvetica,sans-serif; font-size:13px;}
#store #full .pro-list .purchase-now { text-align:left; overflow:hidden; width:181px; padding-left:40px;}
#store #full .pro-list .purchase-now span {color:#506099; font-size:14px; margin:3px 0 0 8px; display:block;}
#store #full .pro-list .purchase-now a { float:left; }
/*
.slide { position:relative;}
.slide .sildPicBar { position:absolute; right:24px; top:12px; width:116px;}
.slide .pre { display:inline; background:url(../images/slide.png) no-repeat 0 0; float:left; width:22px; height:15px; cursor:pointer; margin-right:8px;}
.slide .next { display:inline; background:url(../images/slide.png) no-repeat 0 -71px; float:right; width:22px; height:15px; cursor:pointer;}
.slide .sildPicBar li { margin:5px 0 0 3px; display:inline; background:url(../images/dot-slide.png) no-repeat 0 0; float:left; width:8px; height:8px; cursor: pointer;}
.slide .sildPicBar li:hover { background:url(../images/dot-slide.png) no-repeat 0 -8px;}
.slide .sildPicBar li.select { background:url(../images/dot-slide.png) no-repeat 0 -16px;}
.slide .bd { padding:12px;}
.slide .cnt-wrap { overflow:hidden; width:956px; height:166px; zoom:1; padding:10px;}
.slide .cnt { width:4400px;}
*/

/*News*/
#rf{clear:both;overflow:hidden;border:1px dotted #9FE18E;background-color:#F9FEF8;height:1%;margin:10px 0;padding:8px 12px;}
#rf p { color:#f00; font-size:14px; font-weight:bold;}
ul.dh{overflow:hidden;height:100%;}
ul.dh li{ background:transparent url(../images/icon-arrow2.gif) no-repeat 0 4px; padding:2px 0 2px 10px; float:left; width:30%;}
.pagess{clear:both;margin:6px 0 24px 0;padding:13px 3px 3px;text-align:left;}
.pagess span.disabled{border:1px solid #929292;color:#929292;margin-right:2px;padding:4px 8px;}
.pagess span.current{background-color:#090;border:1px solid #060;color:#FFFFFF;font-weight:bold;margin-right:2px;padding:4px 8px;}
.pagess span.navs{background-color:#fff;border:1px solid #aaa;color:#999;margin-right:2px;padding:4px 8px;}
.pagess a:link{border:1px solid #090;color:#080;margin-right:2px;padding:4px 8px;text-decoration:none;}
.pagess a:visited{border:1px solid #090;color:#080;margin-right:2px;padding:4px 8px;text-decoration:none;}
.pagess a:hover{border:1px solid #090;color:#f60;margin-right:2px;padding:4px 8px;text-decoration:underline;}



/*purchase flow chart*/
#chart{ float:left; margin-top:12px;}
#chart ul{overflow:hidden;}
#support .focus #chart ul li{width:358px;float:left;border:1px solid #7791B2;margin:8px 0;padding:10px;clear:both; background:none;}
#chart ul li p{font-weight:bold;font-size:18px;font-family:Arial, Helvetica, sans-serif;color:#444;padding:6px 0;}
#chart ul li span{color:#090;font-weight:bold;font-size:12px;padding-left:40px;}
#chart ul li span a:link{color:#090;font-weight:bold;font-size:12px;text-decoration:underline;}
#chart ul li span a:visited{color:#090;font-weight:bold;font-size:12px;text-decoration:underline;}
#chart ul li span a:hover{color:#090;font-weight:bold;font-size:12px;text-decoration:none;}
#chart ul li p span{color:#FF6C00;font-size:36px;padding:0 10px 0 0;font-family:"Times New Roman", Times, serif;font-style:italic;}
#support .focus #chart li.arrow{border:none;text-align:center;margin:-6px auto;padding:0;}

#note{ float:right;width:300px;}
#note a{color:#003366;}

#note p{margin-bottom:8px;}
#note p strong{font-size:12px;padding-bottom:4px;}

.freebg { background:#e3e3e3; border:none; margin-bottom:20px; padding-top:6px;}
.freeleft { float:left; width:452px; background: url(../images/special-offer/word_greyarrow.gif) no-repeat right 24px;}
.freeleft .images{ float:left; padding:28px 16px 0 50px;}
.freeleft .icon { position:absolute; top:120px; left:26px;}
.freeleft .interface { margin:15px 0 0 60px; max-width:320px; -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}
.freeleft .text{padding-right:10px;}
.freeleft .text .title a { display:block; font-weight:bold; font-size:13px; padding:40px 0 10px 12px;}
.freeleft .text img{ padding-top:10px;}
.freeright {float:right; width:460px; padding:22px 10px 10px 0;}
.freeright .slogan{font-size:20px; padding-bottom:6px; font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
.freeright ul{ padding-bottom:15px;}
.freeright li{background:url(../images/style/bgs-3.png) no-repeat scroll 2px -143px transparent; color:#444; line-height:1.8em; padding-left:16px;}
.freeright .button{background: url(../images/special-offer/get-keycode.gif) no-repeat scroll 0% 0% transparent; width: 166px; height:37px; border: 0pt none; cursor:pointer; margin:2px 0 0 97px;}
.notebox{ padding:12px 16px 12px 0; margin-bottom:40px;}
.notebox ol li,.notebox ol li a { line-height:16px; font-size:11px; color:#888;}
.notebox span{ color:#f30; font-weight:bold; margin-left:-17px; display:block; padding-bottom:6px;}
.submitform{ margin-top:16px;}
.submitform p{ display:block; clear:both; padding-bottom:8px;}
.submitform .required { font:0.8em Verdana !important; color:#f68622;}
.submitform input{ font-size:12px; width:180px; border:1px solid #ccc; padding:3px; box-shadow:inset 0 1px 2px #d0d0d0;-moz-box-shadow:inset 0 1px 2px #d0d0d0;-webkit-box-shadow:inset 0 1px 2px #d0d0d0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.submitform input#newsletter { width:18px; margin-left:48px;}
.submitform label{ cursor:pointer; width:78px; text-align:right; display:block; float:left; padding-right:10px;}
.submitform label.check { display:inline; float:none; color:#777; }