
 BODY,td{FONT-FAMILY: Arial,Verdana,  Helvetica, sans-serif;FONT-SIZE: 0.78em;LINE-HEIGHT: 1.5em;}
 body{margin:0px; text-align:center;background: #ffffff ;}
 
 H1,.fnt1 {FONT-SIZE: 150%;margin-bottom:4px;font-weight:bold ; line-height:1.2em;}
 H2,.fnt2 {FONT-SIZE: 110%;margin:0px;font-weight:bold;color:#000;}
 H3 {FONT-SIZE: 110%;margin:0px;color:#000000; font-family:Arial Black ;font-weight:normal ;}
 H4,.fnt4 {FONT-SIZE: 100%;margin:0px;}
 p{margin:10px 0px;}
 a{text-decoration:none;}
 a:hover{text-decoration:none;}
 img{border:0px;}
 p{margin:4px 0px; }
 hr{height:1px ;color:#cccccc;}
 ul{margin:2px 0px 2px 35px;}
 .noli,.banner ul {margin:2px 0px 2px 20px;}
 .noli li,.banner ul li{ list-style-type:none;margin:0px;}
#popu{display:none;}
 
 /* layout ------ */
 .header{width:790px;background: #444448;text-align:left;margin: auto;}
 .banner{width:790px;margin: auto;}
 .content{width:774px !important;width:790px;padding:8px;text-align:left; background:#E3E4E8;padding-top:0px;padding-bottom:0px;margin: auto;clear:both;overflow:auto;}
 .footer {width:774px !important;width:790px;padding:8px;background:#202126;text-align:left;color:Gray;margin: auto;FONT-SIZE:95%;clear:both;}
 .main{width:555px !important;width:555px;float:left;text-align:left;padding-top:8px; }
 .side{width:210px;float:right;text-align:left;padding-top:8px; }
 


 /*Head*/
 .logo{float:left;padding:10px;width:180px;margin:5px 10px;}
 .nav_top{float:right ;margin-top:10px;margin-left:10px;font-size:90%;}
 .nav_top{padding:3px 5px;}
 .nav_top,.nav_top a, .nav_top a:hover{color:#ffffff;}
#nav  { clear:both;height:42px;background: url(../images/navMain_Bg.gif);padding-left:10px;} 
#nav ul { line-height: 42px; list-style-type: none; margin:0px;} 
#nav a{ display: block;text-align:center; } 
#nav a.menu{ background:#FF9200 url(../images/navMain_off.gif) right top;color:#ffffff; font-weight:bold;text-decoration:none;width:100px;}
#nav a.menu:hover,a.menuon,a.menuon:hover{ background:#424142 url(../images/navMain_on.gif) right top;color:#FF5908;font-weight:bold;text-decoration:none;width:100px;}
#nav li { float: left; } 
#nav li a:hover{ background:#999; } 
#nav li ul { background:url(../images/navmain_subbg.gif) left bottom;padding:9px 0px;line-height: 27px; list-style-type: none;text-align:left; left: -999em; WIDTH: 150px;position: absolute; } 
#nav li ul li{ float: left; width: 150px;} 
#nav li ul a{ display: block;width: 125px !important;width: 150px;text-align:left;padding-left:25px;color:#FF5908;font-weight:bold;text-decoration:none;} 
#nav li ul a:hover { background: #A77229;color:#ffffff;text-decoration:none;font-weight:normal;font-weight:bold; text-decoration:none;} 
#nav li.sfhover ul { left: auto; }  
 
 /*Banner*/
 .banner{ background-repeat:no-repeat; background-color:#E7E7EF;}
 .bannerbg{background:#E3E4E8 url(/images/banner2.png) left top no-repeat;}
 .banner H1{margin:0px;}
 .banner li,.banner p{font-size:105%;}
 .banner .topLeft{FONT-SIZE: 160%;font-weight:bold;width:170px !important;width:200px;padding-left:30px;height:58px !important;height:78px; padding-top:20px; float:left;  }
 .banner .topRight{width:550px;padding-top:20px;vertical-align:top ;float:left;}
 .banner .boxshot{margin:10px;margin-left:20px;}
 .banner .title{font-size:1.5em;padding-bottom:5px;}
 .banner .textPanel{padding:10px;}
 
 /*Content*/
 .content .title{ background:url(../images/bgTitle.gif);height:41px;line-height:41px;padding-left:10px;}
 .content .boxshot{margin:10px;margin-left:20px;}
 .content a,.body a{color:#DE4500;}
 .content a:hover,.body a:hover{ color:#DE4500;}
 .nav_path{margin-left:0px;font-size:90%;}
 .nav_path,.nav_path a{color:Gray;}
 .cList{padding:8px; background:#ffffff;margin-bottom:10px;overflow:auto;}
 .cList H1{margin-top:0px;margin-bottom:10px;}
 .cList H2,.panel H2{margin-top:10px;margin-bottom:5px;}
 .cList H3{margin-top:10px;margin-bottom:5px;}
 
 .demo{margin:7px;float:left; line-height:1.5em;width:500px;}
 .demo .pic{border:1px solid #cccccc;margin-right:20px;}
 .demo .summary{font-weight:bold;font-size:130%;}
 .demo .desc{color:#000000;padding:5px;}
 .demo .author{width:200px;float:left;font-size:95%;}
 .demo .view{width:100px;float:right;font-weight:bold;font-size:110%;}
 .demo .url{padding-bottom:5px;font-size:90%;}
 .demo .url input{border:1px solid #A5AEB5;width:280px;color:#848284;font-size:90%;}
 .demo .url a{color:#426DB5;font-size:12px;}
 
 

 
.show{background:#ffffff;margin:10px 0px;padding:0px 10px;}
.show input{border:1px solid #ccccc;color:#555555;width:600px;}
.show span{width:100%;}
.show .url{padding:0px;padding-bottom:5px;}
.pager{margin:15px ;margin-top:0px; background:#eeeeee;padding:5px;}
.pager a {padding:3px 10px;}
.pager a.selected,a.selected:hover{background :#DE924A; color:#ffffff;}
 
 .play{width:732px; margin:auto; background:#000000; text-align:center ;}
 .playBar{ background:#000000 url(../images/playbar.gif);margin:5px;color:#ffffff;font-weight:bold;}
 .playTitle{width:500px;text-align:left ;float:left ;}
 .playClose{width:20px;cursor:hand; text-align:right ;float:right ;}

.maskWin{width:732px; margin:auto; background:#000000; text-align:center }
.maskWin_Bar{background:#000000 url(../images/playbar.gif);margin:5px;color:#ffffff;font-weight:bold;}
.maskWin_Title{width:500px;text-align:left ;float:left ;}
.maskWin_Close{width:20px;cursor:hand; text-align:right ;float:right ;}

.diff{ font-size:12px;padding-top:30px;}
.diff td,.diff th{font-size:12px;padding:2px 5px; text-align:left;}
.diff_Bar{ background:#cccccc;margin:0px;padding:0px 5px; text-align:right ;}
.diff_Bar a{color:#000;font-weight:bold;}
.diff_body{background:#ffffff;padding-bottom:5px;} 
.diff_body .tblItem,.diff_body .tblAlter{height:18px;}

 
 .box{padding:10px;}
 .boxL{float:left;width:382px;display:inline;}
 .boxR{float:right;width:382px;display:inline;}
 .pad{padding:10px;}
 .wrap{clear:both ;margin-bottom:8px;}
 .linkGroup, .linkGroup a,a.down{ text-align:right ;color:#FF661A;}
 .linkGroup a, .linkGroup a:hover,a.down,a.down:hover{ text-decoration:underline;padding:0px 10px;}
  
 .btnGroup{ text-align:right ;margin:0px 35px;}
 .btnGroup img{margin-left:10px;}
 
  a.btnDetail, a.btnDetail:hover,a.btnBuy,a.btnBuy:hover,a.btnDownload,a.btnDownload:hover{padding:12px 35px;font-weight:bold;color:#ffffff;padding-top:3px;margin:5px;}
  a.btnDetail,a.btnDetail:hover{background:url(../images/btnDetail.gif) no-repeat left top;padding-left:23px;}
  a.btnBuy,a.btnBuy:hover{text-align:left;padding-left:20px;padding-right:32px;background:url(../images/btnBuy.gif) no-repeat left top;}
  a.btnDownload,a.btnDownload:hover{text-align:left;padding-left:16px;background:url(../images/btnDownload.gif) no-repeat left top;}
 
 #tabs {list-style: none; margin:0px;POSITION: relative; HEIGHT: 20px;}
 #tabs li {float: left;}
 #tabs a {float: left;padding-top:2px;background:url(../images/tabOff.gif) no-repeat left top ;text-align:center ;text-decoration: none;color: #ffffff;width:127px;height:25px;font-size:95%;}
 #tabs a.active-tab {background:url(../images/tabOn.gif) no-repeat left top ;color: #ffffff;font-weight:bold;height:26px;}
 .tabsLine {background:url(../images/tabbar.gif) repeat-x left bottom;height:7px; POSITION: relative; TOP: 30px;padding:0px 10px;} 
 .panel {clear: both;padding: 8px; border:1px solid #A0A0A0;border-top-width:0px;background:#ffffff url(../images/panelbg.gif) repeat-x left top; font-size:100%;color:#6C6C6C;margin-bottom:8px; overflow:hidden ;}
 .panel td{font-size:0.70em;}
 .panel li{padding:3px 0px;}
 .panelmain{width:540px;float:left;text-align:left;padding-top:8px;}
 .panelside{width:200px;float:right;text-align:left;padding-top:8px;}
 .panelside ul{margin:0px;padding:0px;}
 .panelside a,.panelside a:hover{color:#6C6C6C;} 
 .feedback{color:#717171;font-size:90%;font-family: Georgia, Arial, Helvetica, sans-serif;border:1px solid #cccccc;padding:5px;}
 
 
 .tTop{ background:url(../images/bgTitle.gif) no-repeat 0px 0px ;height:8px;font-size:0px;}
 .tBg{ background:#F8F8F9;height:125px;min-height:125px;padding-left:10px;padding-right:130px;border:1px solid #ffffff; }
 .tBg H2{color:#555555;}
 .tBottom{background:url(../images/bgTitle.gif) no-repeat 0px -34px ;height:8px;font-size:0px;}
 
 .nav_sidemenu{background: url(../images/line.gif) no-repeat left bottom;padding:3px 5px;list-style-type: none;margin:5px 0px;}
 .nav_sidemenu a{display:block; line-height:1.5em;font-weight:bold;font-size:110%;color:#6C6C6C;}
 .side ul{margin:0px;padding:0px;}
 .side dl{border:1px solid #DEDFDE;}
 .side dt{background:url(../images/sideboxTitle.gif) no-repeat;color:#ffffff;font-weight:bold;padding-left:10px;width:100%;}
 .side dd{margin:0px;padding:5px;}
 .side dd ul{margin:0px; list-style-image :url(../images/dotred.gif); list-style-position :inside ;}
 .side dd a,.side dd a:hover{color:#DE4500;}
 .sideHeader{background: url(../images/sideHeader.gif) no-repeat left bottom;color:#ffffff; height:32px;line-height:32px;padding-left:20px;font-weight:bold;font-size:120%;}
 .sideList{background:#ffffff;padding:8px;}
 .sideList a.selected{font-weight:bold ;}
 .sideList ul{}
 .sideList li{padding:2px; list-style-image :url(../images/arrow_black.gif); list-style-position:inside ;}
 .sideList li ul{margin-top:0px;}
 .sideList li ul li{ list-style-image : url(../images/pix.gif);}
 .sideList a{color:#333333;}
 
 .bgWhite{background:#ffffff;}
 .bgHui{background:#D5D5D9;}
 

/*Footer*/
.footer td,.footer a,.footer a:hover{color:Gray;}
.nav_footer{}
.copy{font-size:95%;}
.SponsoredLink{font-size:95%;}
.SponsoredLink a{padding:0px 5px;font-size:95%;}
.nav_footer ,.nav_footer a,.nav_footer a:hover{color:#E6550F;padding:5px 0px;}
 
 /*Home*/
.bannerHomeIndex{background:#EBEEF3 url(../images/bannerIndex.png) no-repeat left top ;}
.bgPPT{ background:#ffffff url(../images/l_flashpoint_b.gif) no-repeat 550px 30px ;padding:10px;}
.bannerFlashPoint{background: url(../images/banner_flashpoint.gif) no-repeat lef top;height:250px; text-align:left ;}
.bannerPPTonTV{background: url(../images/banner_pptontv.gif) no-repeat lef top;height:250px; text-align:left ;}
 

  .nav_path{padding-bottom:5px;}
  .footer{}

  .fntDelete{text-decoration:line-through;color:#666666;font-style: italic; font-weight:normal ;}
  .fntPrice{font-weight:bold;color:red;}
  .fntIm{color:Red;}
  .fntHui{color:Gray ;}
  .fntOrg{color:#FF8000;}
  .fntBlue{color:#2A7EC2;}
  .fntLink{ text-decoration:underline;}
  .fntS{font-size:95%;color:#808086;}
  .fntB{font-size:180%;color:#C86E06;}
  .fntOrder{color:Red;font-size:150%;padding-top:10px;}
  .color555{color:#555555;}
  a.fntBuy,a.fntBuy:hover{font-size:28px;font-weight:bold;color:Red; text-decoration:underline;}
  
  a.linkYellow{color:#DA7F15;font-size:140%;font-weight:bold;padding-left:1em; text-decoration:underline;}
  a.linkYellow:hover{text-decoration:underline;}


.tblData{border:1px solid #D6D6D6;}
.tblData td{padding:5px;font-size:90%;}
.tblHeaderOut{}
.tblHeader{ background:#E3E4E8;color:#A0A0A0;font-weight:bold;}
.tblItem{background:#ffffff;color:#000000;}
.tblData .fntS{font-size:75%;color:#808086;}
.tblAlter{background:#eeeeee;}

.spH{clear:both;margin-bottom:5px;}
.spV{width:10px;}

.liright{ list-style-image:url(../images/li.gif); line-height:1.6em;}

.line{clear:both ; border-bottom:1px dashed #cccccc;margin-top:5px;}

.cat{margin-top:10px;font-weight:bold;}
.money{ font-weight:bold; text-align:right ;color:#000000;}

.faq a{color:#4466AA;}
.faq ol{}
.faq li{padding:10px ; }
a.question{font-size:105%;font-weight:bold ;}

.bgFlashDemo{ background:  url(../images/l_flashdemo.gif) no-repeat left bottom;height:140px;padding-left:150px;padding-top:20px;}
.bgFlashPoint{ background:  url(../images/l_FlashPoint.gif) no-repeat left bottom;height:140px;padding-left:150px;padding-top:20px;}
.bgPPTonTV{ background:  url(../images/l_PPTonTV.gif) no-repeat left bottom;height:140px;padding-left:150px;padding-top:20px;}
.bgMemoWalk{ background:  url(../images/l_Memowalk.gif) no-repeat left bottom;height:140px;padding-left:150px;padding-top:20px;}

.download td{color:#999;padding:2px 10px;}
.clear{clear:both;}


.iptTxt,.iptTxtL{width:200px;
border:1px solid #BABABA;
event:expression(
onfocus = function()
{
this.style.borderColor='#E75508'
},
onblur = function()
{
this.style.borderColor='#BABABA'
}
)
}
.iptTxtL {
	WIDTH: 350px; 
}
.iptBtn {
	padding:2px 4px;
}

a.copied,a.copied:hover{font-weight:bold ;color:#00A210;}


.gallery{padding:0px 10px;}
.gallery H1{margin:5px 0px;}
.gallery a{color:#426DB5;}
.galleryList{margin:0px;padding:0px; }
.galleryList li{float:left; list-style-type:none;width:180px;padding:10px 0px;margin:0px;}
.pptPic{}
.pptTitle{}

.version_note{color:#DE4500}


#Screen {
    position:absolute;
    z-index: 9998;
    top: 0px;
    left: 0px;
    background: #000000;
    display: none;
    filter: alpha(Opacity=90);
    -moz-opacity:0.90; 
}
#Message {
    position: absolute;
    z-index: 9999;
    display: none;
}

a.free{font-size:18px; line-height:30px;}