body{wid:100%;margin:0px;backgroundk:#F85397;background:#ededed;}

.dash_container
{
float:left;height:100%;background:#AFF77B;	
}
.dash_icon_div
{
float:left;width:200px;height:150px;line-height:150px;margin-left:100px;margin-top:100px;color:#fff;background:#F85397;text-align:center;font-size:1.1em;
font-weight:bold;cursor:pointer;border:5px solid #ccc;border-leftk:5px solid #ccc;border-radius:20px;	
}
.dash_icon_div:hover{background:#D73B7B;color:#ccc;}

.order_new_input_div
{
float:left;min-width:800px;width:60%;height:500px;background:#5580A5;margin-left:20%;margin-top:20px;	
}
.order_new_input_title
{
float:left;width:100%;height:50px;line-height:50px;backgroundk:#114A7E;background:pink;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;margin-bottom:10px;	
}
.close_main_div 
{
float:right;width:35px;height:35px;margin-right:6px;margin-top:6px;font-size:1.1em;cursor:pointer;background:red;border:transparent;color:white;	
}

.order_input_lebal
{
float:left;width:15%;height:40px;line-height:40px;backgroundk:red;margin-left:2%;margin-right:1%;margin-top:8px;font-size:1.1em;text-align:right;font-weight:bold;	
}
.order_bd_name_input
{
float:left;width:60%;height:40px;margin-top:8px;font-size:1.1em;margin-right:20%;color:#2C2D2E;text-align:center;	
}
.sel_sample_image
{
float:left;width:16%;height:40px;margin-left:18%;margin-top:8px;font-size:0.9em;border:1px solid green;cursor:pointer;	
}
.sel_sample_image:hover{color:green;}
.sample_img_name_out
{
float:left;width:42%;height:40px;line-height:40px;margin-top:8px;font-size:1.1em;margin-left:1%;margin-right:20%;padding-left:1%;color:#2C2D2E;background:white;	
}
.erorr_out_put
{
float:left;width:100%;height:35px;line-height:35px;backgroundk:green;text-align:center;font-size:1.1em;color:red;display:none;	
}

.new_order_cancel_btn
{
float:left;width:20%;height:40px;font-size:1.1em;color:red;cursor:pointer;margin-left:25%;margin-top:10px;	
}
.new_order_publish_btn
{
float:left;width:20%;height:40px;font-size:1.1em;color:green;cursor:pointer;margin-left:1%;margin-top:10px;	
}

.purchase_list_mob_div{display:none;}

.purchase_list_div
{
float:left;width:96%;height:auto;background:#5580A5;margin-left:2%;margin-bottom:10px;	
}
.order_list_label_div
{
float:left;width:99%;height:42px;background:#5580A5;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;margin-left:0.5%;white-space:nowrap;
overflow:hidden;text-overflow: ellipsis;display:block;
}
.order_list_label_smallest
{
float:left;width:54px;height:40px;line-height:40px;background:#ccc;border-right:1px solid #5580A5;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;		
}
.order_list_label_small
{
float:left;width:10%;height:40px;line-height:40px;background:#ccc;border-right:1px solid #5580A5;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;		
}
.order_list_label_big
{
float:left;width:18.1%;height:40px;line-height:40px;background:#ccc;border-right:1px solid #5580A5;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;		
}
.order_list_out_div
{
float:left;width:99%;height:auto;background:#5580A5;colork:#fff;font-size:1.1em;font-weightk:bold;text-align:center;margin-left:0.5%;margin-bottom:3px;display:block;
}
.order_list_out_put_smallest
{
float:left;width:54px;height:40px;line-height:40px;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;	
}
.order_list_out_put_small
{
float:left;width:10%;height:40px;line-height:40px;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;	
}
.order_list_out_put_big
{
float:left;width:18.1%;height:40px;line-height:40px;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;	
}
.transcation_option_div{
float:left;display:none;width:65px;height:65px;font-size:0.8em;cursor:pointer;background:white;text-align:center;	
}
.transcation_btn{
float:left;height:20px;font-size:0.9em;cursor:pointer;color:blue;background:transparent;border:transparent;	
}
.transcation_btn:hover{background:#ededed;}

.zoom_img_helping_div{display:none;}

.zoomed_sample_img_pc
{
float:left;width:100%;height:100%;background:black;display:none;	
}
.zoomed_image_pc
{
float:left;width:48.5%;height:98%;backgroundk:white;margin-left:1%;cursor:pointer;	
}

.order_edit_input_div
{
float:left;width:60%;height:auto;background:#5580A5;margin-left:15%;margin-bottom:10px;margin-top:10px;	
}

.new_sales_input_div
{
float:left;width:60%;height:auto;background:#5580A5;margin-left:15%;margin-bottom:10px;margin-top:10px;	
}
.sales_cancel_btn
{
float:left;width:20%;height:40px;font-size:1.1em;color:red;cursor:pointer;margin-left:25%;margin-top:10px;margin-bottom:10px;	
}
.sale_now_btn
{
float:left;width:20%;height:40px;font-size:1.1em;color:green;cursor:pointer;margin-left:1%;margin-top:10px;margin-bottom:10px;	
}

.recept_list_label_div_mob{display:none;}
.recept_out_div_mob{display:none;}
.recept_out_div_mob_two{display:none;}


.final_recept_div
{
float:left;width:99%;height:400px;background:#5580A5;margin-left:0.5%;backgroundk:orange;		
}
.recept_label_small
{
float:left;width:8.1%;height:40px;line-height:40px;background:#ccc;border-right:1px solid #5580A5;		
}
.recept_label_big
{
float:left;width:17%;height:40px;line-height:40px;background:#ccc;border-right:1px solid #5580A5;		
}
.recept_out_div
{
float:left;width:99.6%;height:42px;margin-left:0.4%;background:#5580A5;backgroundk:red;colork:#fff;font-size:1.1em;font-weightk:bold;text-align:center;
}
.recept_list_label_div 
{
float:left;width:99.6%;height:42px;margin-left:0.4%;background:#5580A5;backgroundk:green;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;
}
.recept_list_out_put_small
{
float:left;width:8.1%;height:40px;line-height:40px;background:#fff;border-right:1px solid #ccc;	
}
.recept_list_out_put_big
{
float:left;width:17%;height:40px;line-height:40px;background:#fff;border-right:1px solid #ccc;	
}

.purchase_shops_div
{
float:left;width:80%;height:500px;margin-left:10%;margin-top:15px;borderk:1px solid #20056f;background:#fff;display:none;	
}
.purchase_shops_header_div
{
float:left;width:100%;height:50px;background:#AB6445;	
}
.purchase_shops_title
{
float:left;width:60%;height:30px;line-height:30px;margin-top:10px;font-size:1.3em;backgroundk:red;text-align:center;color:#fff;	
}
.add_new_shop_btn
{
float:right;height:30px;margin-top:10px;margin-right:3%;font-size:0.9em;color:white;background:#804C35;border-radius:5px;border:transparent;cursor:pointer;	
}
.single_shop_div
{
float:left;width:30%;height:300px;background:#fff;margin-left:2.5%;margin-top:10px;	
}
.single_shop_image
{
float:left;width:100%;height:238px;background:#000;	
}
.single_shop_name
{
float:left;width:98%;height:30px;line-height:30px;margin-left:1%;font-size:1.2em;font-weight:bold;background:white;color:#3E9EEE;	
}
.single_shop_location
{
float:left;width:98%;height:30px;line-height:30px;margin-left:1%;font-size:1.1em;background:#fff;color:#ccc;border-bottom:1px solid #ccc;	
}

.expenditure_main_div
{
float:left;min-width:1200px;width:100%;height:auto;backgroundk:green;display:none;margin-top:20px;	
}
.main_expend_lebal_div
{
float:left;width:900px;height:40px;margin-left:15%;margin-top:5px;backgroundk:red;borderk:1px solid gray;	
}
.shop_exp_to_name
{
float:left;width:41%;height:40px;line-height:40px;background:#ccc;text-align:center;border:1px solid gray;color:blue;font-weight:bold;	
}
.shop_exp_to_amount
{
float:left;width:29%;height:40px;line-height:40px;background:#ccc;text-align:center;border:1px solid gray;color:blue;font-weight:bold;	
}
.shop_exp_to_date
{
float:left;width:29%;height:40px;line-height:40px;background:#ccc;text-align:center;border:1px solid gray;color:blue;font-weight:bold;	
}

.expend_main_title
{
float:left;min-width:1200px;width:100%;height:60px;line-height:60px;text-align:center;color:#952811;font-weight:bold;font-size:1.1em;background:#ccc;display:block;	
}

.main_expend_out_div
{
float:left;width:900px;height:40px;margin-left:15%;margin-right:15%;margin-topk:65px;backgroundk:pink;borderk:1px solid gray;font-size:1em;	
}
.shop_exp_to_name_output
{
float:left;width:41%;height:40px;line-height:40px;background:#fff;text-align:center;border:1px solid gray;font-size:1.1em;	
}
.shop_exp_to_amount_output
{
float:left;width:29%;height:40px;line-height:40px;background:#fff;text-align:center;border:1px solid gray;	
}
.shop_exp_to_date_output
{
float:left;width:29%;height:40px;line-height:40px;background:#fff;text-align:center;border:1px solid gray;	
}



.show_graph_div
{
float:left;width:100%;height:auto;background:#ededed;display:none;	
}
.close_graph_btn
{
float:right;width:30px;height:28px;line-heightk:40px;margin-right:10px;margin-top:1px;background:transparent;cursor:pointer;font-size:1em;font-weightk:bold;color:red;borderk:transparent;border-radius:10px;
}
.datagraph_btn_two
{
float:right;width:60px;height:28px;line-heightk:40px;margin-right:10px;margin-top:1px;background:transparent;cursor:pointer;font-weight:bold;color:red;borderk:transparent;border-radius:10px;
}
.graph_draw
{
float:left;width:80px;margin-left:5px;background:#5DADE2;border:1px solid #ccc;color:#2300D0;text-align:center;font-size:0.9em;border:1px solid #000080;
}
.graph_data
{
float:left;min-width:1200px;width:100%;height:80%;margin-top:0px;background:#fff;	
}
.graph_more_option_btn
{
float:right;height:30px;margin-top:5px;font-size:1.1em;cursor:pointer;border:transparent;background:transparent;	
}
.graph_more_option_div
{
float:right;width:20%;height:auto;margin-right:-100px;background:white;border:1px solid gray;
}
.datagraph_btn
{
float:right;width:100%;height:20px;margin-bottom:3px;background:transparent;cursor:pointer;font-weightk:bold;color:blue;border:transparent;
}
.datagraph_btn:hover{background:#ededed;}

.graph_bottom_div
{
float:left;width:100%;height:50px;line-height:40px;backgroundk:red;text-align:center;color:brown;position:fixed;bottom:0%;
}
.graph_text_info_head_div
{
float:left;min-width:1000px;width:70%;height:40px;margin-left:15%;margin-topk:60px;background:white;	
} 
.graph_text_info_div
{
float:left;min-width:1000px;width:70%;height:auto;margin-left:15%;margin-topk:2px;background:#fff;
}
.graph_info_title 
{
float:left;min-width:1000px;width:69.84%;height:30px;line-height:30px;margin-left:15%;text-align:center;color:#952811;font-weight:bold;font-size:1.1em;background:#ccc;positionk:fixed;
margin-top:10px;border-top: 1px solid gray;border-left: 1px solid gray;border-right: 1px solid gray;	
}
.helping_graph_div{float:left;min-width:1000px;width:100%;height:30px;background:#ccc;position:fixed;}
.postion_helping_graph_div{float:left;min-width:1000px;width:100%;height:30px;}

.main_graph_title 
{
float:left;min-width:1000px;width:69.86%;height:30px;width:100%;margin-top:0px;margin-left:0%;text-align:center;color:#952811;font-weight:bold;font-size:1.1em;background:#ccc;positionk:fixed;	
}
.graph_building_lebal
{
float:left;width:30%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;	
}
.graph_amount_lebal
{
float:left;width:20%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;	
}
.graph_percent_lebal
{
float:left;width:20%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;	
}
.graph_date4m_lebal
{
float:left;width:29.2%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;	
}


.graph_building_out
{
float:left;width:30%;height:30px;line-height:30px;margin-leftk:5px;margin-bottomk:5px;background:#fff;colork:white;border:1px solid gray;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;	
}
.graph_amount_out
{
float:left;width:20%;height:30px;line-height:30px;margin-leftk:5px;margin-bottomk:5px;background:#fff;colork:white;border:1px solid gray;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;	
}
.graph_percent_out
{
float:left;width:20%;height:30px;line-height:30px;margin-leftk:5px;margin-bottomk:5px;background:#fff;colork:white;border:1px solid gray;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;	
}
.graph_date4m_out
{
float:left;width:29.2%;height:30px;line-height:30px;margin-leftk:5px;margin-bottomk:5px;background:#fff;colork:white;border:1px solid gray;text-align:center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;	
}





@media screen and (max-width: 700px)
{
 body{margin:0px;background:#f;backgroundk:#5580A5;}
.dash_container{height:auto;margin:0px;}

.dash_icon_div
{
float:left;width:50%;height:150px;line-height:150px;margin-left:25%;margin-top:100px;color:#fff;background:#F85397;text-align:center;font-size:1.1em;
font-weight:bold;cursor:pointer;border:5px solid #ccc;border-leftk:5px solid #ccc;border-radius:20px;	
}
.dash_icon_div:hover{background:#D73B7B;color:#ccc;}

.order_new_input_div
{
float:left;min-width:100%;width:60%;height:400px;background:#5580A5;margin-left:0%;	
}

.order_input_lebal
{
float:left;width:100%;height:30px;line-height:30px;background:transparent;color:#4E5256;margin-left:0%;margin-right:1%;margin-top:0px;font-size:1.1em;text-align:center;font-weight:bold;	
}
.order_bd_name_input
{
float:left;width:90%;height:40px;margin-top:0px;font-size:1.1em;margin-left:5%;margin-right:5%;color:#2C2D2E;text-align:center;	
}
.new_order_cancel_btn
{
float:left;width:30%;height:40px;font-size:1.1em;color:red;cursor:pointer;margin-left:20%;margin-top:20px;	
}
.new_order_publish_btn
{
float:left;width:30%;height:40px;font-size:1.1em;color:green;cursor:pointer;margin-left:2%;margin-top:20px;	
}

.order_edit_input_div
{
float:left;width:100%;height:auto;background:#5580A5;margin-left:0%;margin-bottom:10px;margin-top:10px;
}
#order_new_input_title
{
float:left;width:100%;height:50px;line-height:50px;background:#114A7E;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;margin-bottom:10px;	
}
.new_sales_input_div
{
float:left;width:100%;height:auto;background:#5580A5;margin-left:0%;margin-bottom:10px;margin-top:0px;
}

.purchase_list_div
{
float:left;width:98%;height:auto;background:#5580A5;margin-left:1%;margin-bottom:10px;	
}

.order_list_label_div{display:none;}
.order_list_out_div{display:none;}

.purchase_list_mob_div
{
float:left;width:100%;height:144px;background:pink;margin-top:10px;	margin-bottom:30px;display:block;
}
.order_list_label_mob_div
{
float:left;width:100%;height:30px;background:#5580A5;color:#fff;font-size:1.1em;font-weight:bold;text-align:center;margin-left:0%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;
}
.order_list_label_smallest_mob
{
float:left;width:14.8%;height:30px;line-height:30px;background:#ccc;border-right:1px solid #5580A5;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;		
}
.order_list_label_small_mob
{
float:left;width:26.5%;height:30px;line-height:30px;background:#ccc;border-rightk:1px solid #5580A5;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;		
}
.order_list_label_big_mob
{
float:left;width:43%;height:30px;line-height:30px;background:#ccc;border-right:1px solid #5580A5;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;		
}



.order_list_out_mob_div
{
float:left;width:100%;height:auto;background:#5580A5;colork:#fff;font-size:1em;font-weightk:bold;text-align:center;margin-left:0%;margin-bottom:1px;
}
.order_list_out_put_smallest_mob
{
float:left;width:14.8%;height:40px;line-height:34px;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;	
}
.order_list_out_put_small_mob
{
float:left;width:26.5%;height:40px;line-height:40px;background:#fff;border-rightk:1px solid #ccc;border-bottom:1px solid #ccc;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;	
}
.order_list_out_put_big_mob
{
float:left;width:43%;height:40px;line-height:40px;background:#fff;border-right:1px solid #ccc;border-bottom:1px solid #ccc;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;	
}

.order_list_option_btn
{
float:left;width:11%;height:29px;border:transparent;font-size:1.2em;background:#ccc;	
}

.transcation_option_div
{
float:right;display:none;width:100px;height:100px;margin-top:-146px;cursor:pointer;background:white;text-align:center;border:1px solid #85929E;
}
.transcation_btn{
float:left;width:80px;height:20px;font-size:1.2em;margin-left:10%;margin-top:5px;cursor:pointer;color:#34495E;background:transparent;border:transparent;	
}
.transcation_btn:hover{background:#ededed;}

.zoom_img_helping_div{display:block;}
.zoomed_sample_img_div
{
float:left;width:98%;height:100%;background:#5580A5;margin-bottom:20px;overflow:auto;position:fixed;display:none;	
}
.zoomed_sample_img
{
float:left;width:100%;height:98%;background:white;margin-top:1%;margin-bottom:1%;	
}

.recept_list_label_div{display:none;}
.recept_out_div{display:none;}
.recept_list_out_put_small{display:none;}

.final_recept_div
{
float:left;width:100%;height:400px;background:#5580A5;margin-left:0%;		
}
.recept_label_small_mob
{
float:left;width:18%;height:35px;line-height:35px;background:#ccc;font-size:1em;border-right:1px solid #5580A5;		
}
.recept_label_big_mob
{
float:left;width:31.4%;height:35px;line-height:35px;background:#ccc;font-size:1em;border-right:1px solid #5580A5;		
}
.recept_out_div_mob 
{
float:left;width:99%;height:30px;background:#5580A5;colork:#fff;font-size:1.1em;font-weightk:bold;text-align:center;margin-left:0.5%;display:block;
}
.recept_out_div_mob_two 
{
float:left;width:99%;height:30px;background:#5580A5;margin-bottom:15px;colork:#fff;font-size:1.1em;font-weightk:bold;text-align:center;margin-left:0.5%;display:block;
}
.recept_list_label_div_mob
{
float:left;width:99%;height:35px;background:#5580A5;color:#fff;font-size:1.2em;font-weight:bold;text-align:center;margin-left:0.5%;display:block;
}
.recept_list_out_put_small_mob
{
float:left;width:18%;height:30px;line-height:30px;font-size:1em;background:#fff;border-right:1px solid #ccc;
}
.recept_list_out_put_big_mob
{
float:left;width:31.3%;height:30px;line-height:30px;font-size:1em;background:#fff;border-right:1px solid #ccc;display:block;		
}

.sel_sample_image
{
float:left;width:20%;height:40px;margin-left:14%;margin-top:8px;font-size:0.9em;border:1px solid green;cursor:pointer;	
}
.sel_sample_image:hover{color:green;}


.graph_text_info_head_div
{
float:left;min-width:100%;width:100%;height:40px;margin-left:0%;margin-topk:60px;background:#fff;	
} 
.graph_text_info_div
{
float:left;min-width:100%;width:100%;height:auto;margin-left:0%;margin-topk:2px;background:#fff;margin-bottom:0px;
}
.graph_info_title 
{
float:left;min-width:100%;width:100%;height:30px;line-height:30px;margin-left:0%;text-align:center;color:#952811;font-weight:bold;font-size:1.1em;background:#ccc;positionk:fixed;	
}
.graph_building_lebal
{
float:left;width:28.8%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;	
}
.graph_amount_lebal
{
float:left;width:20%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;	
}
.graph_percent_lebal
{
float:left;width:20%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;	
}
.graph_date4m_lebal
{
float:left;width:29.2%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;	
}

.graph_building_out
{
float:left;width:28.8%;height:30px;line-height:30px;margin-leftk:5px;margin-bottomk:5px;background:#fff;colork:white;border:1px solid gray;text-align:center;	
}
.graph_amount_out
{
float:left;width:20%;height:30px;line-height:30px;margin-leftk:5px;margin-bottomk:5px;background:#fff;colork:white;border:1px solid gray;text-align:center;	
}
.graph_percent_out
{
float:left;width:20%;height:30px;line-height:30px;margin-leftk:5px;margin-bottomk:5px;background:#fff;colork:white;border:1px solid gray;text-align:center;	
}
.graph_date4m_out
{
float:left;width:29.2%;height:30px;line-height:30px;background:#fff;font-size:0.9em;border:1px solid gray;text-align:center;	
}



.expenditure_main_div
{
float:left;min-width:100%;width:100%;height:auto;background:#fff;display:none;	
}
.main_expend_lebal_div
{
float:left;width:100%;height:40px;margin-left:0.5%;margin-top:2px;background:#fff;borderk:1px solid gray;	
}
.shop_exp_to_name
{
float:left;width:40%;height:40px;line-height:40px;background:#ccc;text-align:center;border:1px solid gray;	
}
.shop_exp_to_amount
{
float:left;width:25%;height:40px;line-height:40px;background:#ccc;text-align:center;border:1px solid gray;	
}
.shop_exp_to_date
{
float:left;width:33%;height:40px;line-height:40px;background:#ccc;text-align:center;border:1px solid gray;	
}

.main_expend_out_div
{
float:left;width:100%;height:40px;margin-left:0.5%;margin-right:0%;margin-topk:65px;font-size:1em;
}
.shop_exp_to_name_output
{
float:left;width:40%;height:40px;line-height:40px;background:#fff;text-align:center;border:1px solid gray;font-size:1.1em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;	
}
.shop_exp_to_amount_output
{
float:left;width:25%;height:40px;line-height:40px;background:#fff;text-align:center;border:1px solid gray;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;	
}
.shop_exp_to_date_output
{
float:left;width:33%;height:40px;line-height:40px;background:#fff;text-align:center;border:1px solid gray;font-size:0.9em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;		
}

	
}

@media screen and (max-width: 400px)
{
	
.graph_text_info_div
{
float:left;min-width:100%;width:100%;height:auto;margin-left:0%;margin-topk:2px;background:orange;margin-bottom:0px;font-size:0.9em;
}
.graph_building_lebal
{
float:left;width:29%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;font-size:0.8em;	
}
.graph_amount_lebal
{
float:left;width:20%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;font-size:0.8em;	
}
.graph_percent_lebal
{
float:left;width:20%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;font-size:0.8em;	
}
.graph_date4m_lebal
{
float:left;width:28%;height:40px;line-height:40px;margin-leftk:5px;margin-bottomk:5px;background:#ccc;colork:white;border:1px solid gray;text-align:center;font-weight:bold;font-size:0.8em;	
}

.graph_building_out
{
float:left;width:29%;height:30px;line-height:30px;margin-leftk:5px;margin-bottomk:5px;background:#fff;colork:white;border:1px solid gray;text-align:center;	
}
.graph_amount_out
{
float:left;width:20%;height:30px;line-height:30px;margin-leftk:5px;margin-bottomk:5px;background:#fff;colork:white;border:1px solid gray;text-align:center;	
}
.graph_percent_out
{
float:left;width:20%;height:30px;line-height:30px;margin-leftk:5px;margin-bottomk:5px;background:#fff;colork:white;border:1px solid gray;text-align:center;	
}
.graph_date4m_out
{
float:left;width:28%;height:30px;line-height:30px;background:#fff;font-size:0.8em;border:1px solid gray;text-align:center;	
}	
	
	
}