*{margin:0;padding:0;border: none}
body {
	background: #d8d8d8;
	color:#555;
	padding:0;
	margin:0;
	text-align: center;
	line-height:20px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
 }
li{list-style:none outside;}
a{color:#f3a000; text-decoration:underline;}
a:visited{color:#f3a000; text-decoration:underline;}
a:hover{color:#555; text-decoration:none;}
.clear{clear: both;}

h1{color:#0057b1; font-size:18px; line-height:35px; font-weight:bold;}

h2 {font-size:16px; padding-bottom:10px; color:#0057b1; font-weight:bold;}
h2 a:link, h2 a:visited {color:#0057b1; text-decoration:underline;}
h2 a:hover {color:#555; text-decoration:none;}

h3 {font-size:13px; line-height:30px; color:#53b003; font-weight:bold;}
h3 a:link, h3 a:visited {color:#53b003; text-decoration:underline;}
h3 a:hover {color:#53b003; text-decoration:none;}


h4 {font-size:11px; line-height:25px; font-weight:bold; margin-top:10px;}
 
.orange {color:#f3a000;}
.red {color:#FF0000;}
.red14 {font-size:14px; color:#FF0000;}

#top {width:100%; height:80px; background:url(images/bg-top.gif) repeat-x;}
.menu {width:1000px; margin:0 auto;}
#logo {margin:5px 27px; float:left;}
#menu {width:850px; float:left;}
#menu ul{margin:0 0 0 214px;}
#menu ul li {width:89px; height:75px; line-height:75px; font-size:14px; margin:0 5px; float:left;}
#menu ul li a {color:#fff; text-decoration:none; display:block;}
#menu ul li .current {background:url(images/menu.gif) no-repeat;}
#menu ul li a:hover {color:#fff; text-decoration:none; font-size:16px;}
#nav {width:1000px; color:#696969; text-align:left; margin:10px auto 0 auto;}
#nav a {color:#696969; text-decoration:underline;}
#nav a:hover {color:#696969; text-decoration:none;}

#banner { width:100%; background:url(images/banner-bg.jpg) repeat-x;}
#banner-in {width:720px; margin:10px 0; float:left;}
#main-top {width:1000px; height:5px; margin:10px auto 0 auto; font-size:0; background:url(images/top.gif) no-repeat;}
#main-bottom {width:1000px; height:5px; margin:0 auto 10px auto; font-size:0; background:url(images/bottom.gif) no-repeat;}
#main {
	width:1000px;
	margin:0 auto;
	padding-bottom:5px;
	text-align:left;
	background-color: #FFFFFF;
}
#left {width:250px; margin:0 10px; float:left;}
#right {width:720px; margin-right:10px; float:right;}


#bottom {width:100%; background:#525252; line-height:25px; color:#fff;}
#bottom a {color:#fff; text-decoration:underline;}
#bottom a:hover {color:#fff; text-decoration:none;}
#tag {width:1000px; margin:0 auto; text-align:left;}
.tag {width:225px; height:180px; background:url(images/line4.gif) repeat-y right; padding-right:5px; margin:10px 0 10px 20px; float:left;}
.tag span {padding-right:8px; font-size:10px; font-family:arial;}
.tag-last {width:207px; margin:10px 0 10px 40px; float:left;}
#copyright {width:1000px; background:url(images/line2.gif) repeat-x top; line-height:40px; margin:0 auto; text-align:center;}
.tag .title {font-size:14px; font-weight:bold;}
.tag-last .title {font-size:16px; font-weight:bold;}

.button {float:right; margin:10px 0 0 10px;}
.width980 {width:980px; margin:10px 10px 0 10px; float:left;}
.width720 {width:720px; margin:10px 0 0 0; float:left;}

/* index windows mac tab */
.index-pl {width:476px; margin:15px 0 15px 25px; background:url(images/line5.gif) repeat-y right; float:left;}
.index-inl {width:450px; float:left; padding-bottom:10px; border-bottom:1px dashed #666;}

.index-pr {width:474px; margin:15px 0 15px 25px; float:left;}
.index-inr {width:450px; padding-top:20px; float:left;}
.index-tab {width:90px; height:24px; text-align:right; float:right;}

.index-title {width:358px; float:left;}
.index-box {float:left;}
.index-co {width:310px; float:left;}
.index-co ul {width:300px; display:block;}
.index-co ul li {list-style:disc outside; margin-left:15px;}

.index-price {margin:10px 0 0 8px; float:left; color:#990000; font-size:10px; }
.index-price span {font-size:13px; font-weight:bold;}

/* index windows mac tab end */

#line-o {width:1000px; height:5px; float:left; background:url(images/line1.gif) repeat-x; float:left; font-size:0;}
#index-left {width:620px; margin:5px 0 5px 10px; background:url(images/line6.gif) no-repeat right; float:left;}
#index-right {width:350px; margin:5px 0 5px 10px; float:left;}
#index-left .title {width:600px; font-size:16px; font-weight:bold; line-height:30px; text-indent:5px; float:left;}
#index-right .title {width:350px; font-size:16px; font-weight:bold; line-height:30px; text-indent:5px; border-bottom:#555 1px solid; float:left;}
#index-left .block1 {width:290px; background:url(images/bg-p.gif) #fff repeat-x; margin:10px 0; padding:10px 5px 0 0; float:left;}
#index-left .block2 {width:290px; background:url(images/bg-p.gif) #fff repeat-x; margin:10px 0 10px 10px; padding:10px 5px 0 0; float:left;}
#index-left .image {float:left;}
#index-left .content {width:235px; float:right;}
#index-right .content {width:340px; margin:5px 0; padding:5px; background:url(images/line3.gif) repeat-x bottom; float:left;}
#index-right .content ul li{list-style:disc outside; margin-left:15px;}
#index-right a {color:#0057b1; text-decoration:none;}
#index-right a:hover {color:#f3a000; text-decoration:underline;}

.free {width:700px; padding:10px;border:1px #666 solid; margin-bottom:10px; background:#F6F6F6 url(images/free.jpg) top right no-repeat; float:left;}

/*left*/
.ad {float:left; margin-top:10px;}
.left-list {margin-top:10px; float:left;}
.left-tag {width:250px; line-height:36px; font-size:13px; margin-top:10px; background:url(images/list.gif) no-repeat; text-indent:10px; color:#525252; font-weight:bold; float:left;}
.left-block {width:248px; border-left:#a0a0a0 1px solid; border-right:#a0a0a0 1px solid; float:left;}
.left-block .title {width:238px; height:22px; line-height:22px; padding-left:10px; color:#fff; font-style:italic; background:url(images/p-list.gif) no-repeat; float:left;}
.left-block .content {width:228px; margin:5px 10px; float:left;}
.left-block .content ul li {list-style:disc outside; margin-left:15px;}
.left-block .content ul li a {color:#555; text-decoration:none;}
.left-block .content ul li a:hover {color:#f3a000; text-decoration:underline;}

.left-bottom {width:250px; height:4px; background:url(images/left-b.gif) no-repeat; font-size:0; float:left;}
.right-top {width:720px; height:4px; background:url(images/right-t.gif) no-repeat; margin-top:10px; font-size:0; float:left;}
.right-bottom {width:720px; height:4px; background:url(images/right-b.gif) no-repeat; font-size:0; float:left;}

/* product page */
.product {width:700px; padding:10px; float:left;}
.product .title {
	width:550px;
	height:35px;
	float:left;
}
.product .os {float:left;}
.product .box {width:170px; float:left;}
.product .content {width:510px; padding:10px 0 0 10px; float:left;}
.product .content ul li {list-style:square outside; margin-left:15px;}
.product-tab {width:720px; height:37px; background:url(images/tab-top.gif) no-repeat bottom; text-align:center; float:left;}
.product-tab ul {line-height:34px; color:#0057b1; font-size:12px; font-weight:bold;}
.product-tab ul li {width:111px; background:url(images/tab-02.gif) no-repeat; margin-right:5px; display:block; cursor:pointer; float:left;}
.product-tab ul li.current {background:url(images/tab-01.gif) no-repeat;}
.p-content {width:718px; border-left:#a0a0a0 1px solid; border-right:#a0a0a0 1px solid; float:left;}
.p-content .block {width:718px; float:left;}
.p-content .image {width:200px; margin:10px; float:left;}
.p-content .in {width:478px; margin:10px; float:left;}
.p-in {width:698px; margin:10px; float:left;}
.p-news {width:698px; border-left:#a0a0a0 1px solid; border-right:#a0a0a0 1px solid; padding:10px; float:left;}


.s-banner {width:1000px; margin:0 auto;}

.general {width:700px; padding:10px; float:left;}
.general ul li {list-style:disc outside; margin-left:15px;}
.general ul li a {color:#0057b1; text-decoration:none;}
.general ul li a:hover {color:#0057b1; text-decoration:underline;}

.credit {width:600px; height:26px; background:url(images/credit.jpg) no-repeat; margin:15px 0 15px 25px; float:left;}

/* all products purchase */
#po-top {width:1000px; height:36px; margin:10px auto 0 auto; background:url(images/top-grey.gif) no-repeat;}
#po-top a {color:#555; text-decoration:none;}
#po-top a:hover {color:#555; text-decoration:underline;}
#po-top .title {width:770px; line-height:36px; color:#fff; font-size:14px; margin-left:10px; text-align:left; font-weight:bold; float:left;}
#po-top .tag1 {width:98px; line-height:29px; background:url(images/tab-on.gif) no-repeat; margin:7px 10px 0 0; display:block; float:left;}
#po-top .tag2 {width:98px; line-height:29px; background:url(images/tab-re.gif) no-repeat; margin:7px 10px 0 0; display:block; float:left;}

.recommend {width:320px; margin:10px 0 10px 10px; float:left;}

.recommend1 {width:315px; padding:5px; margin:10px 0 10px 10px; float:left;}
.recommend1 .title {width:300px; margin:5px 0; float:left;}
.recommend1 .box {margin:5px 10px 0 0; float:left;}
.recommend2 {width:317px; padding:5px 5px 5px 7px; margin:10px 0; background:url(images/line5.gif) repeat-y left; float:left;}
.recommend2 .title {width:300px; margin:5px 0 5px 2px; float:left;}
.recommend2 .box {margin:5px 10px 0 2px; float:left;}
.rec-content {width:205px; margin-top:5px; float:left;}

.tab-all {width:980px; height:38px; background:url(images/all.gif) no-repeat; margin:10px 10px 0 10px; float:left;}
.tab-itools {width:965px; padding-left:15px; height:38px; background:url(images/itool.gif) no-repeat; margin:10px 10px 0 10px; float:left;}
.tab-photo {width:980px; padding-left:15px; height:38px; background:url(images/photo.gif) no-repeat; margin:10px 10px 0 10px; float:left;}
.tab-stream {width:980px; height:38px; background:url(images/stream.gif) no-repeat; margin:10px 10px 0 10px; float:left;}
.tab-bottom {width:980px; height:5px; font-size:0; margin:0 10px; background:url(images/bottom980.gif) no-repeat; float:left;}
.tt {line-height:32px; margin-left:40px; font-size:14px; font-weight:bold; text-align:left; color:#000; float:left;}
.tab-in {width:978px; border-left:#a0a0a0 1px solid; border-right:#a0a0a0 1px solid; margin:0 10px; float:left;}

.po-left {width:480px; margin-left:5px; padding-right:2px; background:url(images/line8.gif) no-repeat right; float:left;}
.po-right {width:480px; float:right;}
.po-block1 {width:460px; margin:10px; padding-bottom:10px; background:url(images/line3.gif) repeat-x bottom; float:left;}
.po-block2 {width:460px; margin:10px; padding-bottom:6px; float:left;}
.po-box {margin:5px 0 0 0; float:left;}
.po-content1 {width:350px; margin-left:10px; float:left;}
.po-content1 span {font-size:12px; font-weight:bold; color:#0057b1;}
.po-content1 span a {color:#0057b1; text-decoration:none;}
.po-content1 span a:hover {color:#f3a000; text-decoration:none;}

.po-content3 {width:300px; margin-left:10px; float:left;}
.po-content3 a {color:#0057b1; text-decoration:none;}
.po-content3 a:hover {color:#f3a000; text-decoration:none;}


.po-1 {width:320px; margin-left:5px; padding-right:2px; background:url(images/line7.gif) no-repeat right; float:left;}
.po-2 {width:320px; float:left;}
.po-block3 {width:310px; margin:10px 5px; padding-bottom:10px; background:url(images/line3.gif) repeat-x bottom; float:left;}
.po-block4 {width:310px; margin:10px 5px; padding-bottom:6px; float:left;}
.po-content2 {width:210px; float:left;}
.po-content2 span {font-size:12px; font-weight:bold; color:#0057b1;}
.po-content2 span a {color:#0057b1; text-decoration:none;}
.po-content2 span a:hover {color:#f3a000; text-decoration:none;}


#line-o720 {width:720px; height:5px; float:left; background:url(images/line1.gif) repeat-x; float:left; font-size:0;}
.license {width:700px; height:35px; line-height:29px; margin:10px; background:url(images/line3.gif) repeat-x bottom; padding-bottom:5px; float:left;}
.license .title {width:180px; font-size:12px; margin-left:30px; font-weight:bold; float:left;}
.license .user {width:80px; float:left;}
.license .price {width:240px; color:#FF0000; font-size:13px; font-weight:bold; text-align:center; float:left;}
.license .price span {color:#555; font-weight:normal; font-size:11px; text-decoration:line-through;}
.l-button {width:150px; text-align:center; float:left;}
.avangate {width:100px; text-align:center; float:left;}

.notice {width:670px; margin:10px; color:#FF0000; text-indent:10px; font-size:12px; font-weight:bold; float:left;}

.need {width:720px; height:40px; margin-top:15px; background:url(images/need.gif) no-repeat; line-height:32px; text-indent:25px; color:#000; font-size:12px; font-weight:bold; float:left;}
.need-box {margin:0 10px; float:left;}
.need-content {width:550px; padding:0 10px; float:left;}

.res-block {width:710px; margin:0 10px; padding:5px 0 10px 0; float:left; background:url(images/line3.gif) repeat-x bottom; clear:both;}
.res-block .image {width:180px; float:left;}
.res-block .content {width:500px; padding:10px 0; float:left;}
.res-block .content ul {width:230px; margin-right:10px; float:left;}
.res-block .content ul li {margin-left:15px; list-style:disc outside;}
.res-block .content ul li a{color:#0057b1; text-decoration:none;}
.res-block .content ul li a:hover {color:#0057b1; text-decoration:underline;}

.su-block {width:320px; border:1px solid #CCC; background:#eaf2ff; padding:10px; float:left; margin:10px 0 0 10px;}