body { margin: 0; font-size: 12px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #666; }
a { color: #4f78c0; text-decoration: none; }
a:hover { text-decoration: underline; }

.last { border: none; margin-right: 0; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.btn { background: url(btn.gif) no-repeat; width: 95px; height: 25px; line-height: 25px; color: #fff; text-align: center; font-weight: bold; display: inline-block; display: -moz-inline-stack; *display:inline; zoom:1;}
.btn:hover { text-decoration: none; }
.app-price { font-weight: bold; color: #eb8b0d; margin: 0 2px; }
.app-ico { background: url(bundle.gif) no-repeat; text-indent: -9999px; display: inline-block; display: -moz-inline-block; *display:inline; zoom:1; margin: 0 3px 0 0; vertical-align: middle; }
.app-ico-price { background-position: 0 -350px; width: 25px; height: 16px; }


h1,h2,h3,h4,h5,h6 { margin: 0.5em 0;}
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


.main { margin: 5px; }
.main-side { float: left; width: 130px; margin-right: -130px; }
.main-content { margin: 0 0 0 150px; }

.bx { margin: 0 0 10px; }

.main-side .bx-tp { background: url(bundle.gif) repeat-x; height:22px; line-height:22px; border:1px solid #ddd; padding:0 10px}
.main-side .bx-tp h3 { background: url(bundle.gif) no-repeat 0 -50px; color: #666; margin: 0; font-size: 12px; padding: 0 0 0 12px; }
.main-side .bx-bd { background: #f8f8f8; border: 1px solid #ededed; padding: 5px 6px; border-top: none; }
.app-category dl { margin: 0; padding: 10px 10px 12px; border-bottom: 1px solid #e0e0e0;}
.app-category dt { color: #333; font-weight: bold; margin: 0 0 7px; }
.app-category dd { padding: 3px 0; margin: 0 0 0 10px; }
.app-category .num { font-size: 10px; color: #7d7d7d; margin: 0 2px; }
.app-category .last { border: none; }

.recommend { margin: 0 0 10px; width: 622px; }
.recommend .bx-tp { background: url(rec_bg.gif) no-repeat; height: 5px; padding: 0 0 0 5px; overflow: hidden; }
.recommend .bx-tp .bg { background: url(rec_bg.gif) no-repeat right 0; height: 5px; padding: 0 5px 0 0; }
.recommend .bx-bd { border: 1px solid #d9d9d9; border-top: none; border-bottom: none; padding: 5px 10px; }
.recommend h3 { color: #ed9916; margin: 0 0 15px; }
.recommend .bx-ft { background: url(rec_bg.gif) no-repeat 0 -10px; height: 47px; position: relative; overflow: hidden; padding: 0 0 0 5px; }
.recommend .bx-ft .bg { background: url(rec_bg.gif) no-repeat right -10px; height: 47px; overflow: hidden; padding: 0 5px 0 0; }
.recommend-viewport { width: 600px; height: 150px; position: relative; overflow: hidden; }
.recommend-viewport-inner { position: absolute; }
.recommend-item { width: 600px; height: 150px; float: left; line-height: 150px; font-size: 160px; text-align: center; }
.recommend-btn { background: url(bundle.gif) no-repeat 0 -100px; position: absolute; width: 18px; height: 18px; top: 17px; text-indent: -9999px; outline: none; }
.recommend-ctl-prev { left: 12px; }
.recommend-btn:hover { background-position: 0 -200px; }
.recommend-ctl-next { background-position: 0 -150px; right: 12px; left: auto; }
.recommend-ctl-next:hover { background-position: 0 -250px; }
.recommend-ctls { margin: 6px 40px 0; }
.recommend-ctls ul { margin: 0; padding: 15px 0; }
.recommend-ctls li { margin: 0; padding: 0; display: inline; }
.recommend-ctls a { margin: 0 20px; padding: 15px 0; color: #4f78c0; }
.recommend-ctls .cur { background: url(bundle.gif) no-repeat center -300px; }

.app-item { line-height:150%; border-bottom:1px dashed #ccc; padding:20px 0 25px}
.app-img { float: left; }
.app-img img {  background: #fff; border: 1px solid #cccccc; padding: 1px; }
.app-title, .app-info, .app-desc { margin: 0 170px 0 105px; }
.app-title { font-size: 12px; margin-bottom: 5px; color: #4f78c0; }
.app-opt { float: right; margin-top: 10px; padding: 10px; margin-left: -140px; width: 140px; text-align: center; }
.app-opt-hl { background: #ffdfb5; border: 1px solid #ffc474; }
.app-opt-agreement { margin:4px 0 0; display:none;}
.app-opt-agreement a { text-decoration: underline; color: #4F677F; }
.app-opt-hl .app-opt-agreement { display: block; }
.app-charge { margin: 0 0 5px; line-height: 15px; }
.app-info ul { margin: 0 0 5px; padding: 0; }
.app-info li { display: inline-block; display: -moz-inline-stack; *display:inline; zoom:1; width:130px; color: #8b8b8b; margin-right:5px;}
.app-info .label { color: #4b4b4b; margin-right: 10px; }
.app-desc .desc { color: #828282; }


/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice,
.note,
.success { padding: .3em .8em; margin-bottom: 1em; border: 1px solid #ddd; font-size:1em; }
.error { background-color: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice { background: #FFF9CF url(notice_ico.gif) no-repeat 6px 3px; padding-left: 20px; color: #514721; border-color: #FFD324; }
.success { background-color: #EDFFCF; color: #264409; border-color: #C6D880; }
.note { background-color: #efefef; color: #666; border-color: #ccc; }
.error a { color: #8a1f11; }
.notice a { text-decoration: underline; }
.success a { color: #264409; }
.note a { color: #000; }
.success .imgbundle, .error .imgbundle, .notice .imgbundle, .note .imgbundle { margin-top: -2px; }