@import url("https://fonts.googleapis.com/css?family=Kanit:300,400,500&subset=thai");
/*----------  COLOR  ----------*/
/*----------  FONT KANIT  ----------*/
.navbar-main .nav > li a, .navbar-account .widget-item > a, .footer-nav .nav > li > a, .page-header .title, .caption .title, .widget-box .widget-box-head .title, .widget-box .item-content .title {
  font-family: Kanit; }
  .page-header .title, .caption .title, .widget-box .widget-box-head .title, .widget-box .item-content .title {
    font-weight: 500; }

/*----------  MATERIAL ICONS  ----------*/
.home .view-all:after, .layout-view-grid .item-readmore:after {
  font-family: "Material Icons"; }

/*----------  TRANSITION  ----------*/
.home .view-all, .layout-view-grid .item-readmore, .sub-category > li > a {
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease; }

/*----------  HELPER CLASS  ----------*/
/*----------  SPACING UTILITY  ----------*/
.home .view-all {
  padding: 0; }

/*----------  BREAKPOINT  ----------*/
/*----------  BACK TO TOP  ----------*/
.back-to-top {
  background-color: #0065BA; }

/*----------  BUTTONS  ----------*/
.btn-primary, .cart-top .btn {
  color: #fff;
  background-color: #0065BA;
  border-color: #0065BA; }
  .btn-primary:focus, .cart-top .btn:focus, .focus.btn-primary, .cart-top .focus.btn {
    color: #fff;
    background-color: #006ff1;
    border-color: #004ba5; }
  .btn-primary:hover, .cart-top .btn:hover {
    color: #fff;
    background-color: #006ff1;
    border-color: #006ae7; }
  .btn-primary:active, .cart-top .btn:active, .active.btn-primary, .cart-top .active.btn,
  .open > .dropdown-toggle.btn-primary,
  .cart-top .open > .dropdown-toggle.btn {
    color: #fff;
    background-color: #006ff1;
    border-color: #006ae7; }
    .btn-primary:active:hover, .cart-top .btn:active:hover, .btn-primary:active:focus, .cart-top .btn:active:focus, .btn-primary:active.focus, .cart-top .btn:active.focus, .active.btn-primary:hover, .cart-top .active.btn:hover, .active.btn-primary:focus, .cart-top .active.btn:focus, .active.focus.btn-primary, .cart-top .active.focus.btn,
    .open > .dropdown-toggle.btn-primary:hover,
    .cart-top .open > .dropdown-toggle.btn:hover,
    .open > .dropdown-toggle.btn-primary:focus,
    .cart-top .open > .dropdown-toggle.btn:focus,
    .open > .dropdown-toggle.focus.btn-primary,
    .cart-top .open > .dropdown-toggle.focus.btn {
      color: #fff;
      background-color: #005ecd;
      border-color: #004ba5; }
  .btn-primary:active, .cart-top .btn:active, .active.btn-primary, .cart-top .active.btn,
  .open > .dropdown-toggle.btn-primary,
  .cart-top .open > .dropdown-toggle.btn {
    background-image: none; }
  .disabled.btn-primary:hover, .cart-top .disabled.btn:hover, .disabled.btn-primary:focus, .cart-top .disabled.btn:focus, .disabled.focus.btn-primary, .cart-top .disabled.focus.btn, .btn-primary[disabled]:hover, .cart-top .btn[disabled]:hover, .cart-top .module-product .btn-cart:hover[disabled], .module-product .cart-top .btn-cart:hover[disabled], .btn-primary[disabled]:focus, .cart-top .btn[disabled]:focus, .cart-top .module-product .btn-cart:focus[disabled], .module-product .cart-top .btn-cart:focus[disabled], .btn-primary[disabled].focus, .cart-top .btn[disabled].focus, .cart-top .module-product .focus.btn-cart[disabled], .module-product .cart-top .focus.btn-cart[disabled],
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .cart-top .btn:hover,
  .cart-top fieldset[disabled] .btn:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .cart-top .btn:focus,
  .cart-top fieldset[disabled] .btn:focus,
  fieldset[disabled] .focus.btn-primary,
  fieldset[disabled] .cart-top .focus.btn,
  .cart-top fieldset[disabled] .focus.btn {
    background-color: #0065BA;
    border-color: #0065BA; }
  .btn-primary .badge, .cart-top .btn .badge {
    color: #0065BA;
    background-color: #fff; }

.btn[disabled], .module-product .btn-cart[disabled] {
  color: #384554;
  background-color: #d0d8dd;
  border-color: #d0d8dd; }
  .btn[disabled]:focus, .module-product .btn-cart:focus[disabled], .btn[disabled].focus, .module-product .focus.btn-cart[disabled] {
    color: #384554;
    background-color: #b2bfc8;
    border-color: #869ba7; }
  .btn[disabled]:hover, .module-product .btn-cart:hover[disabled] {
    color: #384554;
    background-color: #b2bfc8;
    border-color: #acbbc3; }
  .btn[disabled]:active, .module-product .btn-cart:active[disabled], .btn[disabled].active, .module-product .active.btn-cart[disabled],
  .open > .btn[disabled].dropdown-toggle,
  .module-product .open > .dropdown-toggle.btn-cart[disabled] {
    color: #384554;
    background-color: #b2bfc8;
    border-color: #acbbc3; }
    .btn[disabled]:active:hover, .module-product .btn-cart:active:hover[disabled], .btn[disabled]:active:focus, .module-product .btn-cart:active:focus[disabled], .btn[disabled]:active.focus, .module-product .btn-cart:active.focus[disabled], .btn[disabled].active:hover, .module-product .active.btn-cart:hover[disabled], .btn[disabled].active:focus, .module-product .active.btn-cart:focus[disabled], .btn[disabled].active.focus, .module-product .active.focus.btn-cart[disabled],
    .open > .btn[disabled].dropdown-toggle:hover,
    .module-product .open > .dropdown-toggle.btn-cart:hover[disabled],
    .open > .btn[disabled].dropdown-toggle:focus,
    .module-product .open > .dropdown-toggle.btn-cart:focus[disabled],
    .open > .btn[disabled].dropdown-toggle.focus,
    .module-product .open > .dropdown-toggle.focus.btn-cart[disabled] {
      color: #384554;
      background-color: #9eaeb9;
      border-color: #869ba7; }
  .btn[disabled]:active, .module-product .btn-cart:active[disabled], .btn[disabled].active, .module-product .active.btn-cart[disabled],
  .open > .btn[disabled].dropdown-toggle,
  .module-product .open > .dropdown-toggle.btn-cart[disabled] {
    background-image: none; }
  .btn[disabled].disabled:hover, .module-product .disabled.btn-cart:hover[disabled], .btn[disabled].disabled:focus, .module-product .disabled.btn-cart:focus[disabled], .btn[disabled].disabled.focus, .module-product .disabled.focus.btn-cart[disabled], .btn[disabled][disabled]:hover, .module-product .btn-cart:hover[disabled], .btn[disabled][disabled]:focus, .module-product .btn-cart:focus[disabled], .btn[disabled][disabled].focus, .module-product .focus.btn-cart[disabled],
  fieldset[disabled] .btn[disabled]:hover,
  fieldset[disabled] .module-product .btn-cart:hover[disabled],
  .module-product fieldset[disabled] .btn-cart:hover[disabled],
  fieldset[disabled] .btn[disabled]:focus,
  fieldset[disabled] .module-product .btn-cart:focus[disabled],
  .module-product fieldset[disabled] .btn-cart:focus[disabled],
  fieldset[disabled] .btn[disabled].focus,
  fieldset[disabled] .module-product .focus.btn-cart[disabled],
  .module-product fieldset[disabled] .focus.btn-cart[disabled] {
    background-color: #d0d8dd;
    border-color: #d0d8dd; }
  .btn[disabled] .badge, .module-product .btn-cart[disabled] .badge {
    color: #d0d8dd;
    background-color: #384554; }

.btn-register {
  color: #fff;
  background-color: #899cb2;
  border-color: #899cb2; }
  .btn-register:focus, .btn-register.focus {
    color: #fff;
    background-color: #6a829e;
    border-color: #4a5c71; }
  .btn-register:hover {
    color: #fff;
    background-color: #6a829e;
    border-color: #647d9a; }
  .btn-register:active, .btn-register.active,
  .open > .btn-register.dropdown-toggle {
    color: #fff;
    background-color: #6a829e;
    border-color: #647d9a; }
    .btn-register:active:hover, .btn-register:active:focus, .btn-register:active.focus, .btn-register.active:hover, .btn-register.active:focus, .btn-register.active.focus,
    .open > .btn-register.dropdown-toggle:hover,
    .open > .btn-register.dropdown-toggle:focus,
    .open > .btn-register.dropdown-toggle.focus {
      color: #fff;
      background-color: #5a708a;
      border-color: #4a5c71; }
  .btn-register:active, .btn-register.active,
  .open > .btn-register.dropdown-toggle {
    background-image: none; }
  .btn-register.disabled:hover, .btn-register.disabled:focus, .btn-register.disabled.focus, .btn-register[disabled]:hover, .btn-register[disabled]:focus, .btn-register[disabled].focus,
  fieldset[disabled] .btn-register:hover,
  fieldset[disabled] .btn-register:focus,
  fieldset[disabled] .btn-register.focus {
    background-color: #899cb2;
    border-color: #899cb2; }
  .btn-register .badge {
    color: #899cb2;
    background-color: #fff; }

/*----------  FORM  ----------*/
.form-control:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  border-color: #0065BA; }

/* navbar collapse */
.navbar-collapse {
  border-color: #d0d8dd; }

/* search */
.search .btn {
  color: #fff;
  background-color: #333333;
  border-color: #333333; }
  .search .btn:focus, .search .btn.focus {
    color: #fff;
    background-color: #1c232a;
    border-color: black; }
  .search .btn:hover {
    color: #fff;
    background-color: #1c232a;
    border-color: #181e24; }
  .search .btn:active, .search .btn.active,
  .open > .search .btn.dropdown-toggle {
    color: #fff;
    background-color: #1c232a;
    border-color: #181e24; }
    .search .btn:active:hover, .search .btn:active:focus, .search .btn:active.focus, .search .btn.active:hover, .search .btn.active:focus, .search .btn.active.focus,
    .open > .search .btn.dropdown-toggle:hover,
    .open > .search .btn.dropdown-toggle:focus,
    .open > .search .btn.dropdown-toggle.focus {
      color: #fff;
      background-color: #0e1115;
      border-color: black; }
  .search .btn:active, .search .btn.active,
  .open > .search .btn.dropdown-toggle {
    background-image: none; }
  .search .btn.disabled:hover, .search .btn.disabled:focus, .search .btn.disabled.focus, .search .btn[disabled]:hover, .search .module-product .btn-cart:hover[disabled], .module-product .search .btn-cart:hover[disabled], .search .btn[disabled]:focus, .search .module-product .btn-cart:focus[disabled], .module-product .search .btn-cart:focus[disabled], .search .btn[disabled].focus, .search .module-product .focus.btn-cart[disabled], .module-product .search .focus.btn-cart[disabled],
  fieldset[disabled] .search .btn:hover,
  fieldset[disabled] .search .btn:focus,
  fieldset[disabled] .search .btn.focus {
    background-color: #333333;
    border-color: #333333; }
  .search .btn .badge {
    color: #333333;
    background-color: #fff; }

/*----------  NAVBAR BRAND  ----------*/
.navbar-brand > img {
  height:100%; }

/* navbar mobile */
.navbar-toggle {
  margin: 0 10px 0 0;
  padding: 15px 0; }

/*----------  NAVBAR MAIN  ----------*/
.navbar-main .material-icons {
  font-size: 21px; }

.navbar-main.affix {
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); }

.navbar-main .nav > li > a {
  color: #384554; }
  .navbar-main .nav > li > a:hover {
    background-color: transparent;
    color: #0065BA; }

/*----------  NAVBAR ACCOUNT  ----------*/
.navbar-account .widget-item > a:hover {
  color: #0065BA; }

.cart-top .count-badge {
  background-color: #0065BA;
  -webkit-box-shadow: -2px 2px 0 #fff;
          box-shadow: -2px 2px 0 #fff;
  width: 24px;
  height: 20px;
  float: right;
  position: relative;
  top: -6px;
  left: -4px;
  border-radius: 50px;
  text-align: center;
  color: #fff; }

.cart-top .thumbnail {
  background-color: transparent; }

/* dropdown */
.dropdown-menu {
  margin-top: 0;
  border-top: 2px solid #d0d8dd; }

.dropdown-menu,
.navbar-nav .open .dropdown-menu {
  border: 0;
  border-radius: 0;
  background-color: #eef3f6; }
  .dropdown-menu > li a:hover,
  .navbar-nav .open .dropdown-menu > li a:hover {
    background-color: transparent;
    color: #0065BA; }

/*----------  FOOTER  ----------*/
.widget-footer {
  background-color: #222222; }
  .widget-footer .widget-box-head .title {
    color: #eef3f6;
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 10px; }
    .widget-footer .widget-box-head .title:after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 3px;
      background-color: #0065BA;
      width: 50px; }
  .widget-footer .widget-box .item-content .title {
    color: #d0d8dd; }
  .widget-footer .widget-box-body .title {
    color: #d0d8dd; }
    .widget-footer .widget-box-body .title:hover {
      color: #0065BA; }
  .widget-footer .widget-box-body .item-meta {
    color: #d0d8dd; }

.footer-nav {
  background-color: #222222; }
  .footer-nav .nav > li > a {
    color: #fff;
    border-radius: 0; }
    .footer-nav .nav > li > a:hover {
      background-color: #0065BA;
      color: #fff; }

/*----------  PAGE HEADER / TITLE ----------*/
.page-header .title {
  font-size: 18px; }

.home .page-header .title, .single-content .page-header .title, .list-content .page-header .title, .module-forum .page-header .title {
  position: relative;
  color: #333333;
  padding: 3px 10px 3px 0; }
  .home .page-header .title:before, .single-content .page-header .title:before, .list-content .page-header .title:before, .module-forum .page-header .title:before, .home .page-header .title:after, .single-content .page-header .title:after, .list-content .page-header .title:after, .module-forum .page-header .title:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    background-color: #0065BA;
    height: 3px;
    border-radius: 50px; }
  .home .page-header .title:before, .single-content .page-header .title:before, .list-content .page-header .title:before, .module-forum .page-header .title:before {
    top: 0; }
  .home .page-header .title:after, .single-content .page-header .title:after, .list-content .page-header .title:after, .module-forum .page-header .title:after {
    bottom: 0; }

@media (min-width: 961px) {
  .home .page-header .title {
    padding-left: 10px;
    padding-right: 10px; } }

.home .view-all {
  font-size: 12px;
  color: #384554;
  background-color: #d0d8dd;
  padding: 0 3px 0 12px;
  border-radius: 4px; }
  .home .view-all:after {
    content: "trending_flat";
    font-size: 18px;
    margin-left: 4px;
    vertical-align: middle; }
  .home .view-all:hover {
    background-color: #384554;
    color: #fff; }
  @media (max-width: 480px) {
    .home .view-all {
      text-indent: 40px;
      width: 25px;
      height: 25px;
      white-space: nowrap;
      overflow: hidden; }
      .home .view-all:after {
        content: "more_horiz";
        float: left;
        text-indent: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin-left: 0;
        text-align: center;
        margin: auto; } }

@media (min-width: 961px) {
  .home .full .page-header {
    text-align: center; } }

/* call %page-header-style */
/*----------  TITLE LINK  ----------*/
.caption .title {
  font-size: 16px;
  color: #333333;
  letter-spacing: 0.2px; }
  .caption .title:hover {
    color: #0065BA; }

.caption .title {
  font-size: 16px; }

.caption .item-meta {
  color: #899cb2; }

/*----------  THUMBNAIL CAPTION  ----------*/
.item-readmore {
  display: none; }

.layout-view-grid .item-readmore {
  text-indent: -9999px; }

.layout-view-grid .caption {
  position: relative; }

.layout-view-grid .item-readmore {
  position: absolute;
  bottom: 100%;
  right: 0;
  margin: 0 20px 20px 0;
  opacity: 0; }
  .layout-view-grid .item-readmore:after {
    content: "open_in_new";
    display: block;
    text-indent: 0;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    background-color: #0065BA;
    color: #fff;
    font-size: 24px; }

.layout-view-grid .thumbnail:hover .item-readmore {
  opacity: 1; }

/*----------  module banner  ----------*/
.module-banner {
  margin-bottom: 30px; }
  .module-banner .title {
    display: none; }

/*----------  MODULE CART  ----------*/
.module-product.single-content {
  margin-top: 30px; }

.module-product .btn-cart .fa {
  display: none; }

/*----------  MODULE NEWS  ----------*/
.full .module-news .layout-view-list .item {
  width: 50%; }

.module-breadcrumb .breadcrumb {
  background-color: #eef3f6; }
  .module-breadcrumb .breadcrumb > li > a {
    color: #899cb2; }
    .module-breadcrumb .breadcrumb > li > a:hover {
      color: #0065BA; }
  .module-breadcrumb .breadcrumb > .active {
    color: #384554; }

/*----------  WIDGET  ----------*/
.widget-sidebar .widget-box-head {
  background-color: #384554;
  margin-bottom: 0; }
  .widget-sidebar .widget-box-head .title {
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 0; }

.widget-sidebar .widget-box-body {
  background-color: #eef3f6;
  padding: 10px; }

.widget-sidebar .widget-list-style .category-dept-1 {
  background-color: #dde7ed;
  padding-left: 10px;
  padding-right: 10px; }

.widget-sidebar .widget-list-style a {
  border-color: #d0d8dd; }

.widget-box .item-content .title {
  color: #333333; }
  .widget-box .item-content .title:hover {
    color: #0065BA; }

.widget-social .widget-box-body .title {
  display: none; }

.widget-social a {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 10px;
  color: #fff; }
  .widget-social a:hover {
    color: #fff; }

.widget-social .item-facebook {
  background-color: #3b5998; }

.widget-social .item-twitter {
  background-color: #1da1f2; }

.widget-social .item-instagram {
  background-color: #5851db; }

.widget-social .item-google-plus {
  background-color: #dd4b39; }

.widget-social .item-youtube {
  background-color: #cd201f; }

.widget-subscribe .btn {
  color: #d0d8dd;
  background-color: #333333;
  border-color: #333333; }
  .widget-subscribe .btn:focus, .widget-subscribe .btn.focus {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: black; }
  .widget-subscribe .btn:hover {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: #181e24; }
  .widget-subscribe .btn:active, .widget-subscribe .btn.active,
  .open > .widget-subscribe .btn.dropdown-toggle {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: #181e24; }
    .widget-subscribe .btn:active:hover, .widget-subscribe .btn:active:focus, .widget-subscribe .btn:active.focus, .widget-subscribe .btn.active:hover, .widget-subscribe .btn.active:focus, .widget-subscribe .btn.active.focus,
    .open > .widget-subscribe .btn.dropdown-toggle:hover,
    .open > .widget-subscribe .btn.dropdown-toggle:focus,
    .open > .widget-subscribe .btn.dropdown-toggle.focus {
      color: #d0d8dd;
      background-color: #0e1115;
      border-color: black; }
  .widget-subscribe .btn:active, .widget-subscribe .btn.active,
  .open > .widget-subscribe .btn.dropdown-toggle {
    background-image: none; }
  .widget-subscribe .btn.disabled:hover, .widget-subscribe .btn.disabled:focus, .widget-subscribe .btn.disabled.focus, .widget-subscribe .btn[disabled]:hover, .widget-subscribe .module-product .btn-cart:hover[disabled], .module-product .widget-subscribe .btn-cart:hover[disabled], .widget-subscribe .btn[disabled]:focus, .widget-subscribe .module-product .btn-cart:focus[disabled], .module-product .widget-subscribe .btn-cart:focus[disabled], .widget-subscribe .btn[disabled].focus, .widget-subscribe .module-product .focus.btn-cart[disabled], .module-product .widget-subscribe .focus.btn-cart[disabled],
  fieldset[disabled] .widget-subscribe .btn:hover,
  fieldset[disabled] .widget-subscribe .btn:focus,
  fieldset[disabled] .widget-subscribe .btn.focus {
    background-color: #333333;
    border-color: #333333; }
  .widget-subscribe .btn .badge {
    color: #333333;
    background-color: #d0d8dd; }

.widget-search .btn {
  color: #d0d8dd;
  background-color: #333333;
  border-color: #333333; }
  .widget-search .btn:focus, .widget-search .btn.focus {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: black; }
  .widget-search .btn:hover {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: #181e24; }
  .widget-search .btn:active, .widget-search .btn.active,
  .open > .widget-search .btn.dropdown-toggle {
    color: #d0d8dd;
    background-color: #1c232a;
    border-color: #181e24; }
    .widget-search .btn:active:hover, .widget-search .btn:active:focus, .widget-search .btn:active.focus, .widget-search .btn.active:hover, .widget-search .btn.active:focus, .widget-search .btn.active.focus,
    .open > .widget-search .btn.dropdown-toggle:hover,
    .open > .widget-search .btn.dropdown-toggle:focus,
    .open > .widget-search .btn.dropdown-toggle.focus {
      color: #d0d8dd;
      background-color: #0e1115;
      border-color: black; }
  .widget-search .btn:active, .widget-search .btn.active,
  .open > .widget-search .btn.dropdown-toggle {
    background-image: none; }
  .widget-search .btn.disabled:hover, .widget-search .btn.disabled:focus, .widget-search .btn.disabled.focus, .widget-search .btn[disabled]:hover, .widget-search .module-product .btn-cart:hover[disabled], .module-product .widget-search .btn-cart:hover[disabled], .widget-search .btn[disabled]:focus, .widget-search .module-product .btn-cart:focus[disabled], .module-product .widget-search .btn-cart:focus[disabled], .widget-search .btn[disabled].focus, .widget-search .module-product .focus.btn-cart[disabled], .module-product .widget-search .focus.btn-cart[disabled],
  fieldset[disabled] .widget-search .btn:hover,
  fieldset[disabled] .widget-search .btn:focus,
  fieldset[disabled] .widget-search .btn.focus {
    background-color: #333333;
    border-color: #333333; }
  .widget-search .btn .badge {
    color: #333333;
    background-color: #d0d8dd; }

.widget-tag .item-tag {
  background-color: transparent;
  border-radius: 50px;
  border: 1px solid #d0d8dd;
  color: #384554; }
  .widget-tag .item-tag:hover {
    background-color: #0065BA;
    color: #fff;
    border-color: #0065BA; }

/* widget gallery */
.module-gallery .thumbnail {
  position: relative; }
  .module-gallery .thumbnail:hover .caption {
    background-color: #0065BA; }

.module-gallery .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px;
  background-color: rgba(56, 69, 84, 0.9);
  text-align: center; }
  .module-gallery .caption .title {
    color: #fff;
    position: relative; }

/*----------  sub category  ----------*/
.sub-category > li > a {
  border-radius: 4px;
  padding: 8px 10px;
  background-color: #eef3f6;
  text-align: center;
  color: #384554; }
  .sub-category > li > a:hover {
    background-color: #384554;
    color: #fff; }

/* comment */
.module-comment form,
.module-comment .comment-list .media {
  border: 1px solid #d0d8dd;
  border-radius: 4px;
  background-color: #eef3f6; }

/* module forum */
.module-forum .table thead th {
  background-color: #0065BA;
  color: #fff;
  border-color: #d0d8dd; }

.module-forum .table tbody tr {
  background-color: #eef3f6; }

.module-forum .table tbody a {
  color: #333333;
  font-weight: 500; }
  .module-forum .table tbody a:hover {
    color: #0065BA; }

.module-forum .table .badge {
  background-color: #899cb2; }

.module-forum .panel {
  border: 0;
  background-color: #eef3f6;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .module-forum .panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
  .module-forum .panel > .table:first-child > thead:first-child > tr:first-child th:last-child {
    border-radius: 0; }

.module-forum.single-content .panel-body {
  padding: 10px; }

.module-forum.single-content .member-profile .avatar {
  border: 0; }

.module-forum.single-content .member-profile .member-name {
  color: #0065BA; }

.module-forum.single-content .member-profile .item-post-date {
  color: #384554; }

/*----------  FIX PRODUCT IMAGE CROPPING  ----------*/
/* Override the default CSS rule that crops product images */
.layout-view-grid .row > .col-sm-4 .thumbnail > img,
.layout-view-grid .row > .col-sm-4 .thumbnail a > img {
  object-fit: contain !important;
  aspect-ratio: auto !important;
}

/* ===== Custom overrides from Pair@iGetWeb ===== */

/* ===== START : font kanit ทั้งเว็บ ===== */

body,
button,
input,
select,
textarea {
  font-family: "Kanit", sans-serif !important;
  font-size: 16px;
  font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Kanit", sans-serif !important;
  font-size: 16px;
  font-weight: 400 !important;
}

.view-all {
  font-family: "Kanit", sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* ===== END : font kanit ทั้งเว็บ ===== */

/* ===== START : ดีไซน์หัวข้อ block ===== */
@media (min-width: 961px) {
  .home .page-header .title,
  .single-content .page-header .title,
  .list-content .page-header .title,
  .module-forum .page-header .title {
    font-size: 30px;
    font-weight: 500 !important;
    padding-left: 0;
    padding-right: 0;
  }
}

.home .page-header,
.single-content .page-header,
.list-content .page-header,
.module-forum .page-header {
  text-align: center;
}

.home .page-header .title,
.single-content .page-header .title,
.list-content .page-header .title,
.module-forum .page-header .title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  position: relative;
  color: #333333;
  padding: 20px 0;
  margin: 0;
  line-height: 1.2;
}

.home .page-header .title:before,
.single-content .page-header .title:before,
.list-content .page-header .title:before,
.module-forum .page-header .title:before,
.home .page-header .title:after,
.single-content .page-header .title:after,
.list-content .page-header .title:after,
.module-forum .page-header .title:after {
  content: "";
  display: block;
  position: static;
  width: 28px;
  height: 2px;
  background-color: #0065BA;
  border-radius: 50px;
}
/* ===== END : ดีไซน์หัวข้อ block ===== */

/* ===== START : Navbar redesign ===== */
@media (min-width: 992px) {

  .navbar-main .navbar > .container {
    display: flex;
    align-items: center;
  }

  /* โลโก้ซ้าย */
  .navbar-main .navbar-header {
    order: 1;
    flex: 0 0 auto;
    margin-right: 32px;
  }

  /* เมนูกลาง */
  .navbar-main .navbar-collapse {
    order: 2;
    flex: 1 1 auto;
    display: flex !important;
    justify-content: center;
    border-top: 0;
    box-shadow: none;
  }

  .navbar-main .nav.navbar-nav {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 0 auto;
  }

  .navbar-main .nav.navbar-nav > li {
    float: none;
  }

  /* เข้าสู่ระบบ + ค้นหา ไปขวา */
  .navbar-main .navbar-account,
  .navbar-main .search,
  .navbar-main .navbar-right {
    order: 3;
    flex: 0 0 auto;
    margin-left: auto;
  }
}

@media (min-width: 992px){

  .navbar-main .nav.navbar-nav > li > a{
    position: relative;
    padding: 22px 18px;
    font-weight: 500;
    transition: all .25s ease;
  }

  /* สี hover */
  .navbar-main .nav.navbar-nav > li > a:hover{
    color: #0065BA;
  }

  /* เส้น underline animation */
  .navbar-main .nav.navbar-nav > li > a::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:12px;
    width:0;
    height:2px;
    background:#0065BA;
    transition:.3s ease;
    transform:translateX(-50%);
    border-radius:4px;
  }

  .navbar-main .nav.navbar-nav > li > a:hover::after{
    width:60%;
  }

}

/* ===== Navbar spacing adjust ===== */
.navbar-main .navbar{
  padding-top: 10px;
  padding-bottom: 10px;
}

/* desktop */
.navbar-main .navbar > .container{
  padding-left: 0;
  padding-right: 0;
}

/* responsive */
@media (max-width: 991px){
  .navbar-main .navbar > .container{
    padding-left: 10px;
    padding-right: 10px;
  }
}
/* ===== END : Navbar redesign ===== */

/* ===== START : ระบบบทความ 4 คอลัมน์ ===== */
.module-article .item-list,
.module-article .article-list,
.module-article .list-item {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.module-article .item,
.module-article .article-item,
.module-article .item-list > li,
.module-article .list-item > li {
  width: 25%;
  padding-left: 12px;
  padding-right: 12px;
  margin-bottom: 30px;
}

/* กันภาพล้น */
.module-article .item img,
.module-article .article-item img,
.module-article .item-list > li img,
.module-article .list-item > li img {
  width: 100%;
  height: auto;
  display: block;
}

.caption .item-meta {
    display: none;
}

/* Article responsive */

/* tablet */
@media (max-width: 991px){
  .module-article .item,
  .module-article .article-item,
  .module-article .item-list > li,
  .module-article .list-item > li{
    width:50%;
  }
}

/* mobile เล็ก */
@media (max-width: 480px){
  .module-article .item,
  .module-article .article-item,
  .module-article .item-list > li,
  .module-article .list-item > li{
    width:50%;
  }
}
/* ===== START : พื้นที่ระหว่าง block ===== */

/* เริ่ม พื้นที่ระหว่าง block */
.main-content {
    padding-top: 0px;
}
section.full {
    padding: 40px 0;
}
/* ===== END : พื้นที่ระหว่าง block ===== */

/* ===== START : ดีไซน์ปุ่มดูทั้งหมด ===== */
.view-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 18px;
  background: #fff !important;
  border: 1px solid #0065BA !important;
  border-radius: 0 !important;
  color: #0065BA !important;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  transition: all 0.25s ease;
}

/* hover แบบภาพ 3 */
.view-all:hover {
  background: #0065BA !important;
  color: #fff !important;
  text-decoration: none;
}

/* กรณีในปุ่มมี icon อยู่แล้ว */
.view-all i,
.view-all svg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;

  border: 1px solid #0065BA;
  border-radius: 50%;

  color: #0065BA;
  font-size: 12px;
  transition: all 0.25s ease;
}

.view-all:hover i,
.view-all:hover svg {
  border-color: #fff;
  color: #fff;
}

.page-header .view-all {
  display: none !important;
}

/* จัดปุ่ม view-all ล่างให้อยู่กลาง block */
.module-products .view-all,
.product-list .view-all,
.item-list .view-all {
  display: table !important;
  margin: 40px auto 0 !important;
}

.view-all {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
/* ===== END : ดีไซน์ปุ่มดูทั้งหมด ===== */