@charset "utf-8";

/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { padding:0; margin:0; } 
body {font-size:13px; font-family:Tahoma, 'Gill Sans', Calibri, 'Trebucher MS', sans-serif; background:url(/images/webbg.png) repeat-x; }
table { border-collapse:collapse; border-spacing:0; } 
fieldset,img { border:0;} 
address,caption,cite,code,dfn,em,strong,th,var { font-weight:normal; font-style:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-weight:normal; font-size:100%; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; } 
a{ text-decoration:none; color:#FFF;}
.ClearBoth { clear:both;}

/* Header */
#Header{ background:url(/images/bg-top.png) repeat-x; height:110px;}
.HeaderMid{ width:900px; height:110px; margin:0 auto; position:relative;}
.AppLog{ float:left; width:259px; height:92px; background:url(/images/logo.png) no-repeat; margin:10px 0 0 20px;}


/* Content */
#Container{ overflow:hidden; zoom:1;}
.Main{ width:900px; height:auto; margin:0 auto;}
.LeftBody{ float:left; width:371px; height:480px; margin:100px 0 0 60px; position:relative;}
.RotateImages{ position:relative; width:371px; height:399px; overflow:hidden;}
.LeftImgCon{ position:absolute; top:0; left:0; height:450px; overflow:hidden}
.LeftImgCon li{ float:left; width:371px; height:399px;}
.ClickButton{ position:absolute; width:371px; top:345px;}
.ClickButton li{ float:left; cursor:pointer; width:34px; height:34px; display:block;}
.ClickButton #Pre{ background:url(/images/pre.png) no-repeat;}
.ClickButton #Next{ position:absolute; left:170px; background:url(/images/next.png) no-repeat;}
.RotateButton{ position:absolute; top:356px; margin:0 0 0 49px;}
.RotateButton li{ float:left; margin:0 20px 0 0;  display:none; background:url(/images/choose1.png) no-repeat;}
.RotateButton a{ display:block;  width:12px; height:12px; }
.RotateButton li.active{ background:url(/images/choose.png) no-repeat;}
.AppStore{ position:absolute; background:url(/images/app.png) no-repeat; width:201px; height:74px; top:420px; left:0px;}
.AppStore a{ display:block; width:201px; height:74px;}
.Contact{ position:absolute; top:440px; right:120px;}
.Contact a{ display:block; width:36px; height:35px;}

.RightBody{ float:left; width:440px; height:554px; margin:40px 0 0 20px; position:relative;}
.AppScreen{ float:left; margin:0 0 0 120px; width:284px; height:554px; overflow:hidden; background:url(/images/blackphone.png) no-repeat;}
.RightRotate{ position:absolute; top:110px; left:142px; width:242px; height:394px; overflow:hidden;}
.RightImgCon{width:242px; height:394px; overflow:hidden; zoom:1; position:absolute; }
.RightImgCon li{ float:left; width:242px; height:394px; }
.NewtaskPop{ position:absolute; width:316px; height:206px; left:340px; top:10px; background:url(/images/newtask-pop.png) no-repeat;}
.MainPop{ position:absolute; width:316px; height:206px; left:250px; bottom:65px; background:url(/images/main-pop.png) no-repeat;}

.Bottom{ float:left; width:900px; height:40px; line-height:40px; text-align:center; color:#666; font-size:12px; font-weight:bold; margin:20px 0 0 0;}