* {
box-sizing: border-box;
}
@font-face {
font-family:"Platformian";
src:url(fonts/Platformian.eot);
src:url(fonts/Platformian.eot?#iefix) format("embedded-opentype"),url(fonts/Platformian.woff2) format("woff2"),url(fonts/Platformian.woff) format("woff"),url(fonts/Platformian.ttf) format("truetype"),url(fonts/Platformian.svg#svgFontName) format("svg")
/* Legacy iOS */;
}

body {
margin: 0;
font-family: arial;	
}

.scroll_cnt {
display: block;
float: left;
width: 100%;
margin-top: 36px;	
}


.all_p_cnt {
display: block;
float: left;
width: 94%;	
margin-left: 3%;
}

redf {
display: block;
color: red;
background: yellow;
padding: 3px;	
font-weight: bold;
}



.page_cnt {
display: block;
float: left;
width: 100%;	
background: #f5f5f5;
min-height: 100vh;

}

input:focus, textarea:focus, select:focus{
outline: none;
}

.badge {
background: red!important;	
}

.glyphicon-home {
border: 1px solid #fff;
padding: 5px;
}

.menu_bar {
display: block;
float: left;
width: 100%;	
text-align: center;
background: linear-gradient(to right, #5e3788 0%,#ab7adf 100%);
height: 4em;
position: fixed;
top: 0;
z-index: 99;
background: green;
}


.menu_bar_3 {
position: fixed;
display: block;
float: left;
width: 100%;
text-align: center;
background: #fff;
height: 20px;
margin-top: 2.6em;
}

.zs_cart_qty {
display: inline-block;	
}

.zs_cart_price {
display: block;	
float: left;
width: 100%;
}



.my-product-quantity {
text-align: center;
width: 	40px!important;
}

.menu_bar table {
border-collapse: collapse;
width: 100%;
margin-top: 0.5em;	
}

.ckout_err {
display: block;
float: left;
width: 80%;
margin-left: 10%;	
font-size: 0.9em;
}

.prd_photo img {
border: 1px solid #ccc;
padding: 2px;	
}

.make_cent {
display: block;
float: left;
width: 100%;
text-align: center;
}

.title {
display: block;
float: left;
width: 100%;
text-align: center;
font-size: 1em;	
}

.exp_box_1 {
display: block;
float: left;
width: 100%;	
}

.big_blank {
display: block;
float: left;
width: 100%;
height: 800px;
}

.export_box2 {
display: block;
float: left;
width: 100%;	
}

.export_box2 table{
width: 90%;
border-collapse: collapse;	
}

.export_box2 table td{
font-size: 0.9em;
vertical-align:top;
padding-top: 10px;
border-top: 1px solid #ccc;
}


.sales_i_6 input {
width: 40px;	
}

.menu_bar_bottom {
position: fixed;	
width: 100%;
bottom: 0;	
height: 4em;
box-shadow: -1px 1px 4px 1px #777;
color: #fff;
}

.menu_bar_bottom table {
border-collapse: collapse;
width: 100%;	
}


.top_nav_center select{
display: block;
float: left;
width: 45%;
height: 2.6em;
margin-right: 5%;
color: #000;
border: none;
border-radius: 5px;
padding-left: 10px;
box-shadow: 0px 0px 8px 1px #3F51B5;
}


.search_bar {
display: block;	
float: left;
width: 45%;
border: none;
height: 2.6em;
text-align: center;	
line-height: 2.4em;
color: #000;
}

.search {
outline: 0;	
border-radius: 5px;
box-shadow: 0px 0px 8px 1px #3F51B5;
}

.search_bar2 {
display: block;	
float: left;
width: 100%;
border: none;
height: 2.6em;
text-align: center;	
line-height: 2.4em;
color: #000;
}

.search_bar2 input {
width: 100%!important;
}


.top_nav_left {
min-width: 40px;
text-align: center;
color: #fff;
font-weight: bold;
}

.top_nav_left img{
width: 40px;
box-shadow: 0 0 6px 2px #f2f2f7;
padding: 5px;
border-radius: 3px;
}

.top_nav_left img:active{
box-shadow: 0 0 6px 2px #FFEB3B;
}


.top_nav_left td {
min-width: 20%;		
}

.daily_max_cnt {
display: block;
float: left;
width: 100%;
background: #fff;	
min-height: 94vh;
padding-top: 6em;
}


.daily_max_line_1 {
font-weight: bold;
color: red;	
text-align: center;
}

.active_nt {
font-size: 1.2em;	
}

.act_code {
display: block;
float: left;
width: 80%;
margin-left: 10%;	
}

.act_code_t {
display: block;
float: left;
width: 100%;
text-align: center;	
font-size: 1.2em;
font-weight: bold;
}

.act_code table{
border-collapse: collapse;
width: 250px;	
margin: auto;
}

.act_code table td{
font-size: 2em;
background: #fff;
border: 1px solid #ccc;
text-align: center;
}

.gorget_pass {
display: block;
float: left;
width: 100%;
text-align: center;
margin-top: 15px;
font-size: 0.9em;
margin-bottom: -25px;
color: #fff;
}

.daily_max_wrp {
display: block;
float: left;
width: 90%;	
margin-left: 5%;
padding: 4%;
background: yellow;
}


.top_nav_middele {
width: 60%;	
text-align: center;
}

.top_nav_right {
width: 20%;	
text-align: center;
color: #fff;
}



.lticon {
display: block;
float: left;
width: 100%;
text-align: center;	
color: #fff;
font-size: 20px;	
}

.icontext {
display: block;
float: left;
width: 100%;
text-align: center;
color: #000;
font-size: 0.8em;
font-weight: normal;
color: #fff;
margin-top: 3px;
}





.bottom_nav_1 {
width: 25%;	
text-align: center;
height: 4em;
background: linear-gradient(to right, #5e3788 0%,#ab7adf 100%);
}

.bottom_nav_1:active {
box-shadow: inset 0 0 15px 2px #FFEB3B;
}

.bottom_nav_2 {
width: 25%;	
text-align: center;
background: linear-gradient(to right, #5e3788 0%,#ab7adf 100%);
}

.bottom_nav_2:active {
box-shadow: inset 0 0 15px 2px #FFEB3B;
}


.bottom_nav_3 {
width: 25%;	
text-align: center;
background: linear-gradient(to right, #5e3788 0%,#ab7adf 100%);
}

.bottom_nav_3:active {
box-shadow: inset 0 0 15px 2px #FFEB3B;
}

.bottom_nav_4 {
width: 25%;	
text-align: center;
background: linear-gradient(to right, #5e3788 0%,#ab7adf 100%);
}

.bottom_nav_4:active {
box-shadow: inset 0 0 15px 2px #FFEB3B;
}

.pr_gap {
display: block;
float: left;
width: 100%;
height: 35px;	
}

red {
color: red;	
}


.z_login_cnt {
display: block;
float: left;
width: 100%;
height: 100vh;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjOWU5ZTllIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=);
}

.z_login_box {
display: block;
float: left;
width: 90%;
margin-left: 5%;
margin-top: 40px;
}

.z_logo_panel {
display: block;
float: left;
width: 100%;
text-align: center;
margin-bottom: 5px;
padding-top: 10px;
}

.z_logo_panel img {
max-width: 90%;	
}

.log_1_wrp {
display: block;
float: left;
width: 100%;
box-shadow: 0px 6px 21px 0px #777;
background: linear-gradient(to bottom, #ffffff 2%,#9944F4 100%);
}

.z_login_but_1 {
display: block;
float: left;
width: 100%;
height: 50px;
background: linear-gradient(to bottom, #ece4f5 , #a585c7);
text-align: center;
font-size: 18px;
line-height: 49px;
border: 1px solid #7904f5;	
font-weight: bold;
}

.z_login_bdy {
display: block;
width: 100%;
float: left;
border-left: 1px solid #7904f5;
min-height: 106px;
padding-top: 40px;
padding-bottom: 13px;
border-right: 1px solid #7904f5;
}

.z_login_bdy table{
width: 100%;
}

.z_login_submit {
display: block;
float: left;
width: 100%;
border-left: 1px solid #7904f5;
text-align: center;
height: 144px;
border-right: 1px solid #7904f5;
border-bottom: 1px solid #7904f5;	
padding-bottom:15px;
}


.login_username {
display: block;
float: left;
height: 2em;
padding-left: 10px;
font-size: 16px;
width: 90%;
margin-left: 5%;
box-sizing: border-box;
}
.forgot_login_username {
display: block;
float: left;
height: 35px;
width: 250px;
padding-left: 10px;
font-size: 16px;
}
.login_password {
display: block;
float: left;
height: 2em;
padding-left: 10px;
font-size: 16px;
width: 90%;
margin-left: 5%;
box-sizing: border-box;
}
.z_login_submit {
display: block;
float: left;
width: 100%;
border-left: 1px solid #7904f5;
text-align: center;
min-height: 144px;
border-right: 1px solid #7904f5;
border-bottom: 1px solid #7904f5;	
padding-bottom:15px;
}

.login_subm_bt {
display: block;
width: 131px;
height: 49px;
margin: auto;
margin-top: 4px;
font-weight: bold;
font-size: 17px;	
}


.login_err_bar_active {
display: block;
float: left;
width: 100%;
min-height: 40px;
margin-top: 10px;
text-align: center;
color: red;
background: yellow;
font-size: 16px;
line-height: 40px;
border-top: 1px solid red;	
border-bottom: 1px solid red;
}





.comp_wrap {

    display: block;
    float: left;
    width: 94%;
    margin-left: 3%;	
	
}








.menu_bar_2 {
display: block;
float: left;
width: 100%;	
text-align: center;	
}

.main_cnt_1 {
display: block;
float: left;
width: 92%;
margin-left: 4%;
margin-top: 2em;
}

.main_cnt_ajt {
display: block;
float: left;
width: 84%;
margin-left: 8%;
}



.profile_main_cnt {
display: block;
float: left;
width: 100%;	
background: #fff;
padding-bottom: 6em;
padding-top: 2em;

}

.pr_t_1 {
text-align: center;
font-weight: bold;	
}

.lower_bt_cnt {
text-align: center;
font-weight: bold;	
}

.profile_cnt {
display: block;
float: left;
width: 84%;
margin-left: 8%;
margin-top: 4em;
}

.profile_cnt table{
font-size: 0.9em;
width: 100%;
border-collapse: collapse;
}

.profile_cnt table input{
padding-left: 5px;
height: 2em;
}

.profile_cnt table td{
padding-right: 10px;
padding-bottom: 5px;
}




.sb1 {
display: block;
float: left;
width: 100%;	
}

.sb1 {
display: block;
float: left;
width: 100%;		
}

.sb3 {
display: block;
float: left;
width: 100%;		
}

.ui-menu-item {
left: 0;	
font-size: 0.9em;
border-bottom: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
}

.mobile_fix {
position: fixed!important;
left: 0!important;
top: 3.4em!important;	
width: 100%!important;	
padding: 4%!important;
font-family: arial!important;
}

jk1 {
text-decoration: line-through;	
}

jk2 {
color: red;
font-size: 1em;	
}

com1 {
color: blue;
font-style: italic;	
}


.nx_bar_3 {
display: block;
float: left;
width: 100%;
text-align: center;
border-bottom: 15px solid #ccc;
margin-top: 10px;
background: #fff;
padding: 10px;
}



.cus_sp_1 {
margin-top: 10px!important;	
}





.pagebutton {
width: 90px;
margin-right: 10px;	
}
.nx_bar_1 {
display: block;
float: left;
width: 100%;
margin-bottom: 40px;	
}
.nx_bar_1 a {
display: inline-block;
font-size: 16px;
margin-right: 10px;
background: #31708f;
width: 30px;
padding: 5px;
margin-top: 10px;
color: #fff;
}
.nx_bar_1 a:hover {
background: yellow;
cursor: pointer;
}	
.nx_bar_2 {
display: block;
float: left;
width: 60%;	
margin-left: 20%;
text-align: center;
}


.about_us {
display: block;
float: left;
width: 100%;
background: #fff;
font-weight: 0.8em;
font-size: 0.8em;
text-align: center;
padding: 20px;	
}



.block_noti {
display: block;
float: left;
width: 100%;
padding: 2%;
margin-bottom: 2%;
background: #e3fce9;
border: 0.25px solid #bdb5b5;
margin-top: -10px;
margin-bottom: 15px;
}


.block_1 {
display: block;
float: left;
width: 100%;
padding-left: 5%;
padding-right: 5%;
padding-bottom: 5%;
margin-bottom: 5%;
background: #fff;
box-shadow: 0px 2px 15px 0px #999;
}


.block_9 {
display: block;
float: left;
width: 100%;
/* background: linear-gradient(153deg, #f9a44b 0%,#ffb152 50%,#ffad67 51%,#d68436 100%); */
}

.block_9_title {
display: block;
float: left;
width: 100%;
padding: 3px;
font-weight: bold;
text-align: center;
font-size: 1.2em;
background: #602d92;
margin-bottom: 3px;
color: #fff;
}

.block_9_body {
    display: block;
    float: left;
    width: 96%;
    background: #fff;
    margin-left: 2%;
}

.tr_pht_1 {
display: block;


}

.tr_pht_2 {
display: block;
position: relative;
width: 90%;
bottom: 30px;
background: green;
color: #fff;
margin-left: 5%;
overflow: hidden;
height: 1.8em;
line-height: 1.8em;
}

.block_9_body table {
width: 100%;	
border-collapse: collapse;
table-layout:fixed;
}

.block_9_body table td{
vertical-align: top;
text-align: center;
border: 1px solid #f9a44b;
padding: 1px;
background: #fff;
}

.block_9_body table td img {
max-width: -webkit-fill-available;
padding: 0px;
width: 92%;
margin-top: 4%;
}


.trending_prdt {
display: block;
margin: auto;
float: left;
width: 50%;
box-sizing: border-box;
text-align: center;
border: 0.25px solid #3c8d60;
	 
}




.trending_prdt img{
max-width: -webkit-fill-available;
padding: 0px;
width: 92%;
margin-top: 4%;
}



.block_2 {
display: block;	
float: left;
width: 100%;
text-align: center;	
margin-top: 10px;
}

.block_2 img{
padding: 0px;
}

footer_gap {
display: block;
float: left;
width: 100%;
height: 4em;	
}

mxc1 {
font-size: 0.5em;	
}


.demo_modal {
display: none;
width: 90%;
height: 80vh;
background: #FFF;
position: fixed;
box-shadow: 1px 0px 8px 4px #777;
margin-left: 5%;
margin-top: 65px;
overflow-y: scroll;
overflow-x: hidden;
padding-bottom: 100px;
}

.demo_modal table thead {
font-weight: bold;	
}



.demo_modal_bar {
position: fixed;	
display: block;
float: left;
width: 90%;
height: 30px;
background: #ccc;
text-align: center;
box-shadow: -1px 2px 0px 0px #777777e8;
}

.domal_bar_1 {
display: block;
float: left;
width: 80%;
text-align: center;
padding-left: 15%;
font-weight: bold;
font-size: 16px;
line-height: 30px;
}


.nw_com_wrap {
display: block;
float: left;
width: 94%;
margin-left: 3%;
}


.nw_block {
display: block;
float: left;
width: 100%;	
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
padding-top: 10px;
}

.nw_block_lt {
display: block;
float: left;
width: 25%;	
}


.nw_block_rt{
display: block;
float: left;
width: 75%;		
}

.nw_block_rt table {
width: 100%;	
}


.perc_blk {
display: block;
float: left;
width: 100%;
text-align: center;
background: green;
color: #fff;	
}


prdn1 {
font-weight: bold;	
}

prdn2 {
font-style: italic;	
color: #cd20cd;
}

.bt_right {
text-align: left;	
width: 90px;
}


.nw_com_gap_top {
display: block;
float: left;
width: 100%;
height: 50px;	
}





































.domal_bar_2 {
display: block;
float: right;	
height: 30px;
width: 30px;
border: 1px solid #ccc;
background: red;
color: #fff;	
text-align: center;
font-size: 20px;
line-height: 30px;
}
.domal_bar_2:hover {
background: yellow;
color: #fff;	
cursor: pointer;
}


.modal_content {
display: block;
float: left;
width: 90%;
font-size: 0.9em;
margin-left: 5%;
}

.modal_content table {
width: 100%;
border-collapse: collapse;	
margin-top: 40px;
}

.modal_content table td {
padding-left: 5px;	
vertical-align: top;
border-bottom: 1px solid #ccc;
}




/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
visibility: hidden; /* Hidden by default. Visible on click */
min-width: 250px; /* Set a default minimum width */
margin-left: -125px; /* Divide value of min-width by 2 */
background-color: #333; /* Black background color */
color: #fff; /* White text color */
text-align: center; /* Centered text */
border-radius: 2px; /* Rounded borders */
padding: 16px; /* Padding */
position: fixed; /* Sit on top of the screen */
z-index: 1; /* Add a z-index if needed */
left: 50%; /* Center the snackbar */
bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
visibility: visible; /* Show the snackbar */
/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
from {bottom: 0; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 0; opacity: 0;}
}


.modal-body {
font-size: 0.9em;	
}

.block_3 {
display: block;
float: left;
width: 100%;
text-align: center;
font-size: 1.2em;
font-weight: bold;	
margin-top: 0px;
}

.block_4 {
display: block;
float: left;
width: 100%;
text-align: center;
font-size: 1.2em;
font-weight: bold;	
border-top: 0.25px solid #ccc;
border-bottom: 0.25px solid #ccc;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 10px;
}


.block_5 {
display: block;
float: left;
width: 66%;
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: green;
}

block_6 {
text-align: center;
font-size: 1em;
font-weight: bold;
text-decoration: line-through;
color: #000;	
font-size: 0.8em;
}

.block_6 {
text-align: center;
font-size: 1em;
font-weight: bold;
text-decoration: line-through;
color: #000;	
font-size: 0.8em;
}

.block_7 {
display: block;
float: right;
width: 33%;
display: inline-block;
font-weight: bold;
color: #fff;
text-align: center;
background: red;
padding-left: 5px;
padding-right: 5px;
border-radius: 5px;
margin-top: 3px;
}

.block_8 {
display: block;
float: left;
width: 100%;	
color: #000;
text-align: center;
padding-left: 5px;
padding-right: 5px;
font-size: 0.9em;
font-style: italic;
}





.btn {
display: inline-block;	
}


.btn-negative {
background-color: #ff7d38;	
}

.bt_1 {
display: block;
float: left;
width: 25%;
height: 32px;
margin-left: 0%;
margin-right: 1%;
}

.bt_2 {
float: left;
width: 25%;
height: 32px;
border: 1px solid #ccc;
text-align: center;
font-weight: bold;
font-size: 18px;
}

.bt_3 {
float: left;
width: 25%;
height: 32px;	
margin-left: 1%;
}


.right {
text-align: right;	
}

.left {
text-align: left;	
}

.center {
text-align: center;	
}






.bt_cart {
width: 70%;
font-size: 16px!important;
font-weight: bold!important;
background: linear-gradient(to right, #52c15a 0%,#5ace5c 100%)!important;
height: 34px;
line-height: 0px;
padding-top: -9px;
margin-top: -3px;
border: 1px solid #999!important;
min-width: 60px;
}

.bt_cart_css_1 {
width: 100%;	
margin-top: 10px;
}

.btn-positive {
border-color: #29a03b!important;
border-bottom-color: #248b34!important;
background-color: #5bd46d!important;	
}

.top_nav_center {
color: #fff;	
font-weight: bold;
width: 60%;
}

.top_nav_center_2 {
color: #fff;
font-weight: bold;
width: 60%;
font-size: 1.4em;
line-height: 2.1em;
}


.ck_out {
display: block;
float: left;
width: 100%;
margin-top: 4em;	
background: #fff;
padding-top: 1em;
margin-bottom: 4em;
}

.ord_item td {
padding-top: 10px;
padding-bottom: 10px;	
}

.ord_item table thead{
font-weight: bold;	
}


.bold {
font-weight: bold;	
}

.ck_out table{
width: 90%;
margin: auto;
font-size: 0.9em;	
}

.ck_out table thead{
font-weight: bold;	
}

.ck_out table td{
vertical-align: top;
padding-bottom: 2px;
font-size: 0.9em;
max-width: 105px;
}

td.prd_name {
padding-left: 10px;
}



.my_order {
display: block;
float: left;
width: 100%;
margin-top: 4em;	
background: #fff;
padding-top: 1em;
}




.my_order table{
width: 90%;
margin: auto;
font-size: 0.9em;	
border-collapse: collapse;
}

.my_order table thead{
font-weight: bold;	
}

.my_order table td{
vertical-align: top;
border-bottom: 1px solid #ccc;
padding: 10px;
}

.my_ord_t {
display: block;
float: left;
width: 100%;
text-align: center;
font-weight: bold;	
}

pending {
display: block;
width: 70px;
text-align: center;	
padding: 5px;
background: yellow;
color: red;	
}
confirmed {
display: block;
width: 70px;	
text-align: center;	
padding: 5px;
background: #3587de;
color: #fff;	
}
oway {
display: block;
width: 70px;
text-align: center;	
padding: 5px;
background: #d7d7d7 ;
color: green;	
}

greenb {
color: green;
font-weight: bold;	
}










.toolbar-actions {
display: block;
float: left;
width: 100%;
text-align: center;
margin-top: 24px;
border-top: 1px solid #ccc;
padding-top: 20px;
padding-bottom: 20px;	
}


.bt_out {
float: left;
width: 60%;
height: 30px;
text-align: center;
font-weight: bold;
font-size: 18px;
}
stock_out {
text-align: center;
font-weight: bold;
font-size: 18px;
color: red;
display: block;
width: 100%;
}







.f_submit {
width: 60%;
height: 3em;	
font-weight: bold;
}






.title_0, .title_1, .title_2, .title_3, .title_4, .title_5 {
display: block;
float: left;
width: 60%;	
padding-left: 10px;	
}




.title_5_nw {
width: 100%;	
display: block;
float: left;
padding-left: 0px;	
}

.bt_rt_block_1 {
display: block;
float: left;
width: 100%;	
}

.bt_rt_block_2 {
display: block;
float: left;
width: 100%;	
}

.bt_3_css_nw {
float: left;
width: 32.3%;
}

.bt_2_css_nw {
float: left;
width: 32.3%;
}

.bt_1_css_nw {
float: left;
width: 32.3%;
}



.title_6 {
display: block;
float: right;
width: 40%;
padding-left: 10px;
text-align: right;		
}

.bt_out {
float: left;
width: 60%;
height: 30px;
text-align: center;
font-weight: bold;
font-size: 18px;
}