.bottomHeight{
			height:700px;
	}
	.fontList{
		font-size:1.05em;
	}		
	.fontTitle{
		font-size:1.12em;
	}
	.footercart {
		position: fixed;
		height: 2em;
		bottom: 0px;
		
		left:0px;
		//padding-top:10px;
		
		text-align:center;
		font-size:1em;

	} 	
	.footer {
		position: fixed;
		height: 4.5em;
		bottom: 0px;
		left:0px;
		padding-top:0.5em;
		padding-bottom:0.5em;
		//background: #393e46; 
		text-align:center;
		color:#ffffff; 
		width: 100%;
	} 
	.grayColor {
		background:#888888;
		color:#ffffff;
		padding:0.8em;
	}	
	.gray2Color {
		background:#F0F0F0;
		padding:0.8em;		
	}	
	.hyperLink {
		cursor:pointer;
		color:#0081B4;
	}	
	.cursorHand{
		cursor:pointer;
	}
	.minusStock{
		color : blue;
	}
	.mouse {
		cursor: pointer
	}
	.paddingBasic {
		padding-right:0.4em;
		padding-left:0.4em;
	}	
	.paddingBottomSmall {
		padding-bottom:0.5em;
	}	
	
	.paddingSmall {
		padding:0.8em;
	}	
	.paddingSmallLeft {
		padding-left:0.4em;
	}	
	.paddingSmallRight {
		padding-right:0.4em;
	}		
	.plusStock {
		color : red;
	}
	.sizebig {
		font-size:1.2em;
	}
	.sizebigbig{
		font-size:1.8em;
	}
	.textAlignCenter{
		text-align:center;
	}	
	.textAlignRight{
		text-align:right;
	}	
	.whiteColor {
		background:#f9f9f9;
		padding:0.8em;
	}		
	.bodyBack {
		height:100%;
		background-color:#ffffff;
		/*	background-color:#ffffff; */
	}	
	html, body {
		height: 100%;
	}
	.topBackTop {
		
		background-color:#404258;
		color: #fdfdfd ;
		/*	background-color:#F9F8F8;color:white */
	}	
	.boxCon{
		
		min-height:100%; 
		height:auto !important;
		padding-left:20px;
		padding-right:20px;
	}
	.topMenuBack {
		
		background-color:#E1D7C6;
		color: #404258 ;
		/*	background-color:#F9F8F8;color:white */
	}	
	a:-webkit-any-link {
		/* color: #3A4F7A; */
		cursor: pointer;
		text-decoration: none;
	  }
	.backTrkTitle {
		
		background-color:#144272;
		color: #FCFFE7 ;
		/*	background-color:#F9F8F8;color:white */
	}	
	.bottomBack {
		
		background-color:#8a734e;
		color:#ECECEC
		/*	background-color:#F9F8F8; */
	}			
	@media screen and (max-width: 768px) { .outer_btn_right { display: none; } }
	@media screen and (min-width: 768px) { .outer_btn_rightx { display: none; } }
	@media screen and (max-width: 768px) { .outer_color { background-color:#dddddd;color:#0d0d0d; } }

	#spinner
	{
		position: fixed;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 9999;
		background: url(/images/img-loading.gif) 50% 50% no-repeat #FFFFFF;
	}
		.menu_bg { width: 100%; height: 100%; position: fixed; top:0px; left:0px; overflow: hidden; display: none; }
		.menu_bgPC { width: 100%; height: 100%; position: fixed;top:54px; left:0px; overflow: hidden; display: none; }
		
		.menu { position:absolute; top:0px; left:0px; width:70%; height: 100%; background-color:#DDD; }
		.menuPC { position:absolute; top:0px; left:50px; width:40%; height: 100%; background-color:#DDD; }
		.menuImg {overflow: hidden;  position: fixed;  bottom: 0px;left:0px;padding:0px}
		.menu > div { padding: 2%; }
		.menuPC > div { padding: 1.7%; }
		
		#footer { position: fixed; bottom: 0; width: 100%; }
		@media screen and (max-width: 768px) { .showPC { display: none; } }
		@media screen and (min-width: 768px) { .showMobile { display: none; } }
		/* Style the navigation bar */
		.navbar {
		  width: 100%;
		  background-color: #555;
		  overflow: auto;
		}

		/* Navbar links */
		.navbar a {
		  float: left;
		  text-align: center;
		  padding: 12px;
		  color: white;
		  text-decoration: none;
		  font-size: 17px;
		}

		/* Navbar links on mouse-over */
		.navbar a:hover {
		  background-color: #000;
		}

		/* Current/active navbar link */
		.active {
		  background-color: #4CAF50;
		}	
		
	.nameproduct{
		font-size:1.2em;
	}	
	.topLevel1{
		padding-bottom:10px;
		padding-top:10px;
	}		
	
	.priceNormal{
		text-decoration:line-through
	}	
	.priceSale{
		font-weight:bold;
		color:#9d0208;
	}		
.Xdanger {
  background-color: #dfd6d6;
  margin-top :10px;
  color:#383636;
  margin-bottom: 10px;
  vertical-align: middle;
  padding: 10px 10px 10px 10px;
  border-left: 6px solid #383636;
}
.Xdanger2 {
  background-color: #dfd6d6;
  margin-top :10px;
  color:#383636;
  margin-bottom: 10px;
  vertical-align: middle;
  padding: 10px 10px 10px 10px;
  border-left: 6px solid #d63131;
}
.bggraye{
	background-color: #dddddd;
}
 .btn-light { 
   color: #111; 
   background-color: #f8f9fa; 
   border-color: #f8f9fa; 
 } 
  
 .btn-light:hover { 
   color: #111; 
   background-color: #e2e6ea; 
   border-color: #dae0e5; 
 } 
  
 .btn-light:focus, .btn-light.focus { 
   box-shadow: 0 0 0 3px rgba(248, 249, 250, 0.5); 
 } 
  
 .btn-light.disabled, .btn-light:disabled { 
   background-color: #f8f9fa; 
   border-color: #f8f9fa; 
 } 
  
 .btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active, 
 .show > .btn-light.dropdown-toggle { 
   background-color: #e2e6ea; 
   background-image: none; 
   border-color: #dae0e5; 
 } 
 .btn-secondary          { color: #ffffff; background-color: #999; border-color: #999; }
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active, .open .dropdown-toggle.btn-secondary
                        { color: #ffffff; background-color: #888; border-color: #888; }
						
					
.previous {
	/*background-color: #f1f1f1; */
	text-align:right;
	width:58%;
	cursor: pointer;
	display: inline-block;
	font-size:1em;
}
.previousMenu {
	/*background-color: #f1f1f1; */
	text-align:right;
	width:58%;
	color: #0A2647;
	display: inline-block;
	font-size:1.1em;
}
.subMenu {
	/*background-color: #f1f1f1; */
	width:40%;
	font-size:1.2em;
	display: inline-block;
	font-size:1.2em;
}

	
.next {
	background-color: #04AA6D;
	color: white;
}
.buyVoucherTD{
	padding: 10px;
}
.bottom_menu { position: fixed; bottom: 0px; left: 0px; width: 100%;border-top: 1px solid #c9b289; padding-bottom:18px;height: 65px; z-index:100;  }
.bottom_menu > div { float: left; width: 20%; height: 100%; text-align: center; padding-top: 10px; padding-bottom:12px }


/* loading */

.backL { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 503; }

.loading_box {position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-70px; z-index:1000;}
.loading_box > div  {position:absolute; left:50%; top:50%; margin-top:-25px; margin-left:-25px;}
.loading_box > p {position:absolute; left:0; bottom:-30px; width:100%; text-align:center;letter-spacing:0; }

.input-number-password {
    -webkit-text-security: disc;
}
.td-right {
	text-align:right;
}
.td-center {
	text-align:center;
}