@charset "UTF-8";
/* Config color */
@import url("https://fonts.googleapis.com/css?family=Prompt&subset=thai:200,300,400,500");
/*Font*/
.navbar-main .navbar .navbar-nav li a, .btn, .main-content .container .content .page-header, .main-content .container .content .page-header .view-all, .main-content .container .content .thumbnail .caption .title, .main-content .container .content .thumbnail .caption .item-readmore, .main-content .container .content .module-product .thumbnail .caption .item-price .discount-price, .main-content .container .content .module-product .thumbnail .caption .item-price .sale-price, .main-content .container .content .module-product .thumbnail .caption .item-price .regular-price, .main-content .container .content .module-product.single-content .item-detail .item-product-detail .title, .main-content .container .content .module-product.single-content .item-detail .item-product-detail .item-price, .main-content .container .content .module-product.single-content .item-meta .item-post-tag .title, .main-content .container .content .module-product.single-content .item-meta .item-post-tag a, .main-content .container .content .module-forum .table thead > tr > th, .main-content .container .content .module-forum label, .main-content .container .content .single-content .item-post .item-meta, .main-content .container .content .single-content .item-post .item-meta .item-post-tag .title, .main-content .container .content .single-content .item-post .item-meta .item-post-tag a, .main-content .container .breadcrumb, .main-content .sidebar.widget-sidebar .widget-list-style a, .main-content .sidebar .widget-box.widget-search .widget-box-head, .main-content .sidebar .widget-box .widget-box-head, .main-content .sidebar .widget-box .widget-box-body .item .item-content .title, .main-content .sidebar .widget-box .widget-box-body .item .thumbnail .caption .title, .main-content .sidebar .widget-box .widget-box-body .item .thumbnail .caption .item-price, .main-content .sidebar .widget-box.widget-member-login .widget-box-head, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body .form-group label, .main-content .sidebar .widget-box.widget-tag .item-tag, .footer .widget-footer .widget-box .widget-box-head, .footer .widget-footer-description {
  font-family: "Prompt", sans-serif; }

/*Theme Setting */
/* หมายเหตุ : 
- กรณีที่ไม่ใช้สีพื้นหลังให้ระบุเป็น "transparent"
- กรณีที่ต้องการให้สีพื้นหลังโปร่ง opacity ให้ระบุเป็น rgba(#ค่าสี rbg, ค่า opacity เป็นทศนิยม);  ตัวอย่าง เช่น (#000,.6); ค่าสีดำ ต้องการให้มีค่าความทึบ 60% 
*/
/*Add new*/
/*Add new*/
/* End Therme Setting */
/* Content item background */
.main-content .container .content .layout-view-grid .thumbnail .caption {
  padding: 10px 0 0; }

/*Body*/
body {
  background-color: #4a5465; }

.navbar-main .navbar-collapse {
  background-color: #047f63; }
  .navbar-main .navbar-collapse .language a {
    color: #fff; }
    .navbar-main .navbar-collapse .language a i {
      color: #fff; }
    .navbar-main .navbar-collapse .language a:hover {
      background-color: transparent;
      color: #ffc000; }

.navbar-main .material-icons {
  color: #fff; }

.navbar-main .navbar {
  background-color: #047f63; }
  .navbar-main .navbar .navbar-nav {
    background-color: #047f63; }
    .navbar-main .navbar .navbar-nav li a {
      color: #fff; }
      .navbar-main .navbar .navbar-nav li a:hover, .navbar-main .navbar .navbar-nav li a.active, .navbar-main .navbar .navbar-nav li a:focus {
        color: #ffc000;
        background-color: #047f63; }
    .navbar-main .navbar .navbar-nav li.open .dropdown-menu {
      background-color: #047f63;
      color: #fff;
      margin-top: 10px; }
  .navbar-main .navbar .navbar-account > .widget-item > a {
    font-family: "Prompt", sans-serif;
    color: #fff;
    font-size: 12px;
    font-weight: 300; }
  .navbar-main .navbar .navbar-account > .widget-item > .widget-item-custom {
    color: #fff; }

.navbar-main .search-form .btn {
  color: #fff;
  background-color: #05b88f;
  border-color: #05b88f; }
  .navbar-main .search-form .btn:focus, .navbar-main .search-form .btn.focus {
    color: #fff;
    background-color: #06eab6;
    border-color: #43fad0; }
  .navbar-main .search-form .btn:hover {
    color: #fff;
    background-color: #06eab6;
    border-color: #07f4bd; }
  .navbar-main .search-form .btn:active, .navbar-main .search-form .btn.active,
  .open > .navbar-main .search-form .btn.dropdown-toggle {
    color: #fff;
    background-color: #048668;
    border-color: #037c61; }
    .navbar-main .search-form .btn:active:hover, .navbar-main .search-form .btn:active:focus, .navbar-main .search-form .btn:active.focus, .navbar-main .search-form .btn.active:hover, .navbar-main .search-form .btn.active:focus, .navbar-main .search-form .btn.active.focus,
    .open > .navbar-main .search-form .btn.dropdown-toggle:hover,
    .open > .navbar-main .search-form .btn.dropdown-toggle:focus,
    .open > .navbar-main .search-form .btn.dropdown-toggle.focus {
      color: #fff;
      background-color: #03644d;
      border-color: #023c2f; }
  .navbar-main .search-form .btn:active, .navbar-main .search-form .btn.active,
  .open > .navbar-main .search-form .btn.dropdown-toggle {
    background-image: none; }
  .navbar-main .search-form .btn.disabled:hover, .navbar-main .search-form .btn.disabled:focus, .navbar-main .search-form .btn.disabled.focus, .navbar-main .search-form .btn[disabled]:hover, .navbar-main .search-form .btn[disabled]:focus, .navbar-main .search-form .btn[disabled].focus,
  fieldset[disabled] .navbar-main .search-form .btn:hover,
  fieldset[disabled] .navbar-main .search-form .btn:focus,
  fieldset[disabled] .navbar-main .search-form .btn.focus {
    background-color: #05b88f;
    border-color: #05b88f; }

/* Button */
.btn.btn-primary, .btn.btn-default, .btn.btn-register {
  color: #fff;
  background-color: #05b88f;
  border-color: #05b88f; }
  .btn.btn-primary:focus, .btn.btn-primary.focus, .btn.btn-default:focus, .btn.btn-default.focus, .btn.btn-register:focus, .btn.btn-register.focus {
    color: #fff;
    background-color: #06eab6;
    border-color: #43fad0; }
  .btn.btn-primary:hover, .btn.btn-default:hover, .btn.btn-register:hover {
    color: #fff;
    background-color: #06eab6;
    border-color: #07f4bd; }
  .btn.btn-primary:active, .btn.btn-primary.active,
  .open > .btn.btn-primary.dropdown-toggle, .btn.btn-default:active, .btn.btn-default.active,
  .open > .btn.btn-default.dropdown-toggle, .btn.btn-register:active, .btn.btn-register.active,
  .open > .btn.btn-register.dropdown-toggle {
    color: #fff;
    background-color: #048668;
    border-color: #037c61; }
    .btn.btn-primary:active:hover, .btn.btn-primary:active:focus, .btn.btn-primary:active.focus, .btn.btn-primary.active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active.focus,
    .open > .btn.btn-primary.dropdown-toggle:hover,
    .open > .btn.btn-primary.dropdown-toggle:focus,
    .open > .btn.btn-primary.dropdown-toggle.focus, .btn.btn-default:active:hover, .btn.btn-default:active:focus, .btn.btn-default:active.focus, .btn.btn-default.active:hover, .btn.btn-default.active:focus, .btn.btn-default.active.focus,
    .open > .btn.btn-default.dropdown-toggle:hover,
    .open > .btn.btn-default.dropdown-toggle:focus,
    .open > .btn.btn-default.dropdown-toggle.focus, .btn.btn-register:active:hover, .btn.btn-register:active:focus, .btn.btn-register:active.focus, .btn.btn-register.active:hover, .btn.btn-register.active:focus, .btn.btn-register.active.focus,
    .open > .btn.btn-register.dropdown-toggle:hover,
    .open > .btn.btn-register.dropdown-toggle:focus,
    .open > .btn.btn-register.dropdown-toggle.focus {
      color: #fff;
      background-color: #03644d;
      border-color: #023c2f; }
  .btn.btn-primary:active, .btn.btn-primary.active,
  .open > .btn.btn-primary.dropdown-toggle, .btn.btn-default:active, .btn.btn-default.active,
  .open > .btn.btn-default.dropdown-toggle, .btn.btn-register:active, .btn.btn-register.active,
  .open > .btn.btn-register.dropdown-toggle {
    background-image: none; }
  .btn.btn-primary.disabled:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary[disabled]:hover, .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled].focus,
  fieldset[disabled] .btn.btn-primary:hover,
  fieldset[disabled] .btn.btn-primary:focus,
  fieldset[disabled] .btn.btn-primary.focus, .btn.btn-default.disabled:hover, .btn.btn-default.disabled:focus, .btn.btn-default.disabled.focus, .btn.btn-default[disabled]:hover, .btn.btn-default[disabled]:focus, .btn.btn-default[disabled].focus,
  fieldset[disabled] .btn.btn-default:hover,
  fieldset[disabled] .btn.btn-default:focus,
  fieldset[disabled] .btn.btn-default.focus, .btn.btn-register.disabled:hover, .btn.btn-register.disabled:focus, .btn.btn-register.disabled.focus, .btn.btn-register[disabled]:hover, .btn.btn-register[disabled]:focus, .btn.btn-register[disabled].focus,
  fieldset[disabled] .btn.btn-register:hover,
  fieldset[disabled] .btn.btn-register:focus,
  fieldset[disabled] .btn.btn-register.focus {
    background-color: #05b88f;
    border-color: #05b88f; }

.layout-switch .btn {
  color: #fff; }
  .layout-switch .btn.active {
    color: #ffc000; }
  .layout-switch .btn:hover {
    color: #fff; }

/*Content */
.main-content .container {
  background-color: transparent; }
  .main-content .container .content .page-header {
    color: #05b88f; }
    .main-content .container .content .page-header .view-all {
      color: #ffc000; }
  .main-content .container .content .thumbnail {
    background-color: transparent; }
    .main-content .container .content .thumbnail .caption .title {
      color: #05b88f; }
      .main-content .container .content .thumbnail .caption .title:hover {
        color: #2af9ca; }
    .main-content .container .content .thumbnail .caption .item-description {
      color: #fff; }
    .main-content .container .content .thumbnail .caption .item-readmore {
      color: #ffc000; }
  .main-content .container .content .layout-view-grid .thumbnail {
    background-color: transparent; }
  .main-content .container .content .layout-view-list .thumbnail {
    background-color: transparent; }
    .main-content .container .content .layout-view-list .thumbnail .caption {
      padding: 0 10px 0; }
  .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart {
    color: #fff;
    background-color: #05b88f;
    border-color: #05b88f; }
    .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart:focus, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.focus {
      color: #fff;
      background-color: #06eab6;
      border-color: #43fad0; }
    .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart:hover {
      color: #fff;
      background-color: #06eab6;
      border-color: #07f4bd; }
    .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart:active, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.active,
    .open > .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.dropdown-toggle {
      color: #fff;
      background-color: #048668;
      border-color: #037c61; }
      .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart:active:hover, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart:active:focus, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart:active.focus, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.active:hover, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.active:focus, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.active.focus,
      .open > .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.dropdown-toggle:hover,
      .open > .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.dropdown-toggle:focus,
      .open > .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.dropdown-toggle.focus {
        color: #fff;
        background-color: #03644d;
        border-color: #023c2f; }
    .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart:active, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.active,
    .open > .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.dropdown-toggle {
      background-image: none; }
    .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.disabled:hover, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.disabled:focus, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.disabled.focus, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart[disabled]:hover, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart[disabled]:focus, .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart[disabled].focus,
    fieldset[disabled] .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart:hover,
    fieldset[disabled] .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart:focus,
    fieldset[disabled] .main-content .container .content .module-product .thumbnail .caption .item-add-cart .btn-cart.focus {
      background-color: #05b88f;
      border-color: #05b88f; }
  .main-content .container .content .module-product.single-content .item-detail .item-product-detail .title {
    color: #05b88f; }
  .main-content .container .content .module-product.single-content .item-detail .item-product-detail .item-feature-list {
    color: #fff; }
    .main-content .container .content .module-product.single-content .item-detail .item-product-detail .item-feature-list .label {
      color: #ffc000; }
    .main-content .container .content .module-product.single-content .item-detail .item-product-detail .item-feature-list .item-label {
      color: #fff; }
  .main-content .container .content .module-product.single-content .item-detail .item-product-detail .add-cart .qty {
    color: #fff; }
  .main-content .container .content .module-product.single-content .item-content {
    color: #fff; }
  .main-content .container .content .module-product.single-content .item-meta .item-post-tag .title {
    color: #05b88f;
    background-color: transparent; }
    .main-content .container .content .module-product.single-content .item-meta .item-post-tag .title:hover {
      background-color: transparent; }
  .main-content .container .content .module-product.single-content .item-meta .item-post-tag a {
    background-color: transparent;
    color: #ffc000; }
    .main-content .container .content .module-product.single-content .item-meta .item-post-tag a:hover {
      background-color: #272f3a; }
  .main-content .container .content .module-forum .table thead > tr > th {
    color: #fff;
    background-color: #047f63;
    border-bottom: 0; }
  .main-content .container .content .module-forum .table tbody > tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05); }
    .main-content .container .content .module-forum .table tbody > tr:nth-of-type(odd) > td {
      color: #fff; }
      .main-content .container .content .module-forum .table tbody > tr:nth-of-type(odd) > td a {
        color: #ffc000; }
  .main-content .container .content .module-forum .table tbody > tr > td {
    border-top: 0;
    color: #fff; }
    .main-content .container .content .module-forum .table tbody > tr > td a {
      color: #ffc000; }
    .main-content .container .content .module-forum .table tbody > tr > td .badge {
      background-color: #047f63; }
  .main-content .container .content .module-forum .table tbody > tr:hover {
    background-color: rgba(0, 0, 0, 0.05); }
  .main-content .container .content .module-forum .panel {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: transparent;
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none; }
  .main-content .container .content .module-forum .member-profile, .main-content .container .content .module-forum .item-content {
    color: #fff; }
  .main-content .container .content .module-forum label {
    color: #fff;
    font-weight: 500; }
  .main-content .container .content .single-content .item-post .label {
    background-color: transparent; }
  .main-content .container .content .single-content .item-post .item-meta {
    color: #fff; }
    .main-content .container .content .single-content .item-post .item-meta li a {
      color: #ffc000; }
      .main-content .container .content .single-content .item-post .item-meta li a:hover {
        background-color: #272f3a; }
    .main-content .container .content .single-content .item-post .item-meta .item-post-tag .title {
      color: #05b88f; }
      .main-content .container .content .single-content .item-post .item-meta .item-post-tag .title:hover {
        background-color: transparent; }
    .main-content .container .content .single-content .item-post .item-meta .item-post-tag a {
      background-color: transparent;
      color: #ffc000; }
      .main-content .container .content .single-content .item-post .item-meta .item-post-tag a:hover {
        background-color: #272f3a; }
  .main-content .container .content .single-content .item-post .item-content {
    color: #fff; }
  .main-content .container .breadcrumb li a {
    color: #fff; }
  .main-content .container .breadcrumb li.active {
    color: #ffc000; }

.main-content .sidebar.widget-sidebar .widget-list-style a {
  color: #fff;
  border-bottom: 0; }

.main-content .sidebar .widget-box.widget-search {
  background: transparent; }

.main-content .sidebar .widget-box .widget-box-head {
  background-color: #047f63;
  margin-bottom: 0;
  padding: 10px;
  color: #fff; }

.main-content .sidebar .widget-box .widget-box-body {
  padding: 10px;
  background-color: #3c4758;
  color: #fff; }
  .main-content .sidebar .widget-box .widget-box-body .item .item-content .title {
    color: #fff; }
  .main-content .sidebar .widget-box .widget-box-body .item .item-content .item-description {
    color: #fff; }
  .main-content .sidebar .widget-box .widget-box-body .item .thumbnail {
    background-color: transparent; }
    .main-content .sidebar .widget-box .widget-box-body .item .thumbnail .caption .title {
      color: #fff; }
    .main-content .sidebar .widget-box .widget-box-body .item .thumbnail .caption .item-description {
      color: #fff; }

.main-content .sidebar .widget-box.widget-member-login .widget-box-head {
  background-color: #047f63;
  margin-bottom: 0;
  padding: 10px;
  color: #fff; }

.main-content .sidebar .widget-box.widget-member-login .widget-box-body {
  padding: 10px;
  background-color: #047f63;
  color: #fff; }
  .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body .form-group label {
    color: #fff;
    font-weight: 500; }
  .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a {
    color: #ffc000; }
    .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register {
      color: #fff;
      background-color: #05b88f;
      border-color: #05b88f; }
      .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register:focus, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.focus {
        color: #fff;
        background-color: #06eab6;
        border-color: #43fad0; }
      .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register:hover {
        color: #fff;
        background-color: #06eab6;
        border-color: #07f4bd; }
      .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register:active, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.active,
      .open > .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.dropdown-toggle {
        color: #fff;
        background-color: #048668;
        border-color: #037c61; }
        .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register:active:hover, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register:active:focus, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register:active.focus, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.active:hover, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.active:focus, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.active.focus,
        .open > .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.dropdown-toggle:hover,
        .open > .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.dropdown-toggle:focus,
        .open > .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.dropdown-toggle.focus {
          color: #fff;
          background-color: #03644d;
          border-color: #023c2f; }
      .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register:active, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.active,
      .open > .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.dropdown-toggle {
        background-image: none; }
      .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.disabled:hover, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.disabled:focus, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.disabled.focus, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register[disabled]:hover, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register[disabled]:focus, .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register[disabled].focus,
      fieldset[disabled] .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register:hover,
      fieldset[disabled] .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register:focus,
      fieldset[disabled] .main-content .sidebar .widget-box.widget-member-login .widget-box-body .login-box .login-box-body a.btn-register.focus {
        background-color: #05b88f;
        border-color: #05b88f; }

.main-content .sidebar .widget-box.widget-tag .item-tag {
  background-color: #272f3a;
  color: #ffc000; }

/*main-content*/
/*Footer */
.footer {
  background-color: #047f63; }
  .footer .widget-footer {
    background-color: #047f63; }
    .footer .widget-footer .widget-box .widget-box-head {
      color: #fff; }
    .footer .widget-footer .widget-box .widget-box-body {
      color: #fff; }
  .footer .widget-footer-description {
    color: #fff;
    font-weight: 300;
    padding: 10px 0; }
  .footer .footer-menu .navbar-footer .nav li a {
    color: #fff; }

.back-to-top {
  background-color: #ffc000; }

@media (min-width: 768px) {
  .navbar-main .navbar-collapse {
    background-color: transparent; }
  .header-style-1 .navbar-menu {
    margin-top: -20px;
    margin-right: 0;
    margin-bottom: 10px; }
  .navbar-collapse {
    float: right; }
    .navbar-collapse .navbar-nav > li > a {
      padding-top: 0;
      padding-bottom: 0; }
  .navbar-account {
    margin-top: 5px;
    margin-bottom: 0; }
    .navbar-account .widget-item > a {
      padding-top: 0;
      padding-bottom: 0; } }