/* $orange: #FF894B; */
*, *::before, *::after {
  box-sizing: border-box;
}
@-ms-viewport {
  width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
abbr[title], abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
dfn {
  font-style: italic;
}
b, strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/*
 a:not([href]):not([tabindex]) {
 color: inherit;
 text-decoration: none;
 &:hover {
 color: inherit;
 text-decoration: none;
 }
 &:focus {
 color: inherit;
 text-decoration: none;
 outline: 0;
 }
 }
 */
pre, code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
figure {
  margin: 0 0 1rem;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #888;
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
button {
  border-radius: 0;
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}
input, button, select, optgroup, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
input[type="radio"], input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
/* == SEED == */
.seed-row, .seed-grid-1, .seed-grid-2, .seed-grid-3, .seed-grid-4, .seed-grid-5, .seed-grid-6 {
  margin-left: -15px;
  margin-right: -15px;
}
.seed-row > .widget-title, .seed-grid-1 > .widget-title, .seed-grid-2 > .widget-title, .seed-grid-3 > .widget-title, .seed-grid-4 > .widget-title, .seed-grid-5 > .widget-title, .seed-grid-6 > .widget-title {
  padding-right: 15px;
  padding-left: 15px;
}
.seed-row > .seed-col, .seed-grid-1 > .seed-col, .seed-grid-2 > .seed-col, .seed-grid-3 > .seed-col, .seed-grid-4 > .seed-col, .seed-grid-5 > .seed-col, .seed-grid-6 > .seed-col, .slick-track > .seed-col {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.seed-grid-6 > .seed-col, .seed-row.grid-6 > .seed-col {
  width: 16.6666%;
}
.seed-grid-5 > .seed-col, .seed-row.grid-5 > .seed-col {
  width: 20%;
}
.seed-grid-4 > .seed-col, .seed-row.grid-4 > .seed-col {
  width: 25%;
}
.seed-grid-3 > .seed-col, .seed-row.grid-3 > .seed-col {
  width: 33.3333%;
}
.seed-grid-2 > .seed-col, .seed-row.grid-2 > .seed-col {
  width: 50%;
}
.seed-grid-1 > .seed-col, .seed-row.grid-1 > .seed-col {
  width: 100%;
}
.seed-grid-6 > .seed-col:nth-of-type(6n+1), .seed-row.grid-6 > .seed-col:nth-of-type(6n+1) {
  clear: left;
}
.seed-grid-5 > .seed-col:nth-of-type(5n+1), .seed-row.grid-5 > .seed-col:nth-of-type(5n+1) {
  clear: left;
}
.seed-grid-4 > .seed-col:nth-of-type(4n+1), .seed-row.grid-4 > .seed-col:nth-of-type(4n+1) {
  clear: left;
}
.seed-grid-3 > .seed-col:nth-of-type(3n+1), .seed-row.grid-3 > .seed-col:nth-of-type(3n+1) {
  clear: left;
}
.seed-grid-2 > .seed-col:nth-of-type(2n+1), .seed-row.grid-2 > .seed-col:nth-of-type(2n+1) {
  clear: left;
}
/* == GENERAL == */
._mobile {
  display: none !important;
}
._desktop {
  display: block !important;
}
._desktop-inline {
  display: inline !important;
}
._desktop-inline-block {
  display: inline-block !important;
}
.panel-grid.panel-no-style._desktop, .panel-grid.panel-has-style > .panel-row-style._desktop {
  display: flex !important;
}
body, html {
  width: 100%;
  overflow-x: hidden;
}
h1 {
  font-size: 26px;
}
h2 {
  font-size: 22px;
}
h3 {
  font-size: 18px;
}
h4 {
  font-size: 16px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1170px) {
  .container {
    max-width: 1140px;
  }
}
.home-banner {
  margin-bottom: 30px;
}
.home-banner img {
  width: 100%;
}
.page-banner {
  height: 96px;
}
.page-banner img {
  width: 100%;
}
.page-banner > .widget {
  display: none;
}
.page-banner > .widget:first-of-type {
  display: block;
}
/* == HEADER == */
body.has-headbar .site-branding {
  display: none;
}
.site-header {
  height: 100px;
}
.site-header .logo {
  left: 15px;
  top: 20px;
}
.site-header .logo img {
  width: 240px;
  height: 68px;
}
.site-header.active {
  height: 70px;
}
.site-header.active .logo {
  top: 10px;
  left: 10px;
}
.site-header.active .logo img {
  width: 156px;
  height: 44px;
}
.site-nav-d {
  display: block;
  float: right;
  padding: 15px 15px 0;
  transition: 0.3s ease;
}
.site-header.active .site-nav-d {
  padding: 2px 2px 0;
}
.site-nav-d ul {
  margin-bottom: 0;
  padding-left: 0;
}
.site-nav-d li {
  float: left;
  display: block;
  transition: 0.3s;
  position: relative;
}
.site-nav-d li a {
  color: #fff;
  display: block;
  padding: 10px 8px;
}
.site-nav-d li.search {
  font-size: 14px;
}
.site-nav-d li.lang {
  padding: 0 20px 0 10px;
}
.site-nav-d li.lang > div {
  border-radius: 3px;
  border: 1px solid #fff;
  height: 24px;
  transform: translateY(6px);
}
.site-nav-d li.lang > div > a {
  padding: 4px 6px;
  line-height: 1em;
  height: 22px;
  float: left;
}
.site-nav-d li.lang > div > a.lang-th {
  font-size: 15px;
  background-color: #fff;
  border-radius: 2px 0 0 2px;
  color: #000;
}
.site-nav-d li.lang > div > a.lang-en {
  font-size: 13px;
  line-height: 1.3em;
}
.site-nav-d li.btn-primary {
  margin-left: 5px;
  background: none;
  padding-bottom: 20px;
}
.site-nav-d li.btn-primary:hover .sub-menu {
  top: 52px;
}
.site-nav-d li.btn-primary > a {
  padding: 5px 15px 5px;
  min-width: 100px;
  text-align: center;
  background: rgba(255, 138, 75, 1);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255, 138, 75, 1)), color-stop(100%, rgba(239, 120, 36, 1)));
  background: -webkit-linear-gradient(-45deg, rgba(255, 138, 75, 1) 0%, rgba(239, 120, 36, 1) 100%);
}
.site-nav-d li:hover .sub-menu {
  opacity: 1;
  height: auto;
  top: 47px;
  max-height: 400px;
  overflow: visible;
}
.site-nav-d li:hover .sub-menu a:hover {
  color: rgba(255, 255, 255, 0.7);
}
.site-nav-d .sub-menu {
  position: absolute;
  background-color: #f47932;
  width: 170px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  max-height: 0;
  top: 55px;
  transition: 0.4s ease;
  padding: 0 15px;
}
.site-nav-d .sub-menu:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ef7824 transparent;
}
.site-nav-d .sub-menu li {
  display: block;
  font-size: 15px;
  float: none;
}
.site-nav-d .sub-menu li a {
  padding: 5px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.site-nav-d .sub-menu li:last-child a {
  border: none;
}
@media (min-width: 1200px) {
  .site-nav-d {
    font-size: 17px;
  }
}
/* HOME */
.fwp-intro {
  padding-bottom: 20px;
}
.fwp-intro svg {
  height: 60px;
}
.fwp-intro h2 {
  font-size: 36px;
}
.fwp-intro h2 span {
  font-size: 26px;
}
.fwp-intro h3 {
  font-size: 26px;
  margin: 12px 0 8px;
}
.sec-title {
  font-size: 28px;
}
.fwp-action .btn-primary {
  font-size: 24px;
  padding: 9px 15px 1px;
}
.fwp-action .icn-fund, .fwp-action .icn-member {
  font-size: 50px;
  vertical-align: -12px;
  margin-left: 10px;
}
.fwp-action .icn-arrow {
  font-size: 16px;
  position: relative;
  margin: 0 0 0 12px;
}
.fwp-network .panel-grid .widget-title {
  font-size: 20px;
  padding: 10px 12px;
}
/* == BODY == */
.main-header {
  margin-bottom: 30px;
}
.main-title {
  padding: 12px 0 10px;
  font-size: 26px;
}
.home-blog-space {
  height: 30px;
}
/* CONTENT ITEM */
.content-item.-card .pic, .content-item.-archive .pic {
  margin-left: 0px;
  margin-right: 0px;
}
/* FORM - Page Template */
body.page-template-page-form .site-canvas {
  background-color: #eee;
}
body.page-template-page-form .site-content {
  background-color: #eee;
}
@media (min-width: 768px) {
  body.page-template-page-form .site-content {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  body.page-template-page-form .site-content {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
.page-form {
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
@media (min-width: 768px) {
  .page-form {
    margin: 0 auto;
    max-width: 680px;
    padding: 10px 20px 0;
  }
  .page-form > .main-header {
    margin-top: -15px;
    margin-left: -25px;
    margin-right: -25px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (min-width: 992px) {
  .page-form {
    padding: 15px 25px 1px;
    max-width: 920px;
  }
}
@media (min-width: 992px) {
  .site.-header-desktop-overlay .page-form {
    background-color: #fff;
    margin-top: -80px;
    position: relative;
  }
}
/* SINGLE - AUTHOR PROFILE */
.entry-author {
  margin-top: 30px;
  text-align: center;
}
.entry-author .pic {
  margin-bottom: 15px;
}
.entry-author .pic img {
  border-radius: 100%;
}
.entry-author .info {
  padding: 0 20px;
  font-size: 15px;
}
.entry-author .info .name {
  font-size: 1.3em;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .entry-author {
    margin-top: 50px;
    text-align: left;
  }
  .entry-author.-head {
    margin-top: 30px;
    margin-bottom: 25px;
  }
  .entry-author .pic {
    float: left;
  }
  .entry-author .info {
    padding-left: 125px;
  }
}
/* SiteOrigin Page Builder */
.widget_sow-editor {
  font-size: 1em;
}
.siteorigin-panels-stretch {
  margin-left: -1000px;
  margin-right: -1000px;
  padding-left: 1000px;
  padding-right: 1000px;
}
.sow-headline h1, .sow-headline h2, .sow-headline h3, .sow-headline h4, .sow-headline h5, .sow-headline h6 {
  margin: 15px 0;
}
.widget .sow-features-list .sow-features-feature h5 {
  font-size: 1.3em;
  margin: 12px 0;
}
.panel-grid .widget-title {
  font-size: 1.1em;
  margin-bottom: 18px;
}
body .sow-carousel-wrapper ul.sow-carousel-items li.sow-carousel-item h3 {
  font-size: 16px;
}
/* Widgets */
.search-form {
  width: 100%;
  height: 30px;
  max-width: 300px;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  border-radius: 3px;
  position: relative;
}
.search-form > label {
  margin-bottom: 0;
  width: 100%;
}
.search-form > label:after {
  content: "\f002";
  font-family: 'seed-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  position: absolute;
  right: 10px;
  top: 8px;
  z-index: 2;
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
}
.search-form .search-field {
  width: calc(100% - 30px);
  border: none;
  background: none;
  height: 30px;
  padding: 0 6px 0 14px;
  font-weight: normal;
  font-size: 16px;
}
.search-form .search-submit {
  height: 30px;
  background: none;
  border: none;
  width: 30px;
  border-radius: 0;
  color: transparent;
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  box-shadow: none !important;
}
.site-top-right .search-form {
  max-width: 160px;
}
.content-pagination {
  margin-bottom: 32px;
}
/* Jetpack */
.infinite-scroll .content-pagination {
  display: none;
}
/* Comments */
.comments-area {
  margin-bottom: 15px;
}
.comment-list {
  list-style: none;
  margin-bottom: 20px;
  padding: 0;
  border: 1px solid #e2e2e2;
  border-bottom: none;
}
.comment-list .comment {
  border-bottom: 1px solid #e2e2e2;
  padding: 25px;
  background-color: #f8f8f8;
}
.comment-list .vcard img.avatar {
  float: left;
  margin: 5px 12px 0 0;
}
.comment-list .vcard .says {
  display: none;
}
.comment-list .comment-metadata {
  font-size: 0.8em;
  line-height: 1.4em;
}
.comment-list .comment-metadata:after {
  content: "";
  clear: both;
  display: block;
  margin-bottom: 15px;
}
.comment-list .comment-metadata a {
  opacity: 0.8;
}
.comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}
.comment-list .children .comment {
  border-bottom: none;
  padding-bottom: 0;
}
.comment-respond {
  background-color: #eee;
  padding: 25px 25px 5px;
  margin-top: 20px;
}
.comment-respond label {
  display: block;
  margin: 0;
}
.comment-form-comment {
  margin-bottom: 10px;
}
.comment-form-comment textarea {
  padding: 10px;
  width: 100%;
  border: 1px solid #ccc;
}
.comment-form-author input, .comment-form-email input, .comment-form-url input {
  width: 100%;
  border: 1px solid #ccc;
  padding: 3px 5px;
}
.form-submit input {
  background-color: #e4e4e4;
  border: 1px solid #ccc;
  padding: 6px 12px 5px;
  transition: 300ms;
}
.form-submit input:hover {
  background-color: #fff;
}
.form-submit input:active {
  background-color: #999;
  border: 1px solid #999;
}
@media (min-width: 768px) {
  .comments-area {
    margin-bottom: 30px;
  }
  .comment-form-author {
    float: left;
    width: 32%;
    margin-right: 2%;
  }
  .comment-form-email {
    float: left;
    width: 32%;
    margin-right: 2%;
  }
  .comment-form-url {
    float: left;
    width: 32%;
  }
}
/* == SIDEBAR == */
/* COLUMNS */
@media (min-width: 992px) {
  /* 3 COLUMNS */
  .widget-area.-leftbar, .widget-area.-shopbar {
    float: left;
    width: 21.621622%;
  }
  .widget-area.-rightbar {
    float: right;
    width: 27.027027%;
  }
  .content-area.-leftbar, .content-area.-shopbar {
    float: right;
    width: 78.378378%;
    padding-left: 30px;
    padding-right: 0;
  }
  .content-area.-rightbar {
    float: left;
    width: 72.972973%;
    padding-right: 30px;
  }
  .site.-shop-layout-leftbar .content-area.-shopbar {
    float: right;
    padding-left: 30px;
    padding-right: 0;
  }
  .site.-shop-layout-rightbar .content-area.-shopbar {
    float: left;
    padding-right: 30px;
    padding-left: 0;
  }
  .site.-shop-layout-full-width .content-area.-shopbar {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .site.-layout-boxed .content-area.-leftbar {
    float: right;
    width: 70.270278%;
  }
  .site.-layout-boxed .content-area.-rightbar {
    float: left;
    width: 70.27027%;
  }
  .site.-layout-boxed .widget-area.-leftbar {
    float: left;
    width: 29.72973%;
  }
  .site.-layout-boxed .widget-area.-rightbar {
    float: right;
    width: 29.72973%;
  }
  .wrap-leftrightbar {
    display: flex;
  }
  .wrap-leftrightbar .content-area {
    order: 2;
    width: 60.36036%;
    padding: 0 10px;
  }
  .wrap-leftrightbar .widget-area.-leftbar {
    order: 1;
    width: 19.81982%;
    padding-right: 20px;
  }
  .wrap-leftrightbar .widget-area.-rightbar {
    order: 3;
    width: 19.81982%;
    padding-left: 20px;
  }
}
/* WIDGET */
.widget-area .current-menu-item > a {
  font-weight: bold;
}
.widget-area .sub-menu {
  padding-left: 12px;
}
.widget-title {
  margin-bottom: 10px;
}
.widget-area .widget_nav_menu {
  font-size: 18px;
}
.widget-area .widget_nav_menu li {
  margin-bottom: 10px;
}
.widget-area .widget_nav_menu .sub-menu {
  padding-top: 10px;
}
.widget-area .widget_nav_menu li:last-child {
  margin-bottom: 0;
}
.widget-area .widget_siteorigin-panels-postloop .widget-title {
  margin-bottom: 18px;
}
.widget-area .content-item.-list {
  margin-bottom: 15px;
}
.widget-area .content-item.-list .info {
  font-size: 12px;
  padding-left: 0;
}
.widget-area .content-item.-list .entry-title {
  margin-bottom: 4px;
}
.widget-area .content-item.-list .info .cat-links, .widget-area .content-item.-list .info .byline, .widget-area .content-item.-list .info .tags-links {
  display: none;
}
@media (min-width: 768px) {
  .widget-area {
    margin: 0 0 30px;
    padding: 30px 0 10px;
  }
}
@media (min-width: 992px) {
  .widget-area {
    border-top: none;
    padding: 0;
  }
}
/* FOOTER */
.site-footbar {
  padding: 50px 0;
}
/* FOR GUTENBER EDITOR */
.single-area > .content-area {
  max-width: 750px;
  margin: 0 auto 30px;
  padding-left: 0;
  padding-right: 0;
  font-size: 20px;
}
.single-area .alignfull, .single-area .alignwide {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
  width: 100vw;
}
@media (min-width: 1110px) {
  .single-area .alignwide {
    margin-left: -180px;
    margin-right: -180px;
    max-width: 1110px;
    width: 1110px;
  }
}
.wp-block-pullquote {
  padding: 3em 2em;
}
@media screen and (min-width: 768px) {
  .wp-block-cover-text p {
    padding: 1.5em 0;
  }
}
/* BREADCRUMB */
.post-type-archive-product .woocommerce-breadcrumb, .post-type-archive-product .site-main > .page-title {
  display: none;
}
.woocommerce .woocommerce-breadcrumb {
  margin-top: -12px;
  font-size: 0.99em;
  color: #aaa;
}
.woocommerce .woocommerce-breadcrumb i {
  margin: 0 5px;
}
.woocommerce .woocommerce-breadcrumb > a:first-of-type, .woocommerce .woocommerce-breadcrumb i:first-of-type {
  display: none;
}
@media (min-width: 992px) {
  .woocommerce .woocommerce-breadcrumb {
    margin-top: -20px;
  }
}
body.search.post-type-archive-product .site-main > .page-title {
  display: block;
}
body.search-results .page-description {
  display: none;
}
/* ARCHIVE */
.woocommerce-result-count, .woocommerce-ordering select {
  font-size: 14px;
}
#page .onsale {
  width: 3.3em;
  height: 3.3em;
  line-height: 3.4em;
  font-size: 11px;
  padding: 0;
  background-color: #c30;
}
@media (min-width: 768px) {
  #page .onsale {
    font-size: 12px;
  }
}
html:lang(th) .woocommerce-Price-currencySymbol {
  visibility: hidden;
  font-size: 0.1em;
}
html:lang(th) .woocommerce-Price-currencySymbol:before {
  content: "บาท";
  visibility: visible;
  font-size: 9em;
}
#main .price {
  color: #222;
  font-size: 1.1em;
  line-height: 1.2;
}
#main ul.products li.product {
  text-align: center;
  margin-bottom: 30px;
}
#main ul.products li.product .button {
  margin-top: 10px;
}
#main .woocommerce-loop-product__title {
  font-size: 1.2em;
  padding: 0 0 5px;
}
.content-item.-card.-product {
  text-align: center;
}
.product_list_widget {
  line-height: 1.5;
}
#main .price del, .product_list_widget del {
  font-size: 0.9em;
  opacity: 0.5;
  color: #666;
  display: block;
}
#main .woocommerce-pagination ul {
  border: none;
}
#main .woocommerce-pagination ul li {
  float: none;
  border: none;
  margin-left: 3px;
  margin-right: 3px;
}
#main .woocommerce-pagination ul li .page-numbers {
  padding: 0 8px;
  text-align: center;
  min-width: 40px;
  height: 40px;
  border-radius: 40px;
  padding: 0;
  line-height: 36px;
  font-size: 1.1em;
  border: 2px solid rgba(0, 0, 0, 0.1);
  font-family: sans-serif;
  color: rgba(0, 0, 0, 0.7);
  border: 2px solid rgba(0, 0, 0, 0.1);
}
#main .woocommerce-pagination ul li .page-numbers:hover, #main .woocommerce-pagination ul li .page-numbers:focus {
  color: rgba(0, 0, 0, 0.9);
  border-color: rgba(0, 0, 0, 0.8);
  background: none;
}
#main .woocommerce-pagination ul li .page-numbers:active {
  opacity: 0.4;
}
#main .woocommerce-pagination ul li .page-numbers.current {
  color: rgba(0, 0, 0, 0.9);
  border: 2px solid rgba(0, 0, 0, 0.8);
  background: none;
}
/* PRODUCT SINGLE */
#main div.product h2 {
  clear: both;
}
#main div.product .product_title {
  margin-bottom: 15px;
}
#main div.product p.price {
  font-size: 1.3em;
  margin-bottom: 15px;
}
#main div.product p.price del {
  display: block;
  font-size: 0.85em;
}
#main div.product .button {
  padding: 0.5rem 0.75rem;
}
#main div.product .product_meta {
  border-top: 1px dotted #ccc;
}
#main div.product .product_meta > span {
  font-size: 13px;
  opacity: 0.8;
  display: block;
  padding: 6px 0 4px;
  border-bottom: 1px dotted #ccc;
}
#main div.product .flex-control-thumbs {
  padding-top: 10px;
}
#main div.product .flex-control-thumbs img {
  transition: 0.3s;
}
.price ins, .product_list_widget ins {
  text-decoration: none;
}
.woocommerce div.product div.images .flex-control-thumbs {
  text-align: center;
}
.woocommerce div.product div.images .flex-control-thumbs li {
  display: inline-block;
  float: none;
}
/* Change Tab design */
#main .woocommerce-tabs {
  border-top: 1px solid #e3e3e3;
}
#main .wc-tabs {
  padding: 0;
  position: static;
  margin-top: -2px;
}
#main .wc-tabs li {
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
  border: none;
  border-radius: 0;
  background: none;
  border-top: 3px solid transparent;
  transition: 0.3s;
}
#main .wc-tabs li::before, #main .wc-tabs li::after {
  display: none;
}
#main .wc-tabs li:last-child {
  margin-right: 0;
}
#main .wc-tabs li.active, #main .wc-tabs li:hover {
  border-top-color: #333;
}
#main .wc-tabs li.active a, #main .wc-tabs li:hover a {
  color: #222;
}
#main .wc-tabs li a {
  font-weight: normal;
  font-size: 1.3em;
  padding: 5px 0;
}
#main .wc-tab > h2:first-of-type {
  display: none;
  color: #222;
}
#main .related.products {
  clear: both;
  border-top: 1px solid #e3e3e3;
  margin-top: 40px;
}
#main .related.products > h2 {
  font-size: 1.3em;
  display: inline-block;
  padding: 5px 0;
  border-top: 3px solid #222;
  margin-top: -2px;
}
/* Vaiation */
.woocommerce div.product form.cart .variations {
  width: auto;
}
.woocommerce div.product form.cart .variations td.label {
  color: inherit;
  font-size: 0.9em;
  line-height: 2.4;
}
.woocommerce div.product form.cart .variations td.value {
  white-space: nowrap;
}
/* CART */
.woocommerce-cart-form__contents td.product-name {
  font-size: 18px;
}
#main .woocommerce .shop_table {
  border: none;
  border-collapse: collapse;
  margin: 0 0 20px 0;
  border-radius: 0;
}
#main .woocommerce .shop_table.cart th {
  padding: 0 0 6px;
}
#main .woocommerce .shop_table td {
  border-top-color: #e3e3e3;
}
#main .woocommerce .shop_table .actions {
  padding: 10px 0;
}
#main .woocommerce .shop_table .actions .input-text {
  padding: 0.5rem 0.75rem;
  font-size: 16px;
  line-height: 1.45;
}
@media (min-width: 768px) {
  #main .woocommerce .shop_table .actions .input-text {
    font-size: 0.8rem;
  }
}
#main .woocommerce .shop_table .product-thumbnail img {
  width: 90px;
}
#main .woocommerce .shop_table .order-total {
  font-size: 1.3em;
  border-bottom: 2px solid #e3e3e3;
}
#main .woocommerce .shop_table .qty {
  margin-left: auto;
  padding: 1px;
}
#main .woocommerce .shop_table .woocommerce-shipping-calculator .input-text {
  padding-top: 2px;
  padding-bottom: 2px;
}
#main .woocommerce .shop_table .woocommerce-shipping-calculator p {
  margin: 0 0 8px;
  padding: 0;
}
@media (min-width: 992px) {
  #main .woocommerce .shop_table td, #main .woocommerce .shop_table th {
    padding-left: 0;
    padding-right: 0;
  }
  #main .woocommerce .shop_table td.product-price, #main .woocommerce .shop_table th.product-price, #main .woocommerce .shop_table td.product-quantity, #main .woocommerce .shop_table th.product-quantity, #main .woocommerce .shop_table td.product-subtotal, #main .woocommerce .shop_table th.product-subtotal {
    text-align: right;
    padding-right: 20px;
  }
}
#content .woocommerce a.remove {
  display: block;
  width: 24px;
  height: 24px;
  font-weight: normal;
  font-size: 15px;
  line-height: 18px;
  border-radius: 100%;
  color: #ccc !important;
  font-weight: bold;
  text-align: center;
  border: 2px solid #ccc;
  font-family: sans-serif;
}
#content .woocommerce a.remove:hover {
  color: #222 !important;
  border-color: #222;
  background-color: #fff;
}
#main .cart_totals > h2 {
  border-bottom: 2px solid #e3e3e3;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
#main .wc-proceed-to-checkout {
  padding-top: 5px;
}
/* FORM */
#main .woocommerce form .required {
  color: #c30;
  text-decoration: none;
  vertical-align: -2px;
  line-height: 0.5em;
}
#main .woocommerce form .form-row label {
  margin-bottom: 0;
}
#main .woocommerce form .form-row > strong {
  line-height: 2.1em;
}
#main .woocommerce form .form-row .input-checkbox {
  margin-top: -3px;
}
@media (min-width: 992px) {
  #main .woocommerce form .form-row-first, #main .woocommerce form .form-row-last {
    width: 48%;
  }
}
#main .woocommerce form.checkout_coupon, #main .woocommerce form.login, #main .woocommerce form.register {
  border-radius: 0;
  border: 1px solid #e3e3e3;
}
#main .woocommerce .woocommerce-form-login .woocommerce-LostPassword, #main .woocommerce .woocommerce-form-login .lost_password {
  margin-top: 15px;
  margin-bottom: 0;
  padding-left: 3px;
}
#main .woocommerce .woocommerce-form-login .woocommerce-form__label-for-checkbox {
  margin-left: 15px;
  margin-bottom: 5px;
  display: inline-block;
}
#main .woocommerce .woocommerce-form-login > a.css-fbl {
  margin-top: 20px;
}
/* NOTIFICATION */
.woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message {
  font-size: 14px;
  border: none;
  background: none;
  padding: 0 0 0 2em;
  margin-bottom: 20px;
}
.woocommerce .woocommerce-error::before, .woocommerce-page .woocommerce-error::before, .woocommerce .woocommerce-info::before, .woocommerce-page .woocommerce-info::before, .woocommerce .woocommerce-message::before, .woocommerce-page .woocommerce-message::before {
  top: 0;
  left: 1px;
  padding-left: 1px;
}
.woocommerce .woocommerce-error .button, .woocommerce-page .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce-page .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-message .button {
  font-size: 14px;
  margin-top: -4px;
}
/* CHECKOUT */
#main .woocommerce-checkout {
  padding-top: 10px;
}
#main .col2-set {
  width: auto;
  margin-left: -15px;
  margin-right: -15px;
}
#main .col2-set h3 {
  margin-bottom: 15px;
}
#main .col2-set .col-1, #main .col2-set .col-2 {
  flex: none;
  width: 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  #main .col2-set .col-1, #main .col2-set .col-2 {
    width: 50%;
    max-width: 50%;
  }
}
#main #ship-to-different-address {
  font-size: 1.2em;
  float: none;
  border-top: 2px solid #e3e3e3;
  padding-top: 12px;
  margin-top: 15px;
}
#main #ship-to-different-address .input-checkbox {
  vertical-align: 1px;
  margin-right: 8px;
}
#main #customer_details .col-1, #main #customer_details .col-2 {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 992px) {
  #main #customer_details {
    float: left;
    width: 60%;
    margin-right: 0;
    padding-right: 10px;
  }
}
@media (min-width: 992px) {
  #main #order_review_heading, #main #order_review {
    float: right;
    width: 40%;
  }
}
#main #order_review_heading {
  border: 2px solid #222;
  border-bottom: none;
  margin: 0;
  padding: 15px 20px 0;
}
#main #order_review {
  border: 2px solid #222;
  border-top: none;
  padding: 10px 20px 20px;
}
#main #order_review th, #main #order_review td {
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px dotted #e3e3e3;
}
#main #order_review .woocommerce-checkout-review-order-table thead th, #main #order_review .woocommerce-checkout-review-order-table thead td {
  border-top: none;
}
#main #order_review .product-total, #main #order_review .cart-subtotal td, #main #order_review .shipping td, #main #order_review .order-total td {
  text-align: right;
}
#main #order_review .order-total th, #main #order_review .order-total td {
  border-bottom: 2px solid #e3e3e3;
}
#main #payment {
  background: none;
}
#main #payment label {
  margin-bottom: 0;
}
#main #payment .payment_box {
  background-color: #eee;
  border-radius: 0px;
  margin: 10px -20px 15px;
  padding: 20px;
  width: auto;
}
#main #payment .payment_box::before {
  border-bottom-color: #eee;
  margin: -11px 0 0px 40px;
  top: -11px;
}
#main #payment li:last-child .payment_box {
  margin-bottom: 0;
}
#main #payment .form-row {
  margin-bottom: 3px;
}
#main #payment .payment_methods {
  border: none;
  padding: 0;
}
#main #payment .payment_methods li .input-text {
  margin-right: 0;
  border-color: #ccc;
}
#main #payment .payment_method_paypal a {
  display: none;
}
#main #payment .input-radio {
  margin-right: 10px;
}
#main #payment .place-order {
  margin-top: 20px;
  margin-bottom: 0;
  padding: 0;
}
#main #payment .place-order .wc-terms-and-conditions {
  margin-bottom: 10px;
}
#main #payment .place-order .button {
  width: 100%;
  font-size: 1.3em;
}
#main #payment .woocommerce-terms-and-conditions {
  padding: 15px 15px 1px;
  font-size: 0.88em;
  border: none;
}
#main #payment .omise-remember-card {
  padding-left: 3px;
}
#main #payment .omise-remember-card input {
  margin-right: 8px;
}
#main #payment .omise-customer-card-list {
  margin: 0;
  box-shadow: none;
  border: none;
  padding: 0;
}
#main #payment .omise-customer-card-list .item {
  list-style: none;
}
#account_password_field {
  margin-bottom: 20px;
}
html:lang(th) #billing_address_2_field, html:lang(th) #shipping_address_2_field {
  display: none !important;
}
/* RECIEVED */
#main .woocommerce-order h2 {
  font-size: 1.3em;
  margin-bottom: 16px;
}
#main .woocommerce-order .wc-bacs-bank-details {
  border: 1px solid #e3e3e3;
  padding: 12px 15px 10px;
  display: inline-block;
  margin-bottom: 15px;
  min-width: 70%;
}
#main .woocommerce-order .wc-bacs-bank-details-account-name {
  font-size: 1.1em;
  font-weight: normal;
  margin-bottom: 10px;
}
#main .woocommerce-order .woocommerce-notice {
  margin: 0;
  padding: 15px 20px 12px;
  border: 2px solid #222;
  border-bottom: none;
  position: relative;
}
#main .woocommerce-order .woocommerce-order-overview {
  margin: 0 0 20px;
  display: block;
  border: 2px solid #222;
  border-top: none;
  padding: 0 20px 15px;
}
#main .woocommerce-order .woocommerce-order-overview li {
  float: none;
  margin-right: 0;
  border-right: none;
  font-size: 0.9em;
  display: block;
  line-height: 1.6;
  border-bottom: 1px solid #e3e3e3;
  padding: 4px 0;
}
#main .woocommerce-order .woocommerce-order-overview li:last-child {
  border-bottom: none;
}
#main .woocommerce-order .woocommerce-order-overview li:first-child {
  border-top: 1px solid #222;
  padding-top: 15px;
}
#main .woocommerce-order .woocommerce-order-overview li strong {
  display: inline-block;
  font-size: 1em;
}
#main .woocommerce-order .woocommerce-table--order-details {
  border-bottom: 2px solid #e3e3e3;
  margin-bottom: 40px;
}
#main .woocommerce-order .woocommerce-table--order-details th, #main .woocommerce-order .woocommerce-table--order-details td {
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px dotted #e3e3e3;
}
#main .woocommerce-order .woocommerce-table--order-details th:last-child, #main .woocommerce-order .woocommerce-table--order-details td:last-child {
  padding-left: 30px;
}
#main .woocommerce-order .woocommerce-customer-details {
  display: none;
}
@media (min-width: 992px) {
  #main .woocommerce-order {
    padding-right: 33%;
  }
  #main .woocommerce-order .woocommerce-order-overview, #main .woocommerce-order .woocommerce-notice {
    float: right;
    margin-right: -50%;
    width: 44%;
    clear: right;
  }
}
#main .seed-confirm-banks .table-responsive {
  border: 1px solid #e3e3e3;
}
#main .seed-confirm-banks .table-responsive th {
  border-top: none;
  border-bottom: 1px solid #e3e3e3;
  background-color: #fff;
}
/* MY ACCOUNT */
.woocommerce-LostPassword {
  margin: 0;
}
.woocommerce-MyAccount-navigation {
  font-size: 16px;
}
.woocommerce-MyAccount-navigation > ul {
  padding: 0;
  overflow: hidden;
  margin-left: -15px;
  padding-left: 15px;
}
.woocommerce-MyAccount-navigation > ul > li {
  list-style: none;
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}
.woocommerce-MyAccount-navigation > ul > li.is-active a {
  background-color: #f2f2f2;
  border-radius: 40px;
  padding: 0 15px;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
}
.woocommerce-MyAccount-navigation > ul > li a {
  display: block;
}
@media (min-width: 768px) {
  .woocommerce-MyAccount-navigation > ul > li {
    float: none;
    margin-bottom: 10px;
  }
  .woocommerce-MyAccount-navigation > ul > li.is-active {
    margin-left: -15px;
  }
  .woocommerce-MyAccount-navigation > ul > li.is-active a {
    padding: 1px 15px;
    display: inline-block;
    min-width: 124px;
  }
  .woocommerce-MyAccount-navigation > ul > li a {
    min-width: 128px;
  }
}
.woocommerce-MyAccount-navigation-link--dashboard, .woocommerce-MyAccount-navigation-link--downloads {
  display: none;
}
.woocommerce table.my_account_orders {
  font-size: 0.96em;
}
.woocommerce-EditAccountForm legend {
  padding-top: 30px;
}
.woocommerce .woocommerce-MyAccount-content input.button {
  margin: 10px 3px 0;
  display: inline-block;
}
@media (min-width: 992px) {
  .woocommerce-account .woocommerce-MyAccount-content {
    width: 75%;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation {
    width: 23%;
  }
}
#main .woocommerce-Address .edit {
  border: 1px solid #e3e3e3;
  border-radius: 40px;
  line-height: 1;
  font-size: 12px;
  padding: 4px 8px 3px;
}
/* Widget: Shopping Cart */
#content .widget_shopping_cart {
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  padding: 10px 15px 0;
}
#content .widget_shopping_cart .total {
  border-top: 1px dotted #e3e3e3;
}
#content .widget_shopping_cart_content {
  margin: 0 -5px;
}
#content .widget_shopping_cart_content .total {
  margin-bottom: 10px;
}
#content .widget_shopping_cart_content .buttons {
  margin: 0;
}
#content .widget_shopping_cart_content .buttons a {
  margin-bottom: 10px;
  display: block;
  text-align: center;
  padding: 8px 10px 9px;
}
#content .widget_shopping_cart_content .buttons a.checkout {
  display: none;
}
.widget_shopping_cart .widget-title, .widget_product_categories .widget-title {
  margin: -10px -15px 10px;
  padding: 6px 15px 6px;
  font-size: 16px;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #e3e3e3;
}
/* Widget: Product Categories */
.widget_product_categories {
  font-size: 16px;
  border: 1px solid #e3e3e3;
  border-radius: 3px;
  padding: 10px 15px 0;
}
.widget_product_categories .widget_product_categories li {
  margin-bottom: 5px;
}
.widget_product_categories .children {
  padding: 3px 0 3px 10px;
  font-size: 14px;
}
/* Widget: WooCommerce Product */
.woocommerce ul.product_list_widget li img {
  float: left;
  margin-left: 0;
  margin-right: 10px;
  width: 64px;
}
.woocommerce ul.product_list_widget li.mini_cart_item img {
  float: right;
  margin-left: 4px;
  margin-right: 0px;
  width: 36px;
}
/* LOADING */
html .woocommerce .blockUI.blockOverlay:before, html .woocommerce .loader:before {
  background-image: url('../img/loading.svg');
}