body
{
width:100%;height:100%;margin:0px;background:linear-gradient(to right top,#7A26A7, #FB5996);backgroundk:red;
}
.main_home_tile
{
float:left;width:100%;border-bottomk:1px solid #ccc;
}
.main_icon_img
{
float:left;width:40px;height:40px;margin-top:25px;	
}
.main_title
{
float:left;width:100%;height:50px;line-height:50px;margin-top:25px;margin-bottom:10px;text-align:center;font-size:1.4em;color:#fff;font-weight:bold;
font-family: serif;
}

.sub_container
{
float:left;width:96%;height:auto;margin-left:2%;margin-top:20px;margin-bottom:40px;backgroundk:#fff;border-radius:20px;	
}
.tips_lebal
{
float:left;width:100%;height:50x;line-height:50px;text-align:center;color:#00FF00;font-size:1.2em;	
}
.tips_lebal2
{
float:left;width:100%;height:50x;line-height:50px;text-align:center;color:#fff;font-size:1em;font-weight:bold;	
}


.earn_lebal
{
float:left;width:100%;height:50px;line-height:50px;text-align:center;font-size:1.7em;color:#4004FA;	
}

.unit_lebal
{
float:left;width:30%;height:50px;line-height:50px;margin-left:2%;margin-top:30px;background:#ccc;color#fff;font-weight:bold;text-align:center;border:1px solid #666;border-radius: 10px 0 0 10px;
}
.input_amt
{
float:left;width:66%;height:52px;line-height:50px;margin-bottom:20px;margin-top:30px;text-align:center;outline:none;font-size:1em;border:1px solid #666;background:#fff;border-radius: 0 10px 10px 0;	
}

.save_nxt_btn
{
float:left;width:40%;height:50px;margin-left:6.6%;margin-top:30px;margin-bottom:30px;border-radius:20px;border:transparent;outline:none;background:#fff;font-weight:bold;cursor:pointer;font-size:1em;
}
.save_nxt_btn:hover
{
background:#c5ece2;
}

.start_date_lebal
{
float:left;width:70%;height:30px;line-height:30px;margin-left:26%;margin-top:10px;margin-bottom:1px;font-size:1em;color:purple;font-weightk:bold;display:none;	
}
.end_date_lebal
{
float:left;width:70%;height:30px;line-height:30px;margin-left:26%;margin-top:10px;margin-bottom:1px;font-size:1em;color:green;font-weightk:bold;	
}
.save_error_output
{
float:left;width:94%;height:30px;line-height:30px;margin-left:3%;font-size:1.1em;color:red;text-align:center;display:none;	
}

.sub_container2
{
float:left;width:96%;height:auto;margin-left:2%;margin-top:20px;margin-bottom:40px;background:#fff;border-radius:20px;		
}
.saved_div
{
float:left;width:96%;height:60px;margin-left:2%;margin-top:10px;margin-bottom:10px;background:#ededed;	
}
.saving_title
{
float:left;width:100%;height:50px;line-height:60px;text-align:center;font-size:1.2em;font-weight:bold;color:#B2186C;backgroundk:green;	
}
.saved_div_left
{
float:left;width:45%;height:60px;backgroundk:red;color:purple;	
}
.saved_div_right
{
float:right;width:45%;height:60px;backgroundk:green;		
}
.saved_amt_lebal
{
float:left;width:90%;height:30px;line-height:30px;text-align:center;font-size:1em;font-weight:bold;color:#000;	
}
.saved_amt_output
{
float:left;width:90%;height:30px;line-height:30px;text-align:center;font-size:1.1em;font-weight:bold;color:#0B8F79;		
}
.saved_date_div
{
float:left;width:96%;height:30px;line-height:30px;	
}
.saved_st_date
{
float:left;width:40%;margin-left:2%;font-size:0.8em;color:orange;font-weight:bold;text-align:center;		
}
.saved_end_date
{
float:right;width:40%;margin-left:2%;text-align:center;font-size:0.8em;color:green;font-weight:bold;	
}
.withdraw_btn
{
float:left;width:50%;height:50px;margin-left:25%;margin-bottom:20px;margin-top:10px;color:#fff;background:purple;borderk:0px;outline:none;border-radius:10px;font-weight:bold;cursor:pointer;
font-size:1em;border:2px solid purple;
}
.withdraw_btn:hover{color:purple;background:#fff;}
.withdraw_btn2
{
float:left;width:50%;height:50px;margin-left:25%;margin-bottom:20px;margin-top:10px;color:#fff;background:#ccc;borderk:0px;outline:none;border-radius:10px;font-weight:bold;cursor:pointer;
font-size:1em;border:0px;
}

.saved_trans_lebal
{
float:left;width:96%;margin-left:2%;margin-bottom:10px;font-size:0.8em;	
}


.tip_shell_full
{
float:left;width:100%;height:100%;background:#fff;position:fixed;display:none;
background-color: rgba(120, 0, 0, 0.9);	
}
.confirm_water_pay
{
float:left;width:90%;background:#fff;border-radius:20px;	
}
.cancel_water_pay_btn
{
float:left;width:30%;height:40px;margin-left:13%;margin-bottom:30px;margin-top:10px;border:0px;outline:none;border-radius:15px;cursor:pointer;padding:10px;font-size:1em;border:1px solid #ccc;	
background:#fff;color:red;	
}
.pay_water_btn
{
float:left;width:30%;height:40px;margin-left:13%;margin-bottom:30px;margin-top:10px;border:0px;outline:none;border-radius:15px;cursor:pointer;padding:10px;font-size:1em;border:1px solid #ccc;	
background:#fff;color:green;	
}
.pay_water_confirm_title
{
float:left;width:96%;line-height:30px;text-align:center;padding:10px;color:#af4f00;font-weight:bold;	
}
.pay_water_confirm_title2
{
float:left;width:96%;line-height:20px;text-align:center;padding:10px;color:#1176dc;font-weight:bold;		
}