.blog-news {
    padding: 40px;
    margin-top: 40px;
    background-color: #ffffff;
    border-radius: 15px;
    overflow: hidden;
}
h2.head-title {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 600;
}
.blog-row {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    width: 100%;
    grid-gap: 30px;
}
@media screen and (max-width: 767px) {
    .blog-row {

    grid-template-columns: repeat(2,1fr);
     grid-gap: 8px;
    }
    .point_top{

       font-size: 49%;
    }
    button#btn-submit, .btn-primary {
    font-size: 60% !important;
    /* padding: 5px 25px; */
    }
}
.blog-row > .blog-col {
    width: 100%;
    box-shadow: 0 0 10px #bbbbbb45;
    border-radius: 15px;
    overflow: hidden;
    background-color: #ffffff;
}
.blog-row .blog-pic {
    position: relative;
    padding-top: 100%;
}
.blog-row .blog-info {
    padding: 20px;
}
.blog-row .blog-pic img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}
  .inner-form {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
    border-radius: 34px;
    overflow: hidden;
    margin-bottom: 30px;
    max-width: 790px;
    display: flex;
    margin: auto;
    margin-top: 20px;
 }
 .inner-form .input-field.first-wrap {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFF;
}
.inner-form .input-field {
    height: 68px;
}
.title-credit {
    color: #4D5F3A;
    font-size: 2.2rem;
    text-align: center;
}
.title-sub-credit{
    color: #912927;
    font-size: 1.50rem;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
}
.inner-form .input-field.first-wrap .svg-wrapper {
    min-width: 80px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}
.inner-form .input-field.first-wrap input {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.inner-form .input-field input {
    height: 100%;
    background: transparent;
    border: 0;
    display: block;
    width: 100%;
    padding: 10px 0;
    font-size: 16px;
    color: #000;
}
.inner-form .input-field.second-wrap {
    min-width: 216px;
}
.inner-form .input-field {
    height: 68px;
}
.inner-form .input-field.second-wrap .btn-search {
    height: 100%;
    width: 100%;
    white-space: nowrap;
    font-size: 16px;
    color: #fff;
    border: 0;
    cursor: pointer;
    position: relative;
    z-index: 0;
    background: #203C61;
    transition: all .2s ease-out, color .2s ease-out;
    font-weight: 300;
}
@media screen and (max-width: 992px) {
  .inner-form .input-field {
    height: 50px;
  }
}

@media screen and (max-width: 767px) {
  .inner-form .input-field input {

    font-size: 14px;

  }

    .shipping-dee-box .timeline-trace .shipping-box .shipping-time {
       /* font-family: Roboto-Medium; */

        max-width: 54px;
    }
  .timeline-trace{
    margin-left: -33px;
  }
  .inner-form .input-field.first-wrap .svg-wrapper {
    min-width: 40px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    padding: 0 10px;
  }
  .inner-form .input-field.first-wrap svg {
    width: 26px;
    height: 26px;
    fill: #222;
  }
  .inner-form .input-field.second-wrap {
    min-width: 100px;
  }
  .inner-form .input-field.second-wrap .btn-search {
    font-size: 13px;
  }
}
.datepicker,
.table-condensed {
  width: 300px;
  height:300px;
}
.tab-pane,.panel-heading{
    margin-top:30px;
}
.pagination{
   color: #32323a;
       
       margin-left: 1px;
       
}
.pagination strong{
      padding: 6px 12px;
background-color: #337ab7;
    text-decoration: none;
        position: relative;
        border: 1px solid #EFF2F7;
    line-height: 1.42857;
    margin-left: 1px;
        z-index: 2;
    color: #fff;
    cursor: default;
}
.pagination a{
   background-color: #EFF2F7;
    border: 1px solid #EFF2F7;
    line-height: 1.42857;
    margin-left: 1px;
    padding: 6px 12px;
    position: relative;
    text-decoration: none;
}
.pagination a:hover{

}
._inline > div {
    display: inline;
    padding-right: 20px;
}
._more p {
    margin-bottom: 10px;
}

._more ol {
    margin-bottom: 30px;
    padding-left: 30px;
    font-size: 14px;
    font-weight: 800;
}
._more {
    margin-top: 30px;
    color: #555;
}
._more h2 {
    font-size: 25px;
    font-weight: 800;
    color: #555;
}
._register-head {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #555;
}
._custom-box > legend {
    width: max-content;
    padding: 0 20px;
    border-bottom: 0;
    text-align: left;
}

._custom-box {
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 30px;
}
.-child-u12 {
    margin: 0;
}
.-child-u12 > legend {
    margin: 0;
}
.-child-u12 ._inline {
    margin: 0;
}
.-child-u12 span {
    color: red;
    border-bottom: 1px solid;
}
._info {
    font-style: italic;
    color: red;
    border-bottom: 1px dotted;
    margin-bottom: 10px !important;
}
.invalid-tooltip{
  margin-top: -40px;
}
.modal{
  font-size: 11px;
}
@media screen and (min-width: 769px),print {
   .modal-content{
      /* margin: 0 auto; */
      max-height: calc(100vh - 40px);
      width: 702px;
  }
}
.modal-detail{
  overflow: auto;
}
.bg-blue{
  background-color: #4D5F3A;
  color: #FFF;
}
.btn-secondary{
      background-color: #FFF;
    color: black;
}
.invalid-tooltip{
  margin-top: -40px;
}
body,span,h1,h2,h3,h4,div{
   font-family: 'Kanit', sans-serif !important;
}
.banner-home {
     background-image: url(../images/bg.png) !important; 
    background-repeat: no-repeat !important;
    background-size: cover !important;
    padding: 2rem !important;
    padding-top: 2rem !important;
    min-height: 220px;
    text-align: center;
    font-family: 'Kanit', sans-serif;
}
.title:not(:last-child), .subtitle:not(:last-child) {
    margin-bottom: 1.5rem;
}
.title{
  color: #FFFF;
  font-size: 2.2rem;
}
.title-sub{
    color: #c0ff00;
    font-size: 1.50rem;
    font-weight: 400;
    line-height: 1.25;
}
.title-sub:not(:last-child), .subtitle:not(:last-child) {
    margin-bottom: 1.2rem;
}
.dee-header {
 background-color: #FFFF;
 /* border-top: 5px solid #4D5F3A; */
}
.dee-header img{
  max-height: 70px;
  width: auto;
}
.dee-header .nav-item a{
  font-family: 'Kanit', sans-serif;
  color: #203C61;
  font-size: 14px;
}
.dee-header .nav-item > a:hover{ color: #4D5F3A; }
   ._footer {
        padding: 3em 0;
    }
    ._foot-menu > li:last-child:after {
        content: unset;
    }
    ._foot-menu > li:after {
        position: absolute;
        content: "";
        width: 1px;
        height: 13px;
        right: -2px;
        background-color: #777;
        top: 8px;
    }
    ._foot-menu > li:first-child {
        padding-left: 0;
    }

    ._foot-menu > li {
        display: inline-block;
        padding: 0 4px 0 2px;
        position: relative;
    }
    ._foot-menu {
        padding: 0;
        margin-bottom: 20px;
        list-style: none;
        text-align: left;
    }
    ._footer a, ._footer {
        font-family: kanit;
        color: #FFF;
    }
    ._foot-menu a {
        color: #c5141c !important;
        font-size: 13px;
    }
    ._foot-contact {
        text-align: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    ._foot-contact > li:first-child i {
        font-size: 13px;
        padding-top: unset;
    }
    ._foot-contact i {
        vertical-align: middle;
        padding-top: 3px;
    }
    ._right h3 > span {
        font-size: 18px;
    }
    ._right h3 {
        color: #555;
        font-size: 25px;
    }
    ._right {
        text-align: right;
    }
    ._right p {
        font-size: 14px;
    }
    ._footer > .row {
        align-items: center;
    }
    ._foot-contact a {
        font-size: 14px;
        padding-right: 5px;
    }
    ._left {
        padding-left: 0;
    }
    ._right {
        padding-right: 0;
    }
    ._footer > .container {
        margin-bottom: 0;
    }
    @media (max-width:992px){
      ._footer {
          padding: 1em 15px;
      }
      ._foot-menu {
          margin-bottom: 10px;
          text-align: center;
      }
      ._foot-contact {
          text-align: center;
          margin-bottom: 30px;
      }
      ._left, ._right {
          padding: 0;
      }
      ._right {
          text-align: center;
      }
      ._right h3 {
          font-size: 20px;
      }
      ._right p {
          font-size: 13px;
      }
      ._foot-contact a {
          font-size: 13px;
      }
}
.last-footer{
  height: 35px;
  color: #FFF;
  /* background-color: #67070700; */
  background: #203C61;
  line-height: 2;
}
.error{
  color: red !important;
  font-weight: bold !important;
}
.form-horizontal{ font-family: 'Kanit', sans-serif; }
.hr-head{ border-bottom: 1px solid #e5e5e5; }
.clearfix{
  clear: both;
}
.form-control {
  border-radius: 13px;
}
label {
  /* display: inline-block !important; */
  max-width: 100% !important;
  margin-bottom: 5px !important;
  font-size: 16px;
  color: #3a3e4e;
  font-weight: bold;
}
.form-group select{    
  font-size: 14px;
  color: #777;
}

.row-margin{ margin-bottom: 35px; }
.fileimage{
  border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
}
.bootstrap-filestyle{ height: 38px; }

body{ background-color:#f7f7f7; }
.container{  /* margin-bottom: 35px; */}
.ganesh-box,
.form-horizontal{ 
  background: #ffffff;
  padding:15px;
}
.fakeimg {
  height: 200px;
  background: #aaa;
}
.nav-right{
  margin-left: auto;
  margin-right: 0;
}
.navbar-dark .navbar-nav .nav-link { 
  color: #333; 
  font-family: 'Kanit', sans-serif;
}
.navbar-brand{
  color: #000 !important;
  font-weight: 800;
  font-size: 26px;
  font-family: 'Kanit', sans-serif;
}
._page-title{
  font-family: 'Kanit', sans-serif;
    font-weight: 600; 
  text-align:center;
  margin-bottom: 15px;
  line-height: 3;
}
._btnNext{
  background-color: #203C61;
    border: none;
    font-size: 16px;
}
._btnNext:hover{
  background-color: #0c658a;
  color:#FFFF;
}
._btnBack{
    background: #f1f1f1;
    border: 0!important;
    font-size: 16px;
    color: #333;
    line-height: 1.5;
    border-radius: 5px !important;
    -webkit-appearance: unset !important;
}
._btnBack:hover{
    background: #ccc;
}
._mainweb{
    background-color: #c7bfbf1f;
    /*background-color: #f1f1f11f;*/
    border-radius: 5px;
    padding: 0.5rem 1rem;
    margin-left: 7px;
}
._footer {
    padding: 3em 0 3px 0 !important;
}
._footer p{ margin-bottom: 0px; }
._footer h3{ 
    font-family: 'Kanit', sans-serif;
    font-weight: 600;
}
.group_register .form-group , .group_register-st2 .form-group{ margin-bottom: 0; }
.st2-group-payment{
    margin-top: 31px;
    border: 1px dashed #F7868B;
    background-color: #FFFF;
    padding: 12px;
    border-radius: 8px;
}
.st2-group-payment .table th, .st2-group-payment .table td { padding: 5px; }
.report-table table{
    font-family: sans-serif;
    font-size: 13.5px;
}
.report-table{ position:relative; }
.table-msg-scroll{
    position: absolute;
    top: 49px;
}
.table-msg-scroll{
    float: left;
    font-size: 12px;
    color: #777;
    font-family: sans-serif;
}
.table-msg-scroll i{ color: #c5141b; }
.dee-home .ganesh-box{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
   /* padding-top: 35px; */
}
.dee-home .herobanner img{ 
    width: 100%; 
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.dee-home .ganesh-box img{ 
    width: auto; height: auto; 
}
.dee-home .dee-row{
   /*  margin-top: 60px; */
   /* margin-bottom: 35px; */
}
.dee-home .dee-heading{
    border-left: 5px solid #ff6500;
    padding-left: 15px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
}
.dee-home .dee-heading > h2{
    font-weight: bold;
    font-size: 26px;
    font-family: Kanit;
    line-height: 43px;
    margin-bottom: 0;
}
.dee-home .footbanner img{
    width: 100%;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}
.home-menu ul{ list-style: none; text-align: center; padding: 0;}
.home-menu li{ display: inline-block; }
.home-menu a{
    background-color: #f1f1f1;
    color: #555;
    padding: 10px 26px;
    border-radius: 25px;
    font-family: Kanit;
}
.home-menu{ margin-bottom: 2em; }
.home-menu .nav-group{   margin-left: 8px;     margin-right: 4px; }
.home-menu .nav-payment{ margin-left: 4px;     margin-right: 8px; }
.home-menu .nav-personal a{
    background-color: #ff6500;
    color: #ffffff;
}
.home-menu a:hover{  
    text-decoration: unset; 
    background-color: #203C61;
    color: #ffffff;
}
._foot-contact .fa-line{ color: #39b54a; }
._foot-contact{ color: #2B313B !important; 
}
.child-note span{
    color: red;
    font-size: 13px;
    font-family: sans-serif;
    border: 1.3px dashed #c5141b;
    border-radius: 3px;
    padding: 3px 32px;
}
._copyright{  padding-top: 2em; }
._copyright p{ font-size: 14px; }
._copyright a{ color: red !important; }
table.runner-list thead th{
  font-family: 'Kanit', sans-serif;
    color: #777;
    font-size: 14px;
    font-weight: 300;
        border-bottom: 2px solid #ff6500;
}
table.runner-list tbody td{
    font-family: 'Kanit', sans-serif;
    color: #333;
}
.donate h2:last-child {
    margin: 0;
}
.donate h2 {
    font-weight: 800;
    font-family: kanit;
    color: #333;
}
.donate {
    padding: 30px;
    background-color: #fafafa;
    border: 1px dashed #ff6500;
}
.donate strong {
    color: #ff6500;
    border-bottom: 1px solid;
}


/*** For RESPONSIVE ***/ 
@media (min-width: 1200px){
 /* .container{ max-width: 1000px; } */
 .shipping-dee-box .timeline-trace .shipping-box .shipping-time {
   /* font-family: Roboto-Medium; */

    min-width: 115px;
}

  .form-horizontal{ 
    padding: 30px; 
    margin-left: 80px;
    margin-right: 80px;

  }
  .container {
   /* max-width: 1952px !important; */
    max-width: 1000px;
   }
   .panel {
    background-color: #FFFF;
    min-height: 200px;
    width: 100%;
    margin: 34px 111px 58px 111px !important;
    padding: 20px;

   }

}
@media(max-width:1024px){
  .home-menu a{
    font-size: 14px;
    padding: 8px 14px;
  }
}
@media(max-width:992px){
  .report-table .dataTables_wrapper .col-md-6:nth-child(2){
        margin-bottom: 15px;
  }
  .table-msg-scroll{ top: 65px; }
  .navbar-brand{  font-size: 16px; }
  .dee-header .container{ margin-bottom: 0px; }
}
@media(max-width:768px){
  .home-menu a{
    font-size: 11px;
    padding: 6px 10px;
  }
  .panel {
    background-color: #FFFF;
    min-height: 400px;
    width: 100%;
    padding: 20px;
    margin: 23px;
   }
}
@media(max-width:425px){
  .home-menu li{ margin-bottom: 14px; }
  .home-menu{ margin-bottom: 8px; }
}

.shipping-dee-box {
    margin-top: 30px;
}

  .shipping-dee-box .timeline-trace .shipping-box {
    display: flex;
}
li, ol, ul {
    list-style: none;
}
.shipping-dee-box .timeline-trace .shipping-box .shipping-time {
   /* font-family: Roboto-Medium; */
    font-size: 12px;
    color: #333;
    white-space: nowrap;
    margin-top: 3px;
    /* min-width: 115px; */
    text-align: right;
}
.shipping-dee-box .timeline-trace .shipping-box .shipping-icon {
    position: relative;
    width: 1px;
    background: #dfdfdf;
    margin: 0 40px;
    top: 3px;
}

.shipping-dee-box .timeline-trace .shipping-box .shipping-icon .header-img {
    max-width: 20px;
    max-height: 20px;
    position: absolute;
    margin-left: 50%;
    transform: translateX(-50%);
}
img {
    border-style: none;
}
.shipping-dee-box .timeline-trace .shipping-box .shipping-info {
    font-family: Roboto-Regular;
    color: #333;
    margin-bottom: 20px;
}
.shipping-dee-box .timeline-trace .shipping-box .shipping-info .shipping-info-title {
    font-size: 14px;
    line-height: 16px;
    text-align: left;
}
.shipping-dee-box .timeline-trace .shipping-box .shipping-info .shipping-info-desc {
    font-size: 12px;
    line-height: 14px;
    text-align: left;

}