*{margin:0;padding:0;border: none}
body {
	font:11px verdana,arial,helvetica,sans-serif;
	background: #dcdcdc url(images/bg.gif) repeat-x top;
	color:#4d4d4d;
	padding:0;
	margin:0;
	text-align: center;
	line-height:20px;
 }
li{list-style:none outside;}
a{color:#c15c07; text-decoration:underline;}
a:visited{color:#c15c07; text-decoration:underline;}
a:hover{color:#4d4d4d; text-decoration:none;}
.clear{clear: both;}

h1 {color:#767676; font-size:11px; font-weight:normal;}
h2 {font-size:14px; color:#07aaee; font-weight:bold; line-height:30px;}
h3 {font-size:11px; font-weight:bold; line-height:25px;}
h4 {font-size:16px; color:#07aaee; font-weight:bold; line-height:40px;}
h5 {font-size:12px; color:#33CC99; font-weight:bold; line-height:25px;}

#menu {width:960px; height:80px; margin:0 auto;}
#logo {float:left;}
.keyword {width: 780px; line-height:36px; text-align:right; float:left;}
.keyword a {color:#767676; text-decoration:underline;}
.keyword a:hover{color:#767676; text-decoration:none;}
.menu {width:780px; line-height:44px; background:url(images/menu-bg.gif) repeat-x; float:left;}
.menu ul {padding-left:260px; position:relative;}
.menu ul li {width:101px; height:44px; font-size:15px; background:url(images/menu-link.gif) no-repeat; display:block; float:left;}
.menu ul li a {color:#FFF; text-decoration:none;}
.menu ul li a:hover {color:#FFF; text-decoration:none; background:url(images/menu-hover.gif) no-repeat; display:block;}
.menu-r {width:10px; height:44px; background:url(images/menu-right.gif) no-repeat; float:left;}
#navigation {width:960px; margin:5px auto; text-align:left;}
#navigation a {color:#4d4d4d; text-decoration:underline;}
#navigation a:hover {color:#c15c07; text-decoration:none;}
#banner {width:960px; margin:10px auto;}
#main {width:960px; margin:0 auto; clear:both; text-align:left; overflow:hidden;}
#left {width:270px; background:url(images/coll-top.gif) top no-repeat #fff; padding-bottom:9999px; margin-bottom:-9999px; float:left;}
#right {width:680px; background:url(images/colr-top.gif) top no-repeat #fff; padding-bottom:9999px; margin-bottom:-9999px; float:right;}
#copyright {width:960px; margin:10px auto;}
#co1 {width:960px; background:url(images/link-top.gif) no-repeat top #777; text-align:left; color:#fff; float:left;}
#co1 a {color:#fff; text-decoration:underline;}
#co1 a:hover {color:#fff; text-decoration:none;}
#co2 {width:960px; height:6px; font-size:0; background:url(images/link-bottom.gif) no-repeat; float:left;}
#co3 {width:560px; margin-top:10px; padding-bottom:5px; text-align:left; float:left;}
#co3 a {color:#4d4d4d; text-decoration:underline;}
#co3 a:hover {color:#c15c07; text-decoration:none;}
#co4 {width:380px; margin-top:10px; padding-bottom:5px; text-align:right; float:right;}
.copyblock {width:200px; background:url(images/line1.gif) repeat-y right; line-height:22px; margin:15px 0 9px 35px; padding-right:5px; float:left;}
.copyblock .title {font-size:14px; font-weight:bold; line-height:30px;}
.copyblock span {font-size:10px; padding-right:8px;}
.copyblock-l {width:200px; line-height:22px; margin:15px 0 9px 35px; float:left;}
.copyblock-l .title {font-size:14px; font-weight:bold; line-height:30px;}

.blank {width:660px; height:1px; float:left;}

.grey13 {font-size:13px;}
.red13 {font-size:13px; color:#FF0000;}

.ad {width:250px; margin:10px 10px 0 10px; float:left;}

.column-l {width:250px; height:34px; background:url(images/column-l.gif) no-repeat; color:#fff; font-size:12px; font-weight:bold; line-height:32px; text-indent:10px; margin:10px 10px 5px 10px; float:left;}
.list {width:250px; margin:0 10px; padding-bottom:10px; float:left;}
.list ul {position:relative;}
.list ul li {list-style:disc outside; margin-left:15px;}
.list ul li a {color:#4d4d4d; text-decoration:underline;}
.list ul li a:hover {color:#4d4d4d; text-decoration:none;}

.column-r {width:660px; background:url(images/column-r.gif) no-repeat; color:#fff; line-height:19px; margin:10px; padding-left:10px; float:left;}

/* index product */
.index-p {width:325px; margin:0 0 10px 15px; float:left;}
.index-title {width:325px; height:35px; line-height:33px; font-size:16px; font-weight:bold; background:url(images/line2.gif) no-repeat bottom; float:left;}
.index-title a {color:#4d4d4d; text-decoration:none;}
.index-title a:hover {color:#c15c07; text-decoration:underline;}
.index-content {width:320px; color:#000; padding-left:5px; float:left;}
.index-content ul {width:300px; margin-left:10px;}
.index-content ul li {list-style:square outside; color:#4d4d4d; font-family:Tahoma; margin-left:15px;}
.index-box {width:130px; height:145px; margin:5px; float:left;}
.index-button {width:105px; height:119px; margin:18px 30px; float:left;}
.index-price {width:105px; font-size:22px; text-align:center; margin:10px 0; color:#c70101; float:left;}
.index-price span {text-decoration:line-through;}
.button1 {margin:2px 0; float:left;}

/* product */
.p-top {width:680px; height:4px; background:url(images/pro-top.gif) no-repeat; font-size:0; float:left;}
.p-box {width:210px; background:url(images/line1.gif) repeat-y right; margin:10px 20px 2px 0; text-align:center; float:left;}
.p-line {width:660px; line-height:30px; font-size:12px; font-weight:bold; margin:0 10px; border-top:1px dotted; border-bottom:1px dotted; float:left;}
.p-content {width:440px; margin:10px 0 2px 0; float:left;}
.p-tab {width:670px; height:40px; text-align:center; margin:15px 5px 5px 5px; background:url(images/line3.gif) repeat-x bottom; cursor:pointer; float:left;}
.p-tab ul {width:596px; margin:0 32px;}
.p-tab ul li {width:144px; height:38px; line-height:38px; font-size:12px; font-weight:bold; color:#fff; margin-left:4px; background:url(images/tab02.gif) no-repeat; float:left;}
.p-tab ul li.current {background:url(images/tab01.gif) no-repeat; font-size:13px;}
.p-key {width:670px; margin:0 5px; float:left;}
.p-description {width:660px; margin:0 0 0 10px; float:left;}
.p-news {width:640px; margin:5px 10px; border:2px dotted; padding:5px; float:left;}

.p1-content {width:660px; margin:10px; padding-bottom:10px; background:url(images/line4.gif) repeat-x bottom; float:left;}
.p2-content {width:660px; margin:10px; padding-bottom:10px; float:left;}
.pp-des {width:500px; margin:5px 10px; float:left;}
.pp-button {width:500px; margin:5px 10px; font-size:14px; color:#FF0000; font-weight:bold; float:left; text-align:right;}

.p-p {width:315px; margin:0 0 10px 12px; float:left;}
.p-p1 {width:645px; margin:0 0 0 12px; float:left;}

/* pruchase */
.po {width:660px; line-height:30px; font-size:12px; color:#fff; font-weight:bold; margin:10px; background:#4d4d4d; text-indent:5px; float:left;}
.p-license {width:650px; height:42px; text-align:center; margin:5px 10px; background:url(images/line4.gif) repeat-x bottom; padding-left:5px; float:left;}
.license {width:215px; line-height:38px; text-align:left; margin:0 0 0 24px; float:left;}
.pc {width:84px; line-height:38px; margin:0 0 0 0; float:left;}
.price {width:192px; line-height:38px; margin:0 0 0 0; float:left;}
.purchase-b {margin:0 10px 0 0; float:left;}

#inbanner {width:660px; margin:10px; float:left;}

/* support */
.support {width:620px; margin:10px 30px; background:url(images/line4.gif) repeat-x bottom; float:left;}
.su-image {margin:0 10px 0 0; float:left;}
.su-content {width:520px; float:left;}

.gen-title {width:660px; margin:0 0 0 10px; padding-bottom:5px; background:url(images/line1.gif) repeat-x bottom; float:left;}
/*tutorial*/
.tutorial {width:320px; margin:0 0 10px 10px; float:left;}