*{font-size:12px;}
body{ text-align:center;margin:0px; background:#111;}
body,div,p,span,td{font-size:12px; font-family:Verdana ,Arial ;}
h1{margin:10px 0px;padding:0px; position:relative ;}
h2{margin:8px 0px;padding:0px;}
h3{font-size:14px;margin:15px 0px 10px 0px;color:#146ded;}
a{ color:#146ded;text-decoration:none;}
img{border-width:0px;}
p{line-height:20px;margin:8px 0px;}
ul,ol{margin:0px;padding:0px;}
li{margin:0px;padding:0px; list-style-type:none; line-height:22px;}
ol li{margin-left:30px; list-style-type:decimal ;}
h1 a,h2 a,h3 a{color:#000;}
fieldset{border-width:0px;border-top:1px solid #ccc;margin-bottom:20px;}
legend{color:#999;font-size:14px;font-weight:bold;}
hr{height:1px;color:#ccc;}
h4{color:#000;margin-top:10px;}



.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.msg{border:1px solid #ffa900;padding:10px;background:#ffd77b;}
.title2{ text-align:right ; font-style:italic ;}
.title3{ font-size:14px; font-style:italic ;}
.list li{ margin-left:20px; list-style-type:disc ; line-height:18px;}
.big,.big p{font-size:18px;font-weight:bold;}
.note{ background:#fffbbe;border:1px solid #fff21d;padding:10px;color:#666;}
.gray{color:#999;}
.price{font-weight:bold;}
.price i{ font-weight:normal ;}
.small{font-size:11px;color:#666;padding-left:5px;  font-weight:normal ;}
.borBlue{width:45%;float:left; background:#eef3f8;margin-bottom:10px;height:200px;}
.borRed{width:54%;float:right;background:#fee8f4;margin-bottom:10px;height:200px;}
.bor{padding:10px;}
.bor li,.bor p{font-size:11px;}
.bor h3{font-size:12px;margin-bottom:10px;}
.bor b{margin-bottom:5px;font-size:11px;}
.more{ text-align:right ;}
.btnDown,.btnBuy,.btnConvert{float:left;background-image:url(../images/btn2.gif); background-position: left top; background-repeat:no-repeat; padding-left:5px;margin:5px; float:left;}
.btnDown span,.btnBuy span,.btnConvert span{float:left;background-image:url(../images/btn2.gif); background-position: right -30px; background-repeat:no-repeat;color:#fff;height:30px;  width:160px; line-height:30px;cursor:hand; text-align:center ; font-size:14px;font-weight:bold;}
.btnBuy{background-position: left -60px;}
.btnBuy span{background-position: right -90px;}
.btnConvert{background-position: left -120px;}
.btnConvert span{background-position: right -150px;}
.btnDown img,.btnBuy img,.btnConvert img{width:25px;height:25px;margin-top:2px;}
input.btn{padding:5px 10px;font-size:14px;}
.btnBuy img{width:24px;height:24px;margin-top:2px;margin-right:4px;  vertical-align:middle ;}
.flag img{margin-left:5px;margin-right:2px; line-height:25px;}
h1 a.more{color:#146ded;font-size:12px;font-weight:normal ; font-family:Arial ; position:absolute ; right:5px;top:30px;}

#container{margin:auto;width:960px; text-align:left;background:#f7f7f7; position:relative ;}
#header{margin:auto;text-align:left; background:url(/images/headerbg.gif) left top repeat-x;}
#footer{margin:auto; }
#content{margin:auto;text-align:left;width:100%;}
#main,#main1{padding:0px 7px 30px 20px; min-height:400px; text-align:left;width:61%; }
#main{float:left;}
#mainleft{float:left; width:270; height:182;}
#mainright{float:left; width:270; margin-left:18; height:182;}
#main1{width:95%;}
#sidebar{float:left;text-align:left;width:30%;padding:10px 5px;margin-left:30px;}
 
/*indexbanner*/
#indexbanner{padding:20px 50px 0px 30px; background:#f4f4f4 url(../images/index_free.gif) 20px bottom no-repeat; position:relative ; }
#indexbanner H1{ font-family:Verdana ;color:#3e3e3e;font-size:18px;font-weight:bold;border-width:0px; line-height:30px;margin:0px;padding:0px;}
#indexbanner H2{color:#3779d9; font-family:Georgia;font-size:24px; line-height:35px; margin:0px;padding:0px;}
#indexbanner .intro{margin-left:200px;padding-bottom:20px;}
#indexbanner p{color:#5b5959; font-size:16px; font-weight:bold; font-family:Arial ; line-height:25px;}
#indexbanner ul{width:500px;}
#indexbanner li{ background:url(../images/dot.gif) left center no-repeat; float:left;width:200px; padding-left:15px;}
#indexbanner #upload{position:absolute ;top:160px; left:670px;width:250px;}

/*Header*/
#logo{float:left;background:url(../images/logo.gif) center center no-repeat;width:170px;height:50px;cursor:hand}
#logo h1{display:none;}
#topmenu{float:right;color:#ccc;padding:5px 20px; position:relative ;}
#topmenu a{color:#eee;}
#mainmenu{background:url(/images/menubg.gif) left top repeat-x; clear:both;}
#mainmenu ul{margin-left:60px;}
#mainmenu li{float:left;}
#mainmenu li a{float:left; text-align:center; padding-left:10px; margin-right:10px;}
#mainmenu li a span{float:left;padding:0px 30px 0px 20px;line-height:28px;height:28px;color:#000;font-weight:bold;cursor:hand;}
#mainmenu li.selected a{ background:url(../images/menuon.gif) left center no-repeat;}
#mainmenu li.selected span{color:#fff;background:url(../images/menuon.gif) right center no-repeat;}

/*Main*/
h1{ font-family:Georgia; font-size:20px;border-bottom:2px solid #000;padding-top:20px;padding-bottom:5px;margin-bottom:10px;}
h2{font-size:14px;padding:10px 0px 5px 0px;}
#path{color:#999;}
#path a{color:#999;}


.tblData{color:#666;width:100%;}
.tblData td{padding:5px 6px;}
.tblData th{color:#000;background:#aaa9aa;text-align:left;padding:2px 5px;font-style: italic;}
.tblData p{color:#000;}
.tblNum{text-align:right;width:100px;}
.tblUnit{width:90px;}
.tblPrice{ text-align:left ;width:180px;  font-weight:bold ;}
.tblPrice i{font-weight:normal ;font-size:11px;}
.tblBuy{width:210px;}
.tblAlert{ background:#e5f3fb;}
.tblDiff{ text-align:center ;width:100%;}
.tblDiff th{ line-height:30px; font-size:12px;}
.tblName{ text-align:left;padding:5px; font-weight:bold;color:#333;}

/*SideBar*/
.sidemenu{float:left;margin:10px 20px;border:1px solid #ccc;margin-right:30px;margin-top:30px;}
.sidemenu li{ background-color:#EEE;}
.sidemenu h2{ background:#333;color:#fff;margin:0px;padding:10px;}
.sidemenu a{ position:relative ;color:#333;width:200px; display:block ; border-bottom:1px dotted #ccc;padding:5px;padding-left:22px; background-position:4px center ; background-repeat:no-repeat ;}
.sidemenu a.document{ background-image:url(../images/document.gif);}
.sidemenu a.publish{ background-image:url(../images/publish.gif);}
.sidemenu a.order{  background-image:url(../images/order.gif);}
.sidemenu a.password{ background-image:url(../images/password.gif);}
.sidemenu li.selected{ background-color:#f7f7f7;}
.pic{ text-align:center;}

.faq li{margin-left:20px; list-style-type:decimal ;}
.faq .question{padding:5px;font-weight:bold;}
.faq .answer{padding:5px;}

.email{font-weight:bold;}
.submit{clear:both; text-align:right ;}
.txt{border:1px solid #ccc; background:#fff;width:200px;padding:4px;}
.txtB{width:400px;font-size:14px;padding:0px 6px;height:25px; line-height:26px;}
.txt_focus{border:1px solid #7db0e3; background-color:#d5e6f8}
.loading,.success{padding:10px;margin-top:20px;text-align:center;}
.loading{border:1px solid #ccc; background:#eee;margin-bottom:10px;}
.success{border:1px solid #46d68a;background:#e3fbee; text-align:left;}
.error{padding:10px 40px 10px 40px; line-height:25px; border:3px solid #ed5757; background:#fff url(../images/i.gif) 2px 5px no-repeat;text-align:left;}
.fail{margin-top:20px;padding:10px 40px 10px 60px; line-height:25px; border:1px solid #bc4e18; background:#fee9df url(../images/fail.gif) 5px 20px no-repeat;text-align:left;}

.form{width:600px;}
.form H1{width:400px; border-width:0px;}
.form .lbl{float:left;width:150px; text-align:right;}
.form .val{float:left;padding-left:20px;}
.form .field{clear:both;padding:10px 0px;}
.form .submit{text-align:left;margin-left:170px;padding:6px 0px;}


.formV{}
.formV .field{float:left;margin-bottom:10px;width:220px;}
.formV .lbl{ line-height:20px;}
/*Footer*/
#footer{color:#fff;font-size:11px; text-align:left;padding:8px; background: url(/images/footerbg.gif) left top repeat-x;}
#footermenu{float:right;}
#footermenu a{ font-size:11px;line-height:25px;padding:0px 5px;}
#copyright{float:left;font-size:11px; line-height:20px;}
#footer a{color:#fff;}

 
#gallary{border:1px solid #333;padding:5px;}
#gallary .gallaryframe {height:440px;width:200px;margin:5px 0px; overflow:auto ; }
#gallary ul.slide{top:0px;left:0px; }
#gallary ul.slide li{margin:5px 0px;padding-left:5px;}
#gallary ul.slide li img{height:100px;border:4px solid #ccc;}
#gallary ul.slide li.selected{background:url(../images/gallary_arrow.gif) left center no-repeat;}
#gallary ul.slide li.selected img{border:4px solid #79BB49;}
#gallary a.up,#gallary a.down{display:block ;width:160px;height:25px; background-image:url(../images/gallary.gif); background-repeat:no-repeat ;}
#gallary a.up{ background-position:left top;}
#gallary a.up:hover{ background-position:left -25px;}
#gallary a.down{background-position:left -50px;}
#gallary a.down:hover{background-position:left -75px;}


.pagebar{ clear:both;text-align:center ;padding:10px;color:Red;font-size:18px;font-family:Georgia;}
.pagebar a{padding:5px 5px;font-size:18px;font-family:Georgia;}
.pageinfo{background:#E8F5FD; border:1px solid #CEEAFB;padding:5px 10px;color:#5E5E5E; font-family:Verdana ;margin-bottom:5px;}

.demolist{margin:10px 20px;}
.demolist td{width:200px;height:230px;padding:10px;}
.demolist a img{border:4px solid #ccc;}
.demolist a:hover img{border:4px solid #79BB49;}
.newproduct{font-family: 'Josefin Sans', sans-serif; font-size:19px;}
a.newproduct{color:#000000}

#Screen {Z-INDEX: 9998; POSITION: absolute; FILTER: alpha(Opacity=90); DISPLAY: none; BACKGROUND: gray; TOP: 0px; LEFT: 0px; -moz-opacity: 0.90}
#diff {Z-INDEX: 9999; POSITION: absolute; DISPLAY: none}
.diff_Bar {TEXT-ALIGN: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #cccccc; PADDING-TOP: 0px}
.diff_Bar a{color:#fff; line-height:25px;}

.uploadList{}
.uploadList li{float:left;padding:10px;}
.uploadList .pic{margin:0px;padding:0px;}
.uploadList .pic img{width:111px;height:143px;border:1px solid #Ccc;margin:0px 0px;}
.uploadList a.uploadTitle{ display:block ; width:110px;word-break:keep-all;white-space:nowrap;overflow: hidden; text-overflow:ellipsis;font-size:11px;margin:0px 0px;}
.uploadList .uploadCmd{color:#999;font-size:11px;}


.download{clear:both;padding:5px; border-bottom:1px dashed #ccc;margin-bottom:15px;padding-bottom:10px;}
.download .boxshot{float:left;width:200px; text-align:center ;}
.download .desc{float:left;width:600px;color:#999;padding:5px;}
.download .desc H2{color:#000;padding:0px;margin:0px;}
.download .downbutton{float:left;width:150px;margin-top:40px;}
a.down{width:133px;height:30px; background:url(../images/download.gif) left top no-repeat; display:block ; text-align:center; color:#fff; line-height:30px;}

.downItem{margin-bottom:20px; position:relative ;width:100%;}
.downItem .intro{width:600px;}
.downItem .intro h3{float:left;margin:0px;}
.downItem .intro p{clear:both;color:#999;}
.downItem .btnDown{ position:absolute ;left:700px; top:0px;}

.downloadList{margin:0px 32px; }
.downloadList li{float:left;margin-right:20px;padding-top:15px;}
.downloadList li .icon{float:left;width:40px; margin:0px 5px; }
.downloadList li .intro{float:left;width:350px; padding-top:0px;}
.downloadList li .intro h3{font-size:14px;margin:0px 0px 10px 0px;color:#146ded;}

.btnDownB{float:left;margin-top:20px;}
.btnDownB a{float:left; background:url(../images/bigbtn.gif) left top no-repeat;padding-left:5px;color:#fff;}
.btnDownB a span{float:left; margin:0px; background:url(../images/bigbtn.gif) right -90px no-repeat;height:88px;padding:0px 20px 0px 15px;color:#fff;cursor:hand; text-align:center ; font-size:14px; font-family:Verdana ;}
.btnDownB a  h3{font-size:16px;color:#fff;}




.style{float:left;width:260px;margin:10px 10px;}
.styleIntro{padding-top:10px; margin-bottom:10px;}
.styleIntro ul{ text-align:left;height:115px; }
.styleIntro ul li{font-size:11px; line-height:18px;}
.style .more{ text-align:right ; }
.style .more a{font-size:11px; line-height:20px;}
.style .btn{padding-left:40px;clear:both; text-align:center ;}


/*Slide*/
.slide{position:relative ;width:960px; height:260px;background:#241f19;}
.slideBanner{position:relative ;height:260px;display:none;}
.slideSwitch{ position:absolute ;top:200px; right:10px; background:url(../images/slidebar.png) left top no-repeat;width:134px;height:42px;}
.slideSwitch ul{margin-left:18px;margin-top:5px;}
.slideSwitch li{float:left;float:left;margin:5px;padding:0px 8px; background:#333;color:#fff;cursor:hand; font-size:11px;}
.slideSwitch li.selected { background:url(/images/menubg.gif) left top repeat-x;color:#333;}

.slideBanner{position:absolute ;width:100%;}
.slideBanner .slideC{padding-top:20px;padding-left:30px;}
.slideBanner H1{color:#ddd;font-family:Verdana ;font-size:18px;font-weight:bold;border-width:0px; line-height:30px;margin:0px;padding:0px;}
.slideBanner H2{color:#a59283; font-family:Georgia;font-size:24px; line-height:30px; margin:5px 0px;padding:0px;}
.slideBanner p{color:#CCC; font-size:16px; font-weight:bold; font-family:Arial ; line-height:25px;}
.slideBanner li{color:#ccc;background:url(../images/dot.gif) left center no-repeat;padding-left:20px;font-weight:bold;}
.slideImg{float:left;}
.slideText{float:left;}
.slideText p a{font-size:16px; font-weight:bold; font-family:Arial ; line-height:25px; text-decoration:underline;}

#bannerMain0{background:url(../images/bannerMain0.png) left -10px no-repeat;}
#bannerMain0 .slideText{padding-left:380px;}


#bannerMain1{background:url(../images/bannerMain1.png) right 0px no-repeat;}
#bannerMain1 .slideText{width:680px;margin-left:10px;}
#bannerMain1 .slideText p{width:620px;}



#bannerMain2{background:url(../images/bannerMain2.png) right 0px no-repeat;}
#bannerMain2 .slideText{width:580px;margin-left:10px;}
#bannerMain2 li{float:left;width:250px;}


.col2{float:left;width:50%; text-align:center ; line-height:25px;}
.col3{float:left;width:33%; text-align:center ; line-height:25px;}

#btnUpload{margin-top:40px; position:relative ;padding:10px 0px 10px 10px;}
#btnUpload .small{font-size:11px; }
.btnBlue{float:left;background:url(../images/btnBlue.gif) left 0px no-repeat;padding-left:5px;position:relative ;}
.btnBlue span{cursor:hand;float:left;padding:0px 15px 0px 10px;height:60px; background:url(../images/btnBlue.gif) right -61px no-repeat;}
.btnBlue i{font-size:14px;font-weight:bold;color:#FFF; font-family:Arial;line-height:44px; font-style:normal ;}

.btnGreen{float:left; background:url(../images/btnGreen.gif) left top no-repeat;padding-left:5px;color:#fff;margin:10px 0px;margin-right:10px;}
.btnGreen span{float:left; margin:0px; background:url(../images/btnGreen.gif) right -50px no-repeat;height:50px;padding:0px 40px 0px 5px;color:#fff; font-weight:bold; cursor:hand; font-size:12px; font-family:Verdana ;}
.btnGreen span h3{font-size:12px;color:#fff;margin:0px;padding:10px 0px 5px 0px;padding-left:40px; }
.btnGreen span i{font-size:10px;color:#eee; font-weight:normal ; display:block ;}
#btnWindows h3{ background:url(../images/windows2.png) left 10px no-repeat;}
#btnMac h3{ background:url(../images/apple2.png) left 10px no-repeat;}

#share span{color:#999;}

.productMain{float:left;margin-right:20px;}
.productMenu{float:left;}
.productMenu h2{ text-align:center ;background:url(../images/bgTitle.gif) left center repeat-x;display:block ;width:100%; float:none ;margin:0px; line-height:35px;color:#fff;}
.productMenu p{font-size:11px;color:#999; line-height:18px;}
.productMenu li{margin:3px 0px;background:url(../images/bgBtn.gif) left top repeat-x;border:1px solid #d8d8d8;}
.productMenu li.selected{background:url(../images/bgBtnSelected.gif) left top repeat-x;}
.productMenu li a{display:block ;padding:5px;padding-left:35px; color:#333; line-height:32px;}
.productMenu #menu_style a{background:url(../images/menu_style.gif) 5px center no-repeat;}
.productMenu #menu_clearoutput a{background:url(../images/menu_clearoutput.gif) 5px center no-repeat;}
.productMenu #menu_language a{background:url(../images/menu_language.gif) 5px center no-repeat;}
.productMenu #menu_customiztion a{background:url(../images/menu_customiztion.gif) 5px center no-repeat;}
.productMenu #menu_publication a{background:url(../images/menu_publication.gif) 5px center no-repeat;}
.productMenu #menu_ownhost a{background:url(../images/menu_global.gif) 5px center no-repeat;}


.box{background:#fff url(../images/bgBox.gif) left top no-repeat;padding:10px;margin-bottom:10px;}
.box h1{margin:0px;padding:0px;margin-bottom:10px;}

.top{ position:absolute ; left:840px; font-size:11px;color:#333;background:url(../images/up.gif) left top no-repeat;padding-left:16px; font-weight:bold ;color:#777;}


#screenshot{position:relative;margin-bottom:50px;margin-top:10px;}
#screenshot-slides {text-align:center;}
#screenshot-slides .next,#screenshot-slides .prev {position:absolute;top:180px;width:24px;height:43px;display:block;z-index:101;}
#screenshot-slides .prev {left:0px;}
#screenshot-slides .next {right:0px;}
.screenshot-slide{width:800px;height:560px;}
.slides_container {width:800px;height:560px;overflow:hidden;position:relative;display:none;margin:auto;}
.slides_container a {display:block; text-align:center;}

.pagination {margin:26px auto 0;width:100px;}
.pagination li {float:left;margin:0 1px; list-style-type:none;}
.pagination li a {color:#fff;display:block;width:12px;font-size:0px;height:12px; background-image:url(../images/pagination.png);background-position:0 0;float:left;overflow:hidden; background-repeat:no-repeat ;}
.pagination li.current a {background-position:0 -12px;}

.btnList{margin:20px;}
.btnList li{ list-style-type:none ;margin:5px;}
.btnList a{display:block ;width:125px;height:27px; background:url(../images/btn1.png) left top no-repeat; color:#fff;padding-left:10px; line-height:27px; }
.btnList a:hover{color:#fff;}

.box2{width:195px;height:301px; background:url(../images/box2.png) left top no-repeat;padding:10px;margin-top:0px; float:right}
.box3{width:195px;height:301px; background:url(../images/box2.png) left top no-repeat;padding:10px;margin-top:30px; float:right}