body { background:url(../images/back.gif) repeat-y #A4A4A4; background-position: center; sans-serif; margin:0; padding:0; font-family:Verdana, Arial, font-size:10px;color:#333333; }
.bodyer { width:920px; margin:0 auto; background:url(../images/titleback.gif) repeat-x; margin-top:0px;}
.clear { clear:both;}

.navtop { width:650px; float:right; }
.navtop2 { width:250px; float:right;}

.nav { width:490px; float:right; font:12px/30px;  color:#CCCCCC;}
.nav a {font: 12px/30px "Verdana", "Tahoma", "Arial"; font-weight: bold; color:#666666; text-decoration:none; }
.nav a:hover { color:#FF0000;  text-decoration:none;}
.nav b {margin:0px 2px 0px 2px;}

.navtop3 { width:920px; height:30px; margin:6px 0px 0px 0px; background:url(../images/navtop3.gif) repeat-x; font: 11px/30px "Verdana", "Tahoma", "Arial"; color: #666666; text-decoration: none}
.navtop3 a{font: 11px/30px "Verdana", "Tahoma", "Arial"; color: #666666; text-decoration: underline;}
.navtop3 a:hover { color:#FF0000;  text-decoration:underlin;}
.navtop3 img {}

.navtop31 {background:url(../images/ho.gif) no-repeat center left; width:700px; float:left; margin-left:10px;}
.navtop31 b {margin-left:20px;}
.navtop32 { width:200px; height:30px; float:left; }
.google_translate_element {height:30px;}

h1 {text-align:center; font: 11px/18px "Verdana", "Tahoma", "Arial"; color: #8D8D8D; margin:0; padding:0; text-decoration: none }
h1 a{font: 11px/18px "Verdana", "Tahoma", "Arial"; color: #385095;	text-decoration: none; }
h1 a:hover {color: #FF6633; text-decoration: underline}
h2 { font:14px/14px "Verdana", "Tahoma", "Arial"; color:#333333;font-weight:bold; text-decoration:none; padding:0; margin-left:10px; }
h2 a {color: #333333; text-decoration:underlin}
h2 a:hover {color: #FF6633; text-decoration: underline}
h3 { margin:0px; line-height:32px; background:url(../images/seotitle.jpg) no-repeat center left; font-size:12px; font-weight:600; padding:0 0 0 45px; color:#666;}}
.seoh3 {background:url(../images/seotitle.jpg) no-repeat top left; float:left; height:32px;}

.h3div {font:13px/13px "Verdana", "Tahoma", "Arial"; color:#333333; background:url(../images/sampleico.gif) no-repeat center left; float:left;}
.h3div b{margin-left:18px;}
.h3divtext {margin-bottom:15px;} 
.h3divtext img { padding: 10px 0px 10px; }


.left { width:673px; float:left; margin:10px 0px 0px 0px; padding:10px 0px 0px 12px; font: 11px/20px "Verdana", "Tahoma", "Arial"; color: #333333;  text-decoration: none}
.leftframe {width:654px;  float:left; margin-bottom:15px; border:#B2B2B2 1px solid; padding:15px 5px 15px 10px; }
.left a{ font: 11px/20px "Verdana", "Tahoma", "Arial"; color: #385095;	text-decoration: none; }
.left a:hover{ color: #FF6633; text-decoration:underline; }
.leftbanner { width:673px; height:242px; background: url(../images/banner.jpg) no-repeat top left;}
.leftbanner2 { margin:0px 15px 2px 330px; padding-top:30px; font: 18px/38px "Verdana", "Tahoma", "Arial"; color:#FFFFFF; text-decoration: none}
.leftbanner3 { margin:0px 65px 12px 330px; font: 11px/20px "Verdana", "Tahoma", "Arial"; color:#FFFFFF; text-decoration: none}
.leftbanner4 { margin:0px 15px 2px 250px; padding-top:60px;}

.sample {float:right; width:670px; margin-top:10px; margin-bottom:15px;}
.sample b{background:url(../images/sampleico.gif) no-repeat center left; margin-left:30px;}
.sample a{ margin-left:18px; }

.leftbox{ float:left; width:170px;  margin:0 auto;  margin-top:16px;}
.leftbox img {margin-left:30px;}
.leftbox em{font: 13px/18px "Verdana", "Tahoma", "Arial"; font-weight: bold;	color:#FF0000;}
.leftbox i{background:url(../images/buyico.gif) no-repeat center left;}
.leftbox b{background:url(../images/downloadico.gif) no-repeat center left;}
.leftbox a{margin-left:18px; margin-right:10px;}
.lefttext{ float:left;width:483px;  margin:0 auto; }
.lefttextseo{ float:left;width:483px;  margin-top:50px; }

.awards { border-top:1px solid #D0D0D0; margin-top:25px; padding:15px 0px 10px 0px;}
.awards img {margin-right:10px;}
.awards b{ margin-left:20px;}
.awardstitle {background:url(../images/sign.gif) no-repeat center left; margin-top:15px; }
.textgray {font:12px/20px "Verdana", "Tahoma", "Arial"; font-weight: bold; color: #999999;text-decoration:none;}

.vtop {height:32px; background:url(../images/pic-ico.jpg) no-repeat center left; text-decoration:none;}
.vtop a{ margin-left:40px; font-weight: bold;}
.vtog {height:32px; background:url(../images/gif-ico.jpg) no-repeat center left; text-decoration:none;}
.vtog a{ margin-left:40px; font-weight: bold;}
.stog {height:32px; background:url(../images/swf-ico.jpg) no-repeat center left; text-decoration:none;}
.stog a{ margin-left:40px; font-weight: bold;}
.vtoptext {float:right; width:250px;}
.vtoptext i{background:url(../images/buyico.gif) no-repeat center left;}
.vtoptext b{background:url(../images/downloadico.gif) no-repeat center left; margin-left:40px;}
.vtoptext a{ margin-left:20px;}


.right { width:211px;  float:left; margin-top:20px; padding:10px 12px 0px 10px;}
.bookmark { height:30px;padding:8px 5px 0px 10px; border:solid 1px #B2B2B2; border-bottom:0; background:#F5F5F5; overflow:hidden; }
.righttitle { border:solid 1px #B2B2B2; padding:5px; background:#DFDFDF; font:12px/20px "Verdana", "Tahoma", "Arial"; font-weight: bold; color: #666666;text-decoration:none;}
.right2 {margin-bottom:12px; padding:8px 5px 10px 10px; border:solid 1px #B2B2B2; border-top:0px; background:#F5F5F5; overflow:hidden; font: 11px/20px "Verdana", "Tahoma", "Arial"; color: .333333; text-decoration: none}
.right2 a{ font: 12px/20px "Verdana", "Tahoma", "Arial"; color: #385095;	text-decoration: none; }
.right2 a:hover{ color: #FF6633; text-decoration:underline; }
.right2 img {margin-top:6px; margin-bottom:6px;}
.right2 ul {  margin:0px; padding:0px 0px 0px 2px; list-style:none;}
.right2 ul li a{ background:url(../images/arrow-right.gif) no-repeat center left ; padding:0px 0px 0px 10px; width:213px; font: 11px/28px "Verdana", "Tahoma", "Arial"; color: .385095;	text-decoration: none;  } 
.right2 ul li a:hover { color: #FF6633; text-decoration:underline; } 
.right2 i{ background:url(../images/arrow-right.gif) no-repeat center left ; padding:0px 0px 0px 10px; list-style:none; }
.right2name {  margin-left:90px; margin-top:20px; margin-bottom:10px; color: #999999; }
.right2seo {margin-bottom:12px; padding:8px 5px 10px 10px; border:solid 1px #B2B2B2; border-top:0px; background:#F5F5F5; text-align:center;}



.foot {margin-top:30px; border-top:1px solid #999999; padding-top:5px; text-align:center; font: 10px/20px "Verdana", "Tahoma", "Arial"; color:#999999; text-decoration: none}
.foot a { font: 11px/20px "Verdana", "Tahoma", "Arial"; color:#666666; text-decoration: none}
.foot a:hover{  color:#666666; text-decoration: underline  } 

.prolefttext{ float:left;width:483px;  margin-top:16px; }
.buyframe {width:876px;  float:left; margin-bottom:10px; border:#B2B2B2 1px solid; padding:8px 5px 8px 10px; }
.buyframe b {font:16px/16px "Verdana", "Tahoma", "Arial"; color:#333333;font-weight:bold;}
.buyframe strong{ margin-left:20px;}
.buyframetitle {background:url(../images/sign.gif) no-repeat center left; margin-top:10px; }
.buyframe1 {width:677px; float:left;}
.buyframe1 a {font-weight:bold;}
.buyframe2 {width:98px; float:left; margin-top:10px;}
.buyframe2 i {color: #FF0000; font-weight:bold;}
.buyframe3 {width:98px; float:left; margin-top:10px;}
.buytitle {border-bottom:#B2B2B2 2px solid;}
.buysoft {width:827px; float:left; margin:30px 0px 10px 0px; padding:20px 45px 30px 20px; background:url(../images/buyback.gif) no-repeat;}
.lefttextbuysoft{ float:left;width:656px;  margin-top:25px; font-height:30px;}
.lefttextbuysoft b { font:18px/30px "Verdana", "Tahoma", "Arial"; color:#437036; font-weight:bold;}

.aoaowatertitle {background:url(../images/sign.gif) no-repeat center left;}