@charset "utf-8";
* { margin: 0; padding: 0; }
body { background: #000; color: #999; font: 16px/1.3 Arial, Verdana; }
img, fieldset { border: 0; }
ul { list-style: none; }
.top { position: relative; width: 610px; min-height: 420px; height: auto!important; height: 420px; margin: auto; padding: 53px 0 20px 330px; background: url(images/bg.gif) no-repeat left bottom; z-index: 10; }
.top h1 { margin: 0 0 8px -14px; font-size: 0; }
.top h2 { display: none; }
.top p { position: relative; margin-bottom: 18px; z-index: 1; }
.top .button { margin-bottom: 0; padding-bottom: 10px; }
.top .button img { cursor: pointer; }
.top fieldset { position: relative; z-index: 10; }
.top legend { display: none; position: absolute; visibility: hidden; }
.top .register { position: absolute; width: 387px; border: 2px solid #474747; background: #141414; font-size: 15px; }
.top .register dl { width: 345px; padding: 21px 21px 12px 21px; overflow: hidden; }
.top .register dt { float: left; width: 116px; padding-bottom: 3px; }
.top .register .ui { width: 340px; }
.top .register dd { float: left; padding-bottom: 8px; }
.top .register dd input { width: 222px; padding: 3px 0 0 3px; border: 1px solid #333; background: #333; color: #999; font-size: 13px; font-family: Arial; }
.top .register .notice { color: #6dc1e6; font: 11px Verdana; }
.top .register .notice a { color: #6dc1e6; }
.top .register p { margin: 0; padding: 16px 0; background: #000; text-align: center; }
.top .register p input { width: 116px; height: 26px; border: 0; background: #3844be; color: #fff; font: bold 15px Arial; }
.top .screenshot { position: static; margin: 0; }
.iphone { position: absolute; top: 53px; left: 56px; }
.diagram { position: absolute; bottom: -152px; left: 600px; }
.middle { width: 820px; margin: 45px auto 30px auto; }
.middle h2 { height: 24px; background: url(images/icon_explain.png) no-repeat; text-indent: -9999px; overflow: hidden; }
.middle li { position: relative; width: 820px; padding: 25px 0; margin-top: 1px; border-top: 1px solid #2a2a2b; }
.middle h3 { position: absolute; top: 30px; left: 155px; width: 660px; color: #8f8f8f; font-size: 18px; }
.middle li p { min-height: 80px; height: auto !important; height: 80px; padding: 36px 0 0 155px; background: url(images/icon_explain.png) no-repeat; color: #666; font: 12px/1.3 Verdana; }
.middle .sale { padding-top: 14px; border-top: 0; }
.middle .sale p { background-position: -360px -29px; }
.middle .share p { background-position: -240px -156px; }
.middle .check p { background-position: -120px -284px; }
.middle .friend p { background-position: 0 -412px; }
.middle .sale h3 { top: 19px; }
.bottom { width: 840px; height: 88px; padding: 15px 0 0 40px; margin: 0 auto 80px auto; background: url(images/bg.gif) no-repeat; overflow: hidden; }
.bottom h2 { float: left; padding-right: 10px; color: #8f8f8f; font: bold 15px/1.3 Arial; }
.bottom dl { float: left; width: 770px; color: #666; font: 13px/1.4 Verdana; }
.bottom dt { float: left; padding-right: 3px; color: #5564ff; }
.mail { position: absolute; top: 18px; left: 50%; margin-left: 326px; z-index: 100; }

.sharedAppPopup { position: absolute; top: 180px; left: 50%; width: 752px; height: 512px; margin-left: -380px; border: 4px solid #666; background-color: #000; z-index: 200; }
.popupTitle { height: 28px; padding: 8px 0 0 12px; background-color: #292929; }
.popupTitle h2 { color: #ccc; font: bold 16px Arial; }
.popupTitle img { position: absolute; top: 5px; right: 8px; cursor: pointer; }
.popupContent { width: 726px; height: 450px; margin: 13px; overflow-y: scroll; }
.popupContent div { float: left; width: 380px; }
.appInfo { font: bold 12px Arial; overflow: hidden; }
.appInfo dt { color: #fff; font-size: 20px; }
.appInfo dd { padding-bottom: 5px; }
.appInfo .thumbnail { float: left; padding: 0 12px 12px 0; }
.appInfo .category { padding-bottom: 0; color: #999; font-weight: normal; }
.appInfo .price { padding-right: 5px; color: #ffdd45; font-size: 18px; }
.appComment { padding-bottom: 15px; font: 13px Verdana; overflow: hidden; }
.appComment dt { padding-bottom: 3px; color: #ccc; }
.appComment dt img { vertical-align: middle; }
.appComment dt .name { color: #5464ff; }
.appComment .thumbnail { float: left; width: 50px; height: 50px; padding-right: 10px; background: url(images/img_picture.png) no-repeat; }
.appScreenshot li { padding-bottom: 4px; }
.popupContent .appDesc { float: right; width: 305px; font-family: Verdana; }
.appDesc h3 { padding-bottom: 5px; color: #75cff5; font-weight: normal; font-size: 15px; }
.appDesc p { padding-bottom: 12px; color: #ccc; font-size: 12px; }
.appDesc .updates { color: #a86447; }