@charset "utf-8";
/* CSS Document */
body{ width:100%; height:auto; background:url(images/bg.jpg); margin:0; padding:0; font-family:Georgia, Arial; font-size:13px; color:#2d2d2d;}

#warp{width:940px;  height:auto; padding:0; margin:0 auto;}
.nav{ width:220px; height:35px; position:absolute; margin:-33px 15px 0 680px; padding:0; z-index:100 ; background:url(images/nav-bg1.png) no-repeat;}
.home{ margin:12px 38px 6px 38px; float:left; width:57px; height:17px;}
.about{ margin:12px 30px 6px 0; float:left; width:57px; height:17px;}

.top{width:940px; height:693px; margin:55px 0 0 0; padding:0px;}
.left{ width:30px; height:693px; background:url(images/bookbg-left.png) no-repeat;float:left;}
.center{ width:838px; height:653px; background:url(images/bookbg-center.png) repeat-x; float:left; padding:40px 12px 0 35px; margin:0;}
.head{ height:102px; width:838px; margin:0; padding:0;}
.tit{ width:540px; height:102px; float:left;}
.tit img{ float:left;padding-right:20px;}
.info{ margin:0 0 0 107px; height:102px; width:180px; float:left;}
.info p{ font-size:11px; line-height:16px; margin:0; padding-top:14px; font-family:Arial, Helvetica, sans-serif;}
.info span{ font-size:9px; color:#98763d; margin:0; padding-top:10px;font-family:Arial, Helvetica, sans-serif;}
.appstore{ background:url(images/AppStore.jpg) no-repeat; height:66px; width:284px; position:absolute; margin-top:230px; margin-left:-57px;}
.banner{ background:url(images/ipad.png) no-repeat right; height:280px; width:838px; margin:0; padding:20px 0 0 0;}
.banner p{ font-size:13px; line-height:18px; margin:0; padding:0;}
.content{ width:838px; height:auto; margin-top:10px;}
.content1{ float:left; padding-right:30px; }
h1{ font-size:35px; margin:0; padding:0; line-height:16px; font-family: Helvetica; font-weight:lighter; color:#2677b8;}
.content1 p{font-size:13px; line-height:18px; margin:0; padding:0;}
.content1 span{ color:#98763d;}
.content1 a{color:#98763d; text-decoration:underline; }
.ProImg{ width:220px;}
.ProImg img{ float:left; padding-right:10px; padding-top:10px;}

.right{ width:25px; height:693px; background:url(images/bookbg-right.png) no-repeat;float:left;}
.clr{ clear:both;}
.foot{ width:940px; height:50px; line-height:50px; text-align:center; font-family:Verdana; font-size:12px;}


/*-------------sub---------------*/
.nav-sub{width:220px; height:35px; position:absolute; margin:-33px 15px 0 680px; padding:0; z-index:100 ; background:url(images/nav-bg2.png) no-repeat;}
h2{ font-size:20px; font-family: Helvetica; font-weight:lighter; margin:0; padding:0; color:#2677b8;}
.tit-sub { margin-bottom:30px;}
.tit-sub img { float:right;}
.content-sub span{ display:block; font-size:10px; margin:0; padding:0; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#959595;}
.content-sub p{ font-size:13px; line-height:18px; margin:5px 10px 10px 0; padding:0;}
.info-sub{ margin-top:150px;}
.info-sub p{ font-size:10px; margin:0; padding:0; line-height:18px; font-family:Arial, Helvetica, sans-serif;}
.info-sub span{ font-size:9px; margin:0; padding:0; line-height:18px; font-family:Arial, Helvetica, sans-serif; color:#98763d; display:block}