@import url("../css/style/header.css");
@import url("../css/style/home.css");
@import url("../css/style/home-product.css");
@import url("../css/style/product-group.css");
@import url("../css/style/product-group-detail.css");
@import url("../css/style/product-detail.css");
@import url("../css/style/product-detail-point.css");
@import url("../css/style/news-detail.css");
@import url("../css/style/csr-detail.css");
@import url("../css/style/contact-us.css");
@import url("../css/style/career.css");
@import url("../css/style/career-detail.css");
@import url("../css/style/about-us.css");
@import url("../css/style/about-us-bottom.css");
@import url("../css/style/b2b-local.css");
@import url("../css/style/b2b-foreign.css");
@import url("../css/style/sitemap.css");
@import url("../css/style/cookbook.css");
@import url("../css/style/privileges.css");

/* --------------------------------- */
/* Main Section
 ----------------------------------- */

html,
body {
  max-width: 100%;
  overflow-x: hidden;
  height: 100%;
}

body {
  font-family: "kanit-light", "quark-light", "roboto-regular";
  font-size: 1em;
  margin: 0;
}

hr {
  margin: 0;
}

a {
  color: #ffffff;
}

a:hover,
a:active {
  text-decoration: none;
  color: #ffffff;
}

.nopad {
  padding: 0 !important;
}

img {
  max-width: 100%;
}

b, strong, .font-weight-bold {
  font-family: "kanit-medium";
  font-weight: 500;
}

.quark-bold {
	font-family: "quark-bold" !important;
}

.kanit-medium {
	font-family: "kanit-medium" !important;
  font-weight: 500;
}

a.readmore {
  font-family: "kanit-light", "quark-light", "roboto-regular";
  font-weight: 500;
}

.italic {
  font-style: italic !important;
}

.light {
  font-weight: 200 !important;
}

.regular {
  font-weight: 400 !important;
}

.medium {
  font-weight: 500 !important;
}

.bold {
  font-weight: 700 !important;
}

.hide {
  display: none !important;
}