#banner { display: none; }

/* banner */
.devbudget_banner { height: 500px; background-image: url('/img/zh-cn/devbudget/banner.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.devbudget_heading1 { width: 800px; position: absolute; top: 0px; left: -400px; margin-left: 50%; margin-top: 128px; font-size: 52px; color: #FFF; }
.devbudget_heading2 { width: 800px; position: absolute; top: 0px; left: -400px; margin-left: 50%; margin-top: 218px; font-size: 36px; color: #FFF; }

/* footer */
.devbudget_footer { height: 520px; background-image: url('/img/zh-cn/devbudget/footer.jpg'); background-repeat: no-repeat; background-position: bottom center; background-size: cover; color: #738193; }

/* budget */
.budget_calc { display: block; width: 1200px; margin: 25px auto; }
.budget_calc label { float: left; display: inline-block; margin: 10px 10px; padding: 5px; width: 180px; height: 20px; line-height: 20px; text-align: right; }
.budget_calc input { float: left; display: inline-block; margin: 10px 15px; padding: 5px; width: 120px; height: 20px; line-height: 20px; border: 1px solid #CCC; }
.budget_extra { position: absolute; bottom: 4px; margin-left: 50%; left: -600px; width: 1200px; font-size: 10px; }

/* ref */
.ref { width: 1000px; margin: 50px auto; text-align: center; }
.ref_title { float: left; color: #666; font-size: 16px; margin-right: 10px; }
.ref_value { float: left; color: #AA0000; font-size: 16px; width: 120px; text-align: right; margin-left: 10px; }