body{
	font-family:Kanit;
	background-color:#fff; background: rgb(255,254,254);
	background: linear-gradient(0deg, rgba(255,254,254,0.8519608527004552) 22%, rgba(0,121,255,1) 100%); 
	background-attachment: fixed;
}
.boxImg{padding:15px;border:0px solid #414141;}
.boxImg:hover{border:0px solid #575748; padding:15px;}
.boxImg:hover .prdFont {color:#ffffff;}
.viewPrd:hover a{cursor:pointer;z-index:999999;color:#ffbf00;}
.viewPrd:a:hover {color:#ffffff;}
.prdFont {		  
  color:rgba(255, 255, 255, 0.6);
  font-family:Bebas, sans-serif;
  font-size:2rem;
  letter-spacing:0.2rem;
  line-height:1;
  margin:1.2rem 0 0;
  padding:5px;
  paddng-top:15px;
  text-transform:uppercase;}
.prdFont:hover{color:#ffffff;}
@import "compass/css3";
/*Be sure to look into browser prefixes for keyframes and annimations*/
.flash {
	animation-name: flash;
	animation-duration: 0.2s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
}


@keyframes flash {
	from {color: red;}
	to {color: #ffffff;}
}
.kanit{font-family: "Kanit", serif !important;}
.pattaya{font-family: "Pattaya", serif !important;}				

.color-black{color:#000 !important;}
.topMenu {
	background-color: #69b4ff;
	color: #00279d;
	padding: 10px;
	border-radius: 0 0 10px 10px;
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.tdMenu a{color:#0062ce;}
.tdMenu{
	font-family:pattaya;
	vertical-align: middle;
	text-align:center;
	width:142px;
	font-size:28px;
	color:#006cd9;
}
.tdTel a{color:#f9ee49;}
.tdTel{
	font-family:pattaya;
	vertical-align: middle;
	text-align:center;
	width:268px;
	font-size:28px;
	color:#fff;
}

		.footerBG {	background-image:url(../img/demo/background-demo.jpg);background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center center;}
		.font-18{font-size:18px !important;}
		.font-20{font-size:20px !important;}
		.font-22{font-size:22px !important;}
		.font-24{font-size:24px !important;}
		.font-28{font-size:28px !important;}
		.font-31{font-size:31px !important;}
		.padding-0{padding:0;}
		.padding-3{padding:3px;}
		.padding-5{padding:5px;}
		.padding-10{padding:10px;}
		
.pName{line-height:26px;padding:5px 10px;}


.prdPrice {
	position: absolute;
	top: 0;
	right:0;
	width: 180px;
	height: 32px;
	background-color: #00008c;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
	z-index:10;
}
.discount{position:absolute;top:0;right:10px;font-size:18px;z-index:99;color:#fff;}	

.priceLabel {
	position: absolute;
	background-color: #ff0000;
	/*border-radius: 0 0 0 10px;*/
	color: #fff;
	padding: 0 10px;
	right: 0;
	top: 0px;
	z-index: 5;
	box-shadow: -11px 10px 5px -7px rgba(0,0,0,0.75);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
}		
.price {
	position: absolute;
	top: -3px;
	left: 25px;
	color: #fff;
	font-size: 20px;
	text-decoration: line-through;
}
.priceNumber {
	margin: 10px 10px 0;
	font-size: 24pt;
	font-weight: bold;
	padding-top: 14px;
	color: #ffffff;
 }
.prdName{
	padding:10px !important;
	font-size: 22px !important;
	line-height: 23px;
	border-radius:0 0 0 10px
}
/*-------------*/
.prdPriceM {
	position: absolute;
	bottom: 0;
	right:0;
	width: 180px;
	height: 32px;
	background-color: #00008c;
	z-index:10;
}

.priceLabelM {
	position: absolute;
	background-color:#ff0000d6;
	color: #fff;
	right: 0;
	bottom: 30px;
	z-index: 5;
	padding:0 20px;
	box-shadow: -11px 10px 5px -7px rgba(0,0,0,0.75);
	clip-path: polygon(10% 0, 100% 0, 100% 100%, 0% 100%);
}
.priceM {
	position: absolute;
	top: -7px;
	left: 10px;
	text-decoration: line-through;
	color: #999999;
	font-size: 16px;
}
.priceNumberM {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
}
.priceM{
	position: absolute;
	top: 2px;
	left: 25px;
	color: #fff;
	font-size: 18px;
	text-decoration: line-through;
}
.prdNameMobile {
	font-size: 18px !important;
	line-height: 23px;
	padding: 5px;
}


.boxPrd{
	margin-bottom:15px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	border-radius: 0 0 0 10px;
	border: 1px solid #bbb;
	}