@charset "utf-8";

/*index*/
#index { overflow:hidden; margin-top:6px; width:100%; width:expression(document.body.clientWidth <= 1020? "1020px": "auto"); min-width:1020px; background:transparent url(../images/style/bg.jpg) repeat-x scroll 0 30px;}
#index .highlight { width:1200px; margin:36px auto; overflow:hidden; text-align:center;}

#index .col { width:1032px; margin:0 auto; overflow:hidden; height:100%;} 
#index .col span{color:#506099; font-weight:bold; padding-left:30px;}
#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:390px; background:transparent url(../images/style/bg-index-2.png) no-repeat scroll right 0;}
#index .col-a .item { clear:both; overflow:hidden; padding:4px 5px 10px 0;}
#index .col-a .item .prod-pic { float:left; width:114px;}
#index .col-a .item .prod-info { float:right; width:250px; padding-right:20px;}
#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.mac-link { background:transparent url(../images/style/mac-pc.png) no-repeat scroll 0  -11px; padding:6px 0 6px 22px; font-size:12px; font-weight:normal; margin-left:12px;}
#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:8px; font-weight:normal; margin-left:12px;}
#index .col-b { padding:0 10px 0 5px; float:left; width:376px; background:transparent url(../images/style/bg-index-2.png) no-repeat scroll right 0;}
#index .col-b .item { clear:both; overflow:hidden; padding:4px 0 5px 0;}
#index .col-b .item .prod-pic { float:left; width:114px;}
#index .col-b .item .prod-info { float:right; width:225px; padding-right:20px;}
#index .col-b .item .prod-info h4 { margin:2px 0 4px; font-weight:bold; font-size:14px;}
#index .col-b .item .prod-info h4 a.mac-link { background:transparent url(../images/style/mac-pc.png) no-repeat scroll 0  -11px; padding:6px 0 6px 22px; font-size:12px; font-weight:normal; margin-left:12px;}
#index .col-b .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:8px; font-weight:normal; margin-left:12px;}

#index .go { margin:2px 0 8px 0;}
#index .col-b .img { margin-top:-21px; text-align:center;}
#index .col-c { width:228px; 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; }



.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*/
.menu-mac,.menu-windows{ width:280px; float:right; position:relative; margin-top:-16px; margin-right:8px; float:right;}
.menu-mac a,.menu-windows a { font-size:13px; color:#000;}
.menu-mac .mac,.menu-windows .mac{ float:left; width:100px; padding:4px 0 0 24px; background:transparent url(../images/style/mac-pc.png) no-repeat scroll 0 -11px;}
.menu-mac .windows,.menu-windows .windows { float:right; width:120px; padding:4px 0 0 24px; background:transparent url(../images/style/mac-pc.png) no-repeat scroll 0 -87px;}
.menu-mac .windows a,.menu-windows .mac a { color:#999;}


#products .contents-top-bg2 { background:transparent url(../images/style/bgs-4.png) no-repeat scroll  -2px -105px; clear:both; font-size:0; height:16px;}
#products .grid-b{ clear:both; position:relative; height:100%; overflow:hidden;}
#products .grid-b .inside { background:transparent url(../images/style/bg-e.png) repeat-y scroll -12px 0; overflow:hidden; padding-bottom:4px; height:100%;}
.mac-here { position:absolute; top:6px; left:780px;}
.windows-here { position:absolute; top:6px; left:922px;}


#products .grid-b h3 { margin:0 0 0 6px; height:36px; color:#318905; font-size:16px; padding:0 0 0 24px; background:transparent url(../images/style/bg-f.png) repeat-x scroll 0 0; text-shadow:1px 1px 1px #eee;}
#products .grid-b h3.alt { border-top:1px solid #aeaeae; padding-top:6px; background:transparent url(../images/style/bg-f.png) repeat-x scroll 0 5px;}
#products .grid-b .contents-bottom-bg2 { background:transparent url(../images/style/bgs-4.png) no-repeat scroll -2px -188px; height:22px; clear:both;
font-size:0; }
#products .grid-b .col-a { float:left; width:506px;}
#products .grid-b .col-a .item-a { border-right:1px solid #aeaeae; padding:18px 24px 16px 36px;}
#products .grid-b .col-a .prod { overflow:hidden; height:100%;}
#products .grid-b .col-a .prod-pic { float:left; width:118px; padding-top:5px;}
#products .grid-b .col-a .prod-info { float:right; width:302px;}
#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 { border-top:1px dotted #AEAEAE; clear:both; margin-top:16px; overflow:hidden; padding-top:8px;}
#products .grid-b .col-a .related p { font-size:14px;}
#products .grid-b .col-a .related p.compare { clear:both; padding:16px 0 0 4px;}
#products .grid-b .col-a .related p.compare  a{ color:#777; background:transparent url(../images/icon-arrow2.gif) no-repeat scroll 100% 1px;}
#products .grid-b .col-a .related td{padding-top:8px;}
#products .grid-b .col-a .related td a{color:#506099; text-decoration:underline;}
#products .grid-b .col-a .related td span{color:#f30;}
#products .grid-b .col-a .related ul { overflow:hidden;}
#products .grid-b .col-a .related li {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 { margin-right:10px;}
#products .grid-b .col-a .related li a { color:#506099; text-decoration:underline;}
#products .grid-b .col-a .related li a:hover {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:90px;}
#products .grid-b .col-a .item-b .prod .prod-info { width:344px;}
#products sup { color:#f30; padding-left:4px; font:normal 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}

.action-new {clear:both; overflow:hidden; padding-top:10px;}
.action-new span{ float:left; color:#506099; font:bold 14px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
.action-new li { background:none; float:right; margin-left:10px;}
.action-new li  a{ width:70px;height:26px;line-height:24px; display:block; float:left; background:transparent url(../images/style/but.png) no-repeat scroll -154px -28px; padding-left:32px; font-weight:bold; font-size:11px; color:#fff; text-decoration:none;}
.action-new li a:hover { color:#ccc;}
.action-new li.buy { margin-right:0;}
.action-new li.buy a { width:66px; background:transparent url(../images/style/but.png) no-repeat scroll 0 -28px; padding-left:36px;}

#products .grid-b .col-b .item-a { border:none; padding:18px 24px 16px 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 { margin-top:15px;}
#store .grid-b h3,#store #full h3 { background:transparent url(../images/style/bgs-4.png) no-repeat scroll  -2px -100px; height:51px; line-height:59px; color:#318905;font-size:16px; padding:0 0 0 24px;}
#store .grid-b .inside { background:transparent url(../images/style/bg-e.png) repeat-y scroll -12px 0; overflow:hidden; height:100%;}
#store .grid-b .contents-bottom-bg2 { background:transparent url(../images/style/bgs-4.png) no-repeat scroll -2px -188px; height:22px; clear:both;
font-size:0; }
#store .grid-b .col { float:left; border-right:1px solid #ddd; padding:16px 18px 10px 24px; margin:8px 0; overflow:hidden; width:296px;}
#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 16px 0 0;}
#store .grid-b .col .prod-info { float:right; width:180px;}
#store .grid-b .col p.intro { color:#777;}
#store .grid-b .col p.price { margin:4px;}
#store .grid-b .col p.price strong { color:#506099; 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 #full .full-main { overflow:hidden; padding:8px 18px;}
#store #full .col { float:left; padding:18px; margin:0 8px; overflow:hidden; width:276px; background:#f5f5f5; -moz-border-radius:5px;	-webkit-border-radius:5px;}
#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 .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:4px;}
#store #full .pro-list .purchase-now a { float:left; }
.slide { position:relative;}
.slide .sildPicBar { position:absolute; right:23px; top:23px; 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:152px; zoom:1; padding:10px;}
.slide .cnt { width:4400px;}

/*purchases*/
#purchases { margin-top:-32px;}
#purchases .grid-pro,#products .grid-pro { margin-bottom:10px; clear:both; background:transparent url(../images/style/bg-g.png) no-repeat scroll -6px 5px; height:310px; padding:32px 40px 0;}
#purchases .grid-pro .col-a ,#products .grid-pro .col-a { width:45%; float:left;}
#purchases .grid-pro .col-a h4,#products .grid-pro .col-a h4 { padding:10px 0 16px 0; text-align:center;font-size:19px; color:#070;}
#purchases .grid-pro .col-a h4 span,#products .grid-pro .col-a h4 span { color:#f30; padding-left:12px;font-size:11px;}
#purchases .grid-pro .col-b,#products .grid-pro .col-b { float:right;}
#purchases .grid-pro .img,#products .grid-pro .img { padding:16px 0 8px; text-align:center;}
#purchases .grid-pro .buy-now,#products .grid-pro .buy-now { overflow:hidden; padding-top:8px;}
#purchases .grid-pro .price,#products .grid-pro .price { width:270px; float:left; font-size:16px; padding-right:12px;}
#purchases .grid-pro .price strong,#products .grid-pro .price strong { color:#506099; font-size:19px; padding-right:8px; font-weight:normal;}
#purchases .grid-pro .buy-now a,#products .grid-pro .buy-now a { float:left;}

#purchases .grid-pro,#products .grid-prow { margin-bottom:10px; clear:both; background:transparent url(../images/style/bg-w.png) no-repeat scroll -6px 5px; height:310px; padding:32px 40px 0;}
#purchases .grid-pro .col-a ,#products .grid-prow .col-a { width:45%; float:left;}
#purchases .grid-pro .col-a h4,#products .grid-prow .col-a h4 { padding:10px 0 16px 0; text-align:center;font-size:19px; color:#070;}
#purchases .grid-pro .col-a h4 span,#products .grid-prow .col-a h4 span { color:#f30; padding-left:12px;font-size:11px; }
#purchases .grid-pro .col-b,#products .grid-prow .col-b { float:right;}
#purchases .grid-pro .img,#products .grid-prow .img { padding:16px 0 8px; text-align:center;}
#purchases .grid-pro .img,#products .grid-prow .img2 { text-align:center;}
#purchases .grid-pro .buy-now,#products .grid-prow .buy-now { overflow:hidden; padding-top:8px;}
#purchases .grid-pro .price,#products .grid-prow .price { width:270px; float:left; font-size:16px; padding-right:12px;}
#purchases .grid-pro .price strong,#products .grid-prow .price strong { color:#506099; font-size:19px; padding-right:8px; font-weight:normal;}
#purchases .grid-pro .buy-now a,#products .grid-pro .buy-now a { float:left;}



/*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;}

/*compare*/
.compare-table{margin:8px 0 0 0;}
.compare-table a { font-size:13px; color:#58c; }
.compare-table a:hover { text-decoration:none;}
.compare-table td,.compare-table th{padding:8px;border:1px solid #ddd;}
.compare-table td {text-align:center;}
.compare-table td p.buy-now a { color:#fff; margin:0 auto; padding-left:16px; width:88px;}
.compare-table td strong { font-weight:normal; color:#f30; font-size:16px; font-family:Arial,Helvetica,sans-serif;}
.compare-table th{font-size:13px;padding-left:12px;}
.compare-table th img { padding:8px 0;}
.compare-table th strong{font-size:14px;font-weight:normal;}
.compare-table th.title { background-color:#f9f9f9; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.compare-table .center { text-align:center;}



/*compare*/
#compare { margin:12px;}
#compare table .b-top { border-top:1px solid #aeaeae; text-align:center;}
#compare table .b-left { border-left:1px solid #aeaeae;}
#compare table .b-bottom { border-bottom:1px solid #aeaeae;}
#compare table tr td, #compare table tr th { border-bottom:1px solid #EFF3F4; border-right:1px solid #aeaeae; padding:8px 10px 10px 14px; vertical-align:center;} 
#compare table tr td { text-align:center;}
#compare table tr a { color:#07c;}
#compare table tr th { font-weight:normal;}
#compare table tr th img { padding:8px 0;}
#compare table tr.alt td,#compare table tr.alt th { background-color:#fafbfc;}
#compare table tr th.title-a { border-right:1px solid #EFF3F4; border-left:1px solid #aeaeae;}