@import "global.css";

h1 { font-size:24px; font-weight: normal; margin:0; line-height:40px; margin:15px 0;}
h2 { font-size:18px; line-height:25px; font-weight: normal; margin:15px 0; color:#276fa4;}

.IphoneBg { background: url('../images/bg_pattern.png')  repeat-x top;}
/*index css*/
/*
content
*/
.Content { margin-bottom:20px;}
.ContentTop { background:url('../images/border-content.png') no-repeat; width:1002px; height:5px;}
.ContentMin { background:url('../images/bg-content.png') repeat-y; width:1002px; overflow:hidden; zoom:1; padding-bottom:20px;}
.MainContent { overflow:hidden; zoom:1; padding:20px;}
.ContentBot { background:url('../images/border-content.png') no-repeat 0 -6px; height:6px; width:1002px;}

.ContentBanner { width:1002px; position:relative; overflow:hidden; zoom:1; background:url('../images/bg-banner.png') repeat-x 0 bottom;  } 
.BannerPic { padding:0 20px 0 400px;  overflow:hidden; zoom:1; }
.ContentBanner ul {border-bottom:1px dashed #2b2b2b; padding-bottom:10px; margin-bottom:10px; }
.ContentBanner p { padding-bottom:10px; margin:0; margin-bottom:10px; border-bottom:1px dashed #2b2b2b;}
.ContentBanner p.Noborder{ border-bottom:none;}
.ContentBanner .BuyNow, .ContentBanner .DownLoad { float:left; margin-right:30px; margin-top:10px}
.ContentBanner .DownLoad { margin-left:110px;}

.LeftDiv { float:left; padding:0 20px 20px 0; width:580px;}
.RightDiv { float:right; padding:0 0 20px 20px; width:340px;}

.Step { overflow:hidden; zoom:1; margin-top:10px; padding:0 5px;}
.StepBar { float:left; width:300px; height:200px; text-align:center;}
.StepBar p { margin-bottom:15px; font-size:16px;}


/*
Products
*/
.ProductsBanner { width:650px; float:left; padding-bottom:10px; padding-right:30px; }
.ProductsBanner p{ padding-bottom:10px;}
.ProductsRight { float:left; padding-left:15px; width:265px;}
.ProductsBanner .DownLoad, .ProductsBanner .BuyNow { float:left; margin:10px 0;  margin-right:30px; }
.ProductsBanner .DownLoad { margin-left:130px;}
p.P-BorderB{  border-bottom:1px dashed #2b2b2b; border-top:1px dashed #2b2b2b; line-height:160%; padding:10px 0; }

.DevicesTable { width:962px; background:#FFF;}
.DevicesTable tr td { text-align:center; padding:0px 0 15px;}
.DevicesTable tr.ImgTr td { padding-top:20px;}

.Function { overflow:hidden; zoom:1;}
.FunctionLeft { float:left; width:660px;}
.FunctionLeft h3 { border-bottom:1px dashed #2b2b2b; margin:0; height:50px; line-height:50px; margin-bottom:20px; font-size:16px; font-weight:normal;}
.FunctionBar { overflow:hidden; zoom:1;}
.FunctionBar ul { width:420px;}
.FunctionBar ul li { margin:10px 0; padding-left:5px;}
.FunctionRight { float:right; width:250px; padding-left:10px;}
.RightBar { width:230px; text-align:center; padding-bottom:15px; border:1px solid #eaeaea;  margin-bottom:20px;}
.RightBar h4 { margin:0; height:37px; line-height:37px; margin-bottom:10px;  background:#eaeaea; }
.RightBar ul { text-align:left; padding:0 15px;}
.FunctionBar img{ padding-top:20px;}
.PageNavigation { color:#777;}

.ScreeshotTable { width:962px;}
.ScreeshotTable tr td { text-align:center;}