@charset "utf-8";
/*@import url("../webfonts/supermarket/stylesheet.css");
@import url("../webfonts/thaisans/css/stylesheet.css");
/* CSS Document */

.textshadow{text-shadow: 0.03em 0.03em #000;}

.white, .white a{color: #FFF;text-decoration: none;}
.black, .black a{color: #000;}
.black:hover{color: #000;}
.gray{color: #333;}
.graylink{color: #ccc;}
.graylink:hover{text-decoration: underline;}
.orange{color:#bb9367;}
.yellow{color:#f4b200;}
.redlink{color:#000;}
.redlink:hover{color:#aa001c;}

.font12{font-size: 12px;}
.font14{font-size: 14px;}
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}

.thaisans16,.thaisans18,.thaisans20,.thaisans24,.thaisans30,.thaisans36,.thaisans48{
	font-family:'thaisans_neue_lightregular';
	font-size:16px;
	text-decoration: none;
}
.thaisans18{font-size: 18px;}
.thaisans20{font-size: 20px;}
.thaisans24{font-size: 24px;line-height: 120%;}
.thaisans30{font-size: 30px;}
.thaisans36{font-size: 36px;line-height: 120%;}
.thaisans48{font-size: 48px;line-height: 120%;}

.super16,.super18,.super20,.super24,.super36{
	font-family: supermarket;
	font-size: 16px;
	text-decoration: none;
}
.super18{font-size: 18px;}
.super20{font-size: 20px;}
.super24{font-size: 24px;}
.super36{font-size: 36px;}

@media screen and (max-width: 767px){
.font12{font-size: 10px;}
.font14{font-size: 12px;}
.font16{font-size: 14px;}
.font18{font-size: 16px;}
.font24{font-size: 20px;}
.font30{font-size: 24px;}
.thaisans24{font-size: 20px;}
.thaisans48{font-size: 36px;}
.thaisans60{font-size: 48px;}
.super16{font-size: 16px;}
.super18{font-size: 16px;}
.super20{font-size: 16px;}
.super24{font-size: 20px;}
.super36{font-size: 28px;line-height:180%;}
}

@media screen and (min-width: 768px){
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font24{font-size: 22px;}
.font30{font-size: 26px;}
.thaisans24{font-size: 22px;}
.thaisans48{font-size: 40px;}
.thaisans60{font-size: 55px;}
.super18{font-size: 18px;}
.super20{font-size: 18px;}
.super36{font-size: 34px;line-height:200%;}
}

@media screen and (min-width: 992px){
.font16{font-size: 16px;}
.font18{font-size: 18px;}
.font24{font-size: 24px;}
.font30{font-size: 30px;}
.thaisans24{font-size: 24px;}
.thaisans48{font-size: 48px;}
.thaisans60{font-size: 60px;}
.super18{font-size: 18px;}
.super20{font-size: 20px;}
.super36{font-size: 34px;line-height:200%;}
}

@media screen and (min-width: 1200px){
.super16{font-size: 16px;}
.super20{font-size: 20px;}
.super24{font-size: 24px;}
.super36{font-size: 36px;line-height:200%;}
}