body {background-image:url('/images/bg.gif');text-align: center;font-family:Tahoma, Verdana, Arial;font-size:78%;line-height: 24px;}
* { padding: 0;margin:0px;}
img {border: 0;vertical-align: middle;}
a:link {text-decoration: none;color: #03C;}
a:visited {text-decoration: none;color: #3556A2;}
a:hover {text-decoration: none;color: #08C;}
a:active {text-decoration: none;color:#f00;}
a.White:link, a.White:visited, a.White:active {text-decoration: none;color: #FFF;}
a.White:hover {text-decoration: none;color: #F60;}
.ClearBoth {clear: both;height:0;line-height:0;}
.LeftFloat { float: left; padding:5px; margin-right: 5px;}
.RightFloat { float: right; padding:5px;}
.AlignLeft { text-align: left;}
.AlignRight {text-align: right;}
.AlignCenter {text-align: center;}
.Red {color: #F30;}
.RedBold {color: #F30;font-weight: bold;}
.Bold {font-weight: bold;}
.DeleteFont {color: #660000;text-decoration: line-through;}
ul li {list-style-type: none;}
dl dt { margin-left:10px; margin-top: 15px;}
dd { margin-left:25px;}
h1 {font-size:150%;color: #000; padding-top:25px;}
h2 {font-size:115%;color:#2B2B2B;line-height: 160%;background: #F3F3F3 url('/images/square.gif') no-repeat 8px center;padding-left:20px;margin-top:10px;margin-bottom:10px;clear: both;border-right: 1px solid #CCC;border-bottom: 1px solid #CCC; text-align: left;}
h3 {font-size:110%;line-height: 160%;color:#2B2B2B;}
h4 {font-size:100%;color:#EEE;line-height: 24px;background: #ec6700 url('/images/h4-bg.gif') no-repeat left center;padding-left:20px;margin-top:10px;margin-bottom:10px;clear: both;text-align: left; border: 0;}



.Mian {margin: 0 auto;width: 100%;text-align: center;background: url('/images/main-bg.png') repeat-y center;}
.Mian1 { margin: 0 auto;width:1002px;background-color: #FFF;}
#Top { height:242px; background:url('/images/top-bg.png') repeat-x top;}
#PagTitle { height:53px; clear: both;}
#Banner {height: 170px;background: url('/images/banner1.jpg') no-repeat left top;padding: 18px 0 0 325px;}
#Nav {background-color: #575f64;height: 20px;padding: 10px 20px;color: #bbb;font-size:120%;}
.MianBaoXie {background: url('/images/home-icon.gif') no-repeat left center; padding-left: 25px;}
.Center { clear: both; text-align: left;}
#LeftContent { width: 711px; float: left;border-right:1px solid #CCC;}
#RightContent { width: 290px; float: right;border-left:1px solid #CCC; margin-left: -1px;}
.Products { padding: 20px 20px 0;}
.TextRight { float: right; padding:5px; width: 495px;}
.Products ul { margin-bottom: 15px;}
.Products ul li {list-style-image: url('/images/li-bg.gif'); margin-left: 35px; font-weight: bold;}
.Products ul li.FontNormal {font-weight: normal;}
.Products p { margin-bottom: 15px;}
.Products table {  border-top: 1px solid #CCC; border-left: 1px solid #CCC;}
.Products table tr td {  border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 5px; text-align: center;}
#Tab { width: 100%; clear:both;}
#LeftSuite { padding: 20px; text-align: center;}
#LeftSuite p { margin: 10px 0;}
#ScreenShots { padding: 0 5px 20px 5px; text-align: center;}
#ScreenShots p { margin-bottom:15px; }
.TowProduct { padding: 5px; text-align: left;}
.Button { width: 115px; height: 35px; line-height: 18px; float: right; clear: none; }
.LH35 { height: 35px; line-height: 35px; float: left; clear: none; margin-right: 15px; vertical-align: middle; }
.BuyBt {display:block;width: 105px;height: 35px;background: url('/images/buy-bt2.png') no-repeat 0 0;text-indent: -400px; overflow: hidden;}
.BuyBt:hover { background-position: 0 -39px;}
.DownloadBt {display:block;width: 105px;height: 35px;background: url('/images/download-bt2.png') no-repeat 0 0;;text-indent: -100px; overflow: hidden;}
.DownloadBt:hover { background-position: 0 -39px;}

/* index Êó±ê¾­¹ý±êÇ© */
#TabItemTitle {width: 100%; clear:both; height: 40px; cursor:pointer;margin-top:10px; }
#TabItemTitle ol { width: 100%; margin: 0; padding: 0;}
#TabItemTitle ol li {float: left;margin: 0;padding: 0;list-style-image: none;list-style-type: none;}
#TabItemTitle ol li.TabTitle1 a, #TabItemTitle ol li.TabTitle2 a, #TabItemTitle ol li.TabTitle3 a { font-size: 110%; font-weight: bold; position:relative;padding:10px 0 10px 22px;float:left;width:204px;color:#666;margin:0px;text-align:left;text-indent: 0px;border-right:1px solid #DDD;border-bottom:1px solid #DDD;background: #F3F3F3 url('/images/now2.gif') no-repeat 10px 17px;text-decoration:none;}
#TabItemTitle ol li.TabTitle1 a {border-top: 5px solid #e7e9a8;border-left: 0;}
#TabItemTitle ol li.TabTitle2 a {width:235px;border-top: 5px solid #eaa9eb;}
#TabItemTitle ol li.TabTitle3 a {clear:right;border-top: 5px solid #a8e9ab;border-right: 0;}

#TabItemTitle ol li.TabTitleCurrent a {border-bottom: 0;color:#000;text-align: left;text-indent: 0px;border-top: 5px solid #F60;background: #FFF url('/images/now1.gif') no-repeat 10px 17px;}

#TabItemTitle ol li.TabTitle1 a:hover {border-top: 5px solid #FFB71A; background-color: #fffff5;}
#TabItemTitle ol li.TabTitle2 a:hover {border-top: 5px solid #FF605B; background-color: #fff6ff;}
#TabItemTitle ol li.TabTitle3 a:hover {border-top: 5px solid #61D361; background-color: #f6fff5;}

#TabItemContent1, #TabItemContent2, #TabItemContent3 { width:92%; padding: 4%;}
#TabItemContent1 p, #TabItemContent2 p, #TabItemContent3 p { margin: 5px 0; }
#TabItemContent3 p.AlignRight { margin-bottom:15px;}
#TabItemContent1 ul { margin: 10px 20px;}
#TabItemContent1 ul li {list-style-image: url('/images/li-bg.gif');}
#TabItemContent1 ul.Left, #TabItemContent2 .Left, #TabItemContent3 .Left { width:320px; margin:0px; float:left; position:relative; }
#TabItemContent1 ul.Right, #TabItemContent2 .Right, #TabItemContent3 .Right { width:260px; margin:0px; float:right; padding-bottom: 10px;position:relative; }
#TabItemContent1 li { margin-left:5%; }
#TabItemTitle.TabItemTitle1, #TabItemTitle .TabTitle1, #TabItemContent1 { background-color:#FFFFFA; }
#TabItemTitle.TabItemTitle2, #TabItemTitle .TabTitle2, #TabItemContent2 { background-color:#FAFCFF; }
#TabItemTitle.TabItemTitle3, #TabItemTitle .TabTitle3, #TabItemContent3 { background-color:#FFFAFA; }
#TabItemContent2, #TabItemContent3 { display:none; }
#TabItemContent1 table, #TabItemContent2 table { border: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc;}
#TabItemContent1 table tr td, #TabItemContent2 table tr td { border: 0; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; padding: 5px;}


/* bottom */
#Bottom {width:98%;font-size:95%;height: 32px;padding: 1%;background-color: #575f64;}
#Bottom ul li {float: left;height: 32px;line-height: 32px;vertical-align: middle;}
#Bottom ul li a {  margin-left: 15px;}
#Bottom p { margin: 0; float: right; width: 580px; line-height: 16px;}
#Bottom .w3cHtmlValidator {float:right;position:relative;margin-top:-50px;margin-right:30px;}