*{
	margin:0;
	padding:0;
	border: none
}
body {
	font:11px verdana, tahoma;
	background: #dcdcdc;
	color:#666;
	padding:0;
	margin:0;
	text-align: center;
	line-height:20px;
 }
li{list-style:none outside;}
a{color:#0000EE; text-decoration:underline;}
a:visited{text-decoration:underline;}
a:hover{text-decoration:none;}
.clear{clear: both;}

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

h2 {font-size:16px; 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:11.5px; line-height:25px; font-weight:bold; margin-top:10px;}
p {margin-bottom:10px;}

.orange {color:#f3a000;}
.red14 {font-size:14px; color:#FF0000; font-weight:bold;}
.style11 {font-size:12px; color:#454545; font-weight:bold; }
.style12 {font-size:11.5px; color:#EE0000; font-weight:bold;}

#top {width:1000px; height:40px; margin:10px auto;}
#top-logo {width:140px; float:left;}
#top-r {width:5px; height:40px; background:url(images/tab-r.jpg) no-repeat; float:left;}
#menu {width:855px; line-height:40px; background:url(images/tab-bg.jpg) repeat-x; float:left;}
#menu ul {width:660px; margin-left:190px; background:url(images/tab-l.jpg) no-repeat left;}
#menu ul li {width:104px; height:40px; font-size:14px; font-family:verdana, tahoma; background:url(images/tab-l.jpg) no-repeat right; display:block; float:left;}
#menu ul li a {color:#fff; text-decoration:none;}
#menu ul li .current {background:url(images/tab.jpg) no-repeat; display:block;}
#menu ul li a:hover {color:#fff; text-decoration:none; display:block; background:url(images/tab.jpg);}


#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:1000px; repeat-x; margin:0 auto;}
#banner-in {width:720px; margin:5px 0 10px 0; float:left;}
#main-top {width:1000px; height:5px; margin:0 auto; font-size:0; margin-top:10px; 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; background:#fff; text-align:left;}
#left {width:250px; margin:0 10px; float:left;}
#right {width:720px; margin-right:10px; float:right;}
#sitemap { height:auto; padding: 0 5px; }
.sitemapul { padding-top:5px; padding-left:50px; padding-bottom:5px; line-height:140%;}
.s-banner {width:1000px; margin:0 auto;}

#bottom {width:1000px; color:#fff; line-height:25px; text-align:left; margin:0 auto; background:#8c8c8c url(images/copy-top.jpg) no-repeat top; padding-top:15px;}
#bottom1 {width:1000px; height:5px; font-size:0; margin:0 auto; background:url(images/copy-bottom.jpg) no-repeat;}
#bottom a {color:#fff; text-decoration:underline;}
#bottom a:hover {color:#fff; text-decoration:none;}
.tag {width:205px; background:url(images/line4.gif) repeat-y right; padding:0 10px 5px 0; margin:0 0 0 15px; float:left;}
.tag-last {width:198px; padding-bottom:5px; margin:0 0 0 15px; float:left;}
.tag-hot {width:300px; background:url(images/line4.gif) repeat-y right; padding:0 10px 5px 0; margin:0 0 0 15px; float:left;}
#copyright {width:1000px; line-height:40px; margin:0 auto; text-align:center;}
#copyright a {color:#555; text-decoration:underline;}
#copyright a:hover {color:#555; text-decoration:none;}

.tag .title {font-size:14px; font-weight:bold;}
.tag p{margin:0;}
.tag-last .title {font-size:16px; font-weight:bold;}
.tag-last p {margin:0;}
.tag-hot .title {font-size:16px; font-weight:bold;}
.tag-hot p {margin:0;}
.tag-hot span {padding-right:8px; font-size:11px; font-family:verdana, tahoma;}

.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:460px; margin:15px 0 15px 25px; padding-right:15px; background:url(images/line5.gif) repeat-y right; float:left;}
.index-pr {width:460px; margin:15px 0 15px 25px; padding-right:15px; float:left;}

.index-title {width:350px; float:left;}
.index-box {width:140px; float:left; margin:10px 0;}
.index-co {width:310px; margin:10px 0; float:left;}
.index-co ul {width:300px; display:block;}
.index-co ul li {list-style:disc outside; margin-left:15px;}
.index-b {margin:5px 20px 0 20px; float:left;}

/* 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;}
.feature {width:988px; border:1px solid #ccc; line-height:22px; margin:10px 5px 0 5px; float:left;}
.feature a {color:#0057b1; text-decoration:none}
.feature a:hover {color:#f3a000; text-decoration:none;}
.f-block1 {width:280px; padding:10px; border-right:1px solid #ccc; float:left;}
.f-block1 p {margin:0;}
.f-block1 span {font-size:13px; color:#53b003; font-weight:bold;}
.f-block2 {width:360px; padding:10px; float:left;}
.f-block2 span {font-size:13px; color:#ff0000; font-weight:bold;}
.f-block2 p {margin:0;}
.f-block2 ul {float:left;}
.f-block2 ul li {margin-left:15px; list-style:disc outside;}



/*left*/
.ad {float:left; margin:5px 0;}
.left-list {margin-top:5px; 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; display:block; 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;}
.product-tab a {color:#0057b1; text-decoration:none;}
.product-tab a:hover {color:#0057b1; text-decoration:none;}
.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 10px 0 10px; float:left;}

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

.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;}
#right .article{ margin:20px 10px 0 0; border:1px solid #ddd; overflow:hidden; background:#fafafa;}
#right .article p{ margin:6px 0 0 70px;}

.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-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;}

.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:700px; 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:240px; 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;}
