/* CSS Document */

body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;background-color:#F9FAFC; margin:10px 10px auto}

ul,li,p,h3,h1{ margin:0; padding:0}

ul,li{list-style:none;}

.menu,.main{ margin:0 auto; width:1024px}

.menu{ background:url(images/menuBg.jpg) repeat-x; height:98px; font-family:Arial, Helvetica, sans-serif; font-size:13px; /*padding-top:58px; padding-left:377px; width:647px*/}

.menuTop{padding-top:58px; float:left}

.menuTop a{ display:block; width:120px; height:43px;line-height:40px;text-align:center; float:left; font-weight:bold; text-decoration:none; margin-right:10px}

.menuTop a:link,.menuTop a:visited{ color:white; background:url(images/hoverOff.jpg) no-repeat}

.menu span{float:left; display:block; width:357px; padding:20px 0 0 20px; }

.menu span a:link,.menu span a:visited{font-size:25px; font-weight:bold;color:white; text-decoration:none }

.menu span a:hover{ color:red}

.menu a:hover{ color:red}

.menu span a:link.little,.menu span a:visited.little{font-size:12px; font-weight:bold;color:white; text-decoration:none }

.menu span a:hover.little{ color:red}

#hoverOn{ background:url(images/hoverOn.jpg) no-repeat; color:black}

a:hover#hoverOn{color:red}

.main{margin:50px auto;background-color:#F9FAFC;width:1024px}

.left{width:729px;}

.topL{ border:8px solid #9FA2A7; padding:5px;background-color:white}

.recommend{ background-color:#EDF0F5;height:360px;overflow:hidden; font-family:Arial, Helvetica, sans-serif; padding-left:27px; color:#1b1d1e; line-height:150%}

.recommend p{ padding-bottom:15px}

.h1{font-size:24px; padding:8px 0;margin:0; color:#313437}

.box{ border:#9FA2A7 1px solid; float:left;}

.check{padding:0 0 0 40px;margin:0;list-style:none;}

.check li{background:url(images/check.jpg) no-repeat left center;line-height:25px; padding-left:35px; font-weight:bold}

.buyDown{padding-top:15px; font-size:20px; color:#070707; font-style:italic; font-weight:bold}

.buyDown img{border:0; margin:10px 15px 0}

.intro,.products,.guide{border:#EDF0F5 2px solid; border-top:#EDF0F5 6px solid; overflow:hidden; background-color:white; line-height:180%}

.intro{padding:10px 20px 50px 15px; font-family:Arial, Helvetica, sans-serif}

.h3{color:#313437; font-size:18px; height:20px; padding-buttom:20px}

.introText{float:left; width:460px; padding-top:20px}

.introText p{padding-bottom:20px}

.introText p a:link,.introText p a:visited{ color:#0A68C8}

.screenShot{text-align:center;float:right}

.screenShot a:link,.screenShot a:visited{display:block; color:#0A68C8}

.screen{margin:15px auto 10px}

.downBuy{ height:60px; line-height:60px}

#downBuy{ margin:0; padding:0; text-align:center}

#downBuy,.downBuy{clear:both;text-align:center; font-size:18px;font-weight:bold; }

.downBuy a:link,.downBuy a:visited,#downBuy a:link,#downBuy a:visited{color:#0A68C8}

.downBuy a:hover,#downBuy a:hover{color:#FF9E31}

.right{width:275px;}

.caption{font-size:20px; color:#1f1717;font-weight:bold;padding:8px 0; margin:0}

.guide,.products{margin-bottom:30px; padding:0 0 20px 5px}

.more{margin-left:200px}

.products a:link,.products a:visited{color:#908b8b; text-decoration:none; height:25px; display:block; line-height:25px;}

.guide a:link,.guide a:visited{background:url(images/guide.jpg) no-repeat 0 center;color:#908b8b; text-decoration:none; height:25px; display:block; line-height:25px; padding-left:23px; color:#2b4faf}

.products a:hover,.guide a:hover{color:#FF9E31}

.boundary{background-color:#F9FAFC; height:50px}

.footer{height:50px;padding-top:100px; background-color:white;text-align:center}

.footer p{ margin:0 auto; height:50px; width:1024px; background-color:#070707;color:#AAA;line-height:50px; font-weight:bold}

/*product*/

.detailPro{overflow:visible; background-color:white; height:auto}

.detailPro p{float:left;text-align:justify;padding:30px 0; width:500px}

.detailPro .box{ border:0;width:170px; height:188px}

.tab{ width:600px; height:33px; line-height:30px; font-size:16px; color:#313437; font-weight:bold; padding-left:1%; margin:10px 1% 30px 1%; cursor:pointer; float:left; }

.on,.off{float:left; text-align:center; width:190px;} 

.on{border:1px solid #D5DCE7; height:33px; }

.off{background-color:#2E7BA2; border:2px solid white; color:white; height:30px;}

.tabText{ clear:left;padding:20px 0 20px 20px; line-height:180%}

.tabText p{ padding:5px 0; margin:0 auto}

.download{text-align:center;color:#313437;line-height:71px; font-size:24px; font-weight:bold; font-style:italic}

/*normal*/

.floatL{ float:left}

.floatR{ float:right}

.clear{clear:both}

.marginL{ margin-bottom:20px}

.boldT{ font-weight:bold}

.yellow{color:#FF9E31; font-weight:bold}

.red{color:red; font-weight:bold; font-size:13px}

.h1 a{font-size:12px; text-decoration:none; color:#000000; line-height:30px;}