body{margin:0px;backgroundk:#ccc;background:#F4F3F1;overflowk:hidden;}
.helping_id{display:none;}
.main_home_area
{
float:left;min-width:1350px;width:100%;height:50px;background:#d0065d;border-bottom:1px solid #ccc;position:fixed;z-index:2;
}
.positioning_div{float:left;width:100%;height:50px;background:#fff;displayk:none;}
.main_home_tile
{
float:left;widthk:20%;height:30px;line-height:30px;margin-left:4%;margin-top:10px;font-size:1.5em;font-weight:bold;backgroundk:red;color:#4DB2F4;	
}
.sub_home_btn_area
{
float:left;width:80%;height:30px;margin-top:10px;margin-left:2%;backgroundk:orange;	
}

.back_btn_icon_home
{
float:left;width:40px;height:40px;margin-top:-5px;cursor:pointer;border-radius:20px;
}

.main_preview_left_div
{
float:left;width:40%;height:87vh;margin-left:1%;margin-top:20px;backgroundk:#fff;border:0px solid #ccc;border-radius:20px;	
}
.preview_img
{
width:100%;height:69vh;margin-bottom:5px;background:#fff;display:flex;justify-content:center;align-items:center;border-radius:20px;
border-bottom:1px solid #ccc;	
}
.preview_image
{
width:auto;max-width:96%;height:auto;max-height:96%;border-radius:10px;
}
.more_img_div
{
float:left;width:98%;height:120px;margin-left:1%;margin-top:5px;background:#CCCCFF;white-space:nowrap;overflow-x:auto;overflow-y:hidden;
border-radius:10px;	
}
.more_img
{
width:100px;height:100%;margin-right:2px;backgroundk:orange;display:inline-block;cursor:pointer;border-radius:10px;
}


.main_content_detail
{
float:left;width:40%;height:87vh;margin-left:1%;margin-top:20px;background:#fff;border-radius:10px;border:1px solid #ccc;	
position:relative;
}
.ad_name
{
float:left;width:96%;height:50px;line-height:50px;margin-left:1%;font-size:1.4em;font-weight:bold;background:#fff;
font-family: serif;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;padding-left:2%;	
}
.ad_description
{
float:left;width:97%;max-height:400px;line-height:30px;margin-left:1%;font-size:1.1em;background:#fff;
color:#505252;padding-left:1%;padding-bottom:10px;border-radiusk:0px 0px 10px 10px;		
}

.recomend_right_div
{
float:right;width:16%;height:87vh;margin-right:1%;margin-top:20px;background:#fff;border-radius:10px;	
overflow:hidden;
}
.recomend_right_title
{
float:left;width:100%;height:40px;line-height:30px;text-align:center;font-size:1.2em;color:#0064ff;font-weight:bold;
}
.recommend_single_img_div
{
float:right;width:96%;max-height:200px;margin-leftk:2%;margin-bottom:10px;background:#fff;display:flex;justify-content:center;align-items:center;
border:1px solid #ccc;
}
.recommed_img
{
float:left;width:100%;max-height:200px;
}

.before_price_span
{
float:left;width:40%;height:50px;line-height:50px;text-align:center;backgroundk:green;font-size:1.3em;color:red;
text-decoration:line-through;	
}
.cur_price_span
{
float:left;width:98%;height:50px;height:70px;line-height:70px;margin-left:1%;text-align:center;font-weight:bold;font-size:2em;color:#2AE927;
background:#fff;
}

.qty_color_div
{
float:left;width:100%;height:40px;backgroundk:orange;	
}
.lebal_qty
{
float:left;width:39%;height:30px;line-height:30px;margin-right:1%;text-align:right;color:#808000;	
}
.qty_reducation
{
float:left;width:30px;height:30px;margin-left:1px;border-radius:20px;border:transparent;font-size:1.1em;cursor:pointer;
background:#ededed;	
}
.qty_display
{
float:left;width:50px;height:25px;margin-top:3px;border:0px;outline:none;text-align:center;

}
.qty_addation
{
float:left;width:30px;height:30px;margin-leftk:1px;border-radius:20px;border:transparent;font-size:1.1em;cursor:pointer;
background:#ededed;	
}

.transcation_btn_div
{
float:left;width:100%;height:60px;backgroundk:pink;	
}
.buy_now_btn
{
float:left;width:40%;height:50px;margin-left:1%;margin-top:10px;font-size:1em;border-radius:5px;cursor:pointer;
background:linear-gradient(to right, green , #e66465);color:#fff;border:1px solid purple;	
}
.add_cart_btn
{
float:right;width:40%;height:50px;margin-right:1%;margin-top:10px;font-size:1em;border-radius:5px;cursor:pointer;
background:linear-gradient(to right, orange, #e66465);color:#fff;border:1px solid purple;		
}

.go_cart_btn
{
float:right;width:40%;height:50px;margin-top:30px;margin-right:6.6%;font-size:1em;border-radius:15px;cursor:pointer;
background:linear-gradient(to right, #8a0d55, blue , #8a0d55);color:#fff;border:1px solid purple;
positionk:absolute;bottom:0px;rightk:0px;font-weight:bold;		
}
.go_cart_btn:hover{color:orange;}
.conditon_status
{
float:left;width:40%;height:50px;line-height:50px;margin-left:3%;margin-top:30px;font-size:1.1em;border-radiusk:5px;
background:linear-gradient(to right, #fff, #ededed , #fff);color:#FB4FAA;borderk:1px solid purple;
positionk:absolute;bottom:0px;leftk:0px;text-align:center;		
}
.contact_area
{
float:right;width:40%;height:50px;line-height:50px;margin-bottom:10px;margin-right:1%;margin-top:30px;font-size:1.1em;border-radius:5px;
background:linear-gradient(to right, #FBAF4F, #FB574F);color:#fff;border:1px solid purple;
positionk:absolute;bottom:0px;right:0px;text-align:center;display:none;	
}

.cart_icon_home
{
float:right;width:40px;height:40px;margin-top:-5px;	
}
.cart_count_home
{
float:right;font-weight:bold;font-size:1.5em;width:30px;height:30px;line-height:30px;margin-top:-6px;background:red;
font-size:1.1em;border-radius:20px;color:#fff;text-align:center;	
}





.invoice_div
{
float:left;width:80%;height:auto;margin-left:10%;margin-top:20px;border:1px solid #ccc;
}
.receipt_title
{
float:left;width:100%;height:50px;line-height:50px;font-size:1.2em;text-align:center;font-weight:bold;	
}

.invoice_lebal_header
{
float:left;width:100%;height:50px;font-size:1.2em;text-align:center;font-weight:bold;	
}
.invo_data_lebal_product
{
float:left;width:40%;height:35px;line-height:35px;background:#ededed;border-top:1px solid #ccc;border-bottom:1px solid #ccc;	
}
.invo_data_lebal_one
{
float:left;width:20%;height:35px;line-height:35px;background:#ededed;border-top:1px solid #ccc;border-bottom:1px solid #ccc;	
}
.invo_data_lebal_two
{
float:left;width:100%;height:35px;line-height:35px;backgroundk:red;	text-align:center;
}
.invo_data_out_product
{
float:left;width:40%;height:35px;line-height:35px;background:#ededed;border-top:1px solid #ccc;border-bottom:1px solid #ccc;	
text-align:center;
}
.invo_data_out_one
{
float:left;width:20%;height:35px;line-height:35px;background:#ededed;border-top:1px solid #ccc;border-bottom:1px solid #ccc;	
text-align:center;
}


.footer
{
float:left;width:100%;min-height:200px;height:auto;margin-top:20px;background:#fff;	
}
.information_footer
{
float:left;width:300px;height:200px;margin-left:200px;backgroundk:red;	
}
.title_footer
{
float:left;width:100%;height:40px;line-height:40px;font-size:1.1em;font-weight:bold;backgroundk:orange;margin-bottom:5px;
}
.links_footer
{
float:left;width:90%;height:30px;line-height:30px;margin-left:5%;font-size:1em;backgroundk:#ededed;margin-bottom:5px;
cursor:pointer;
}




@media screen and (max-width: 700px)
{
.main_home_area
{
float:left;min-width:100%;width:100%;height:50px;background:transparent;border-bottom:0px solid #ccc;position:fixed;z-index:2;
}

.main_preview_left_div
{
float:left;width:100%;height:auto;max-height:100vh;margin-left:0%;margin-top:-50px;background:#fff;border-radius:0px 0px 0 0;border:0px solid #ccc;	
}
.preview_img
{
width:100%;height:auto;max-height:87vh;margin-bottom:5px;background:transparent;display:flex;justify-content:center;align-items:center;border-radius:0px 0px 0 0;
border-bottom:0px solid #ccc;	
}
.more_img_div
{
float:left;width:98%;height:90px;margin-left:1%;margin-top:5px;margin-bottom:5px;background:#CCCCFF;white-space:nowrap;overflow-x:auto;overflow-y:hidden;
border-radius:10px;	
}
.more_img
{
width:60px;height:80%;margin-left:4px;margin-right:2px;margin-top:10px;background:orange;display:inline-block;cursor:pointer;border-radius:10px;
}
.main_content_detail
{
float:left;width:98%;height:auto;margin-left:1%;margin-top:10px;backgroundk:#F4F3F1;background:#fff;border-radius:10px;	
position:relative;
}
.cur_price_span
{
float:left;width:98%;height:50px;height:70px;line-height:70px;margin-left:1%;text-align:center;font-weight:bold;font-size:2em;
background:#fff;
}
.ad_name
{
float:left;width:96%;height:50px;line-height:50px;margin-left:1%;font-size:1.4em;font-weight:bold;background:#fff;
font-family: serif;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;padding-left:2%;border-radiusk:10px 10px 0px 0px;	
}
.ad_description
{
float:left;width:97%;max-height:400px;line-height:30px;margin-left:1%;font-size:1.1em;background:#fff;
color:#505252;padding-left:1%;padding-bottom:10px;border-radiusk:0px 0px 10px 10px;		
}



.go_cart_btn
{
float:right;width:40%;height:50px;margin-top:30px;margin-right:2%;margin-bottom:10px;font-size:1em;
bottom:0px;font-weight:bold;		
}
.conditon_status
{
float:left;width:40%;height:50px;line-height:50px;margin-left:1%;margin-top:30px;font-size:1.1em;
	
}
.contact_area
{
float:right;width:50%;height:50px;line-height:50px;margin-top:30px;font-size:1em;border-radius:5px;
background:linear-gradient(to right, #FBAF4F, #FB574F);color:#fff;border:1px solid purple;
positionk:absolute;bottom:0px;right:0px;text-align:center;display:none;	
}


.recomend_right_div
{
float:right;width:98%;height:auto;max-height:500px;margin-right:1%;margin-top:10px;backgroundk:red;border-radius:10px 10px 0px 0px;	
overflowk:auto;
}
.recomend_right_title
{
float:left;width:100%;height:60px;line-height:60px;text-align:center;font-size:1.2em;color:#0064ff;font-weight:bold;	
}
.recommend_single_img_div
{
float:left;width:45%;height:200px;margin-bottom:10px;margin-left:3%;background:#fff;display:flex;justify-content:center;align-items:center;
}

.invoice_div
{
float:left;width:100%;height:auto;margin-left:0%;margin-top:20px;border:1px solid #ccc;
}
.invoice_lebal_header
{
float:left;width:100%;height:50px;font-size:1em;text-align:center;font-weight:bold;
}





.footer
{
float:left;width:100%;min-height:200px;height:auto;margin-top:20px;background:#fff;text-align:center;	
}
.information_footer
{
float:left;width:90%;height:200px;margin-left:5%;backgroundk:red;	
}
.title_footer
{
float:left;width:100%;height:40px;line-height:40px;font-size:1.1em;font-weight:bold;backgroundk:orange;margin-bottom:5px;
}
.links_footer
{
float:left;width:90%;height:30px;line-height:30px;margin-left:5%;font-size:1em;backgroundk:#ededed;margin-bottom:5px;
}



}