body {
     font-family: 'Prompt', sans-serif;
 }

 p {
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

 a {
     text-decoration: none;
 }

 div.t {
     text-decoration: none;
     text-overflow: ellipsis;
     /* เพิ่ม ... จุดจุดจุดท้ายสุด */
     display: block;
     overflow: hidden;
     white-space: nowrap;
     width: 700px;
     /* กำหนดความกว้าง */
 }

 div.ts {
     text-decoration: none;
     text-overflow: ellipsis;
     /* เพิ่ม ... จุดจุดจุดท้ายสุด */
     display: block;
     overflow: hidden;
     white-space: nowrap;
     width: 800px;
     /* กำหนดความกว้าง */
 }

 div.ellipsis {
     display: -webkit-box;
     max-width: 400px;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
 }
 

 a {
     text-decoration: none;
 }
/* P */
.g-py-60 {
    padding-top: 4.28571rem !important;
    padding-bottom: 4.28571rem !important;
}

.g-py-20 {
    padding-top: 1.42857rem !important;
    padding-bottom: 1.42857rem !important;
}
 .g-mb-2 {
     margin-bottom: 0.14286rem !important;
 }

.g-color-white-opacity-0_8 {
    color: rgba(255, 255, 255, 0.8) !important;
}

.g-bg-black-opacity-0_9 {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.g-bg-gray-dark-v1 {
    background-color: #111 !important;
}


.g-brd-white-opacity-0_3 {
    border-color: rgba(255, 255, 255, 0.3) !important;
}

.g-brd-primary {
    border-color:#198754 !important;
}

/* Main Secondary */
.g-bg-secondary {
    background-color: #fafafa !important;
}

[class*="u-heading-v3-"] {
    border-bottom: 1px dotted #ccc;
}

.u-btn-primary {
    color: #fff;
   
}

.u-btn-primary:hover,
.u-btn-primary.active {
    border-color: #8cd54a;
color: #8cd54a;
}

.u-btn-primary:hover,
.u-btn-primary:focus,
.u-btn-primary.active {
color: #8cd54a;
}

.u-btn-primary.g-btn-hover-reset:hover,
.u-btn-primary.g-btn-hover-reset.active {
color: #8cd54a;
}



/*------------------------------------
  Heading-v2
------------------------------------*/
.u-heading-v2-1--bottom::after,
.u-heading-v2-1--top::before,
.u-heading-v2-2--bottom::after,
.u-heading-v2-2--top::before,
.u-heading-v2-3--bottom::after,
.u-heading-v2-3--top::before,
.u-heading-v2-4--bottom::after,
.u-heading-v2-4--top::before,
.u-heading-v2-5--bottom::after,
.u-heading-v2-5--top::before,
.u-heading-v2-6--bottom::after,
.u-heading-v2-6--top::before,
.u-heading-v2-7--bottom::after,
.u-heading-v2-7--top::before {
    content: "";
    display: inline-block;
    border-top-style: solid;
    border-color: inherit;
}

/*------------------------------------
  Heading-v2-1
------------------------------------*/
.u-heading-v2-1--bottom::after,
.u-heading-v2-1--top::before {
    width: 3.14286rem;
    border-top-width: 2px;
}

.u-heading-v2-1--bottom::after {
    margin-top: 1.78571rem;
}

.u-heading-v2-1--top::before {
    margin-bottom: 1.78571rem;
}

/*------------------------------------
  Heading-v2-2
------------------------------------*/
.u-heading-v2-2--bottom::after,
.u-heading-v2-2--top::before {
    width: 2.71429rem;
    border-top-width: 5px;
}

.u-heading-v2-2--bottom::after {
    margin-top: 1.78571rem;
}

.u-heading-v2-2--top::before {
    margin-bottom: 1.78571rem;
}

/*------------------------------------
  Heading-v2-3
------------------------------------*/
.u-heading-v2-3--bottom::after,
.u-heading-v2-3--top::before {
    width: 5rem;
    border-top-width: 1px;
}

.u-heading-v2-3--bottom::after {
    margin-top: 1.07143rem;
}

.u-heading-v2-3--top::before {
    margin-bottom: 1.07143rem;
}

/*------------------------------------
  Heading-v2-4
------------------------------------*/
.u-heading-v2-4--bottom::after,
.u-heading-v2-4--top::before {
    width: 5rem;
    border-top-width: 10px;
}

.u-heading-v2-4--bottom::after {
    margin-top: 2.14286rem;
}

.u-heading-v2-4--top::before {
    margin-bottom: 2.14286rem;
}

/*------------------------------------
  Heading-v2-5
------------------------------------*/
.u-heading-v2-5--bottom::after,
.u-heading-v2-5--top::before {
    width: 5rem;
    border-top-width: 2px;
}

.u-heading-v2-5--bottom::after {
    margin-top: 1.42857rem;
}

.u-heading-v2-5--top::before {
    margin-bottom: 1.42857rem;
}

/*------------------------------------
  Heading-v2-6
------------------------------------*/
.u-heading-v2-6--bottom::after,
.u-heading-v2-6--top::before {
    width: 2.14286rem;
    border-top-width: 1px;
}

.u-heading-v2-6--bottom::after {
    margin-top: 0.71429rem;
}

.u-heading-v2-6--top::before {
    margin-bottom: 0.71429rem;
}

/*------------------------------------
  Heading-v2-7
------------------------------------*/
.u-heading-v2-7--bottom::after,
.u-heading-v2-7--top::before {
    width: 12rem;
    border-top-width: 10px;
}

.u-heading-v2-7--bottom::after {
    margin-top: 2.85714rem;
}

.u-heading-v2-7--top::before {
    margin-bottom: 2.85714rem;
}

/*------------------------------------
  Heading-v3
------------------------------------*/
[class*="u-heading-v3-"] {
    border-bottom: 1px dotted #ccc;
}

.u-heading-v3__title {
    position: relative;
    top: 1px;
    display: inline-block;
    margin: 0;
    padding-bottom: 0.71429rem;
    border-bottom: 1px solid #555;
}

/*------------------------------------
  Heading-v4
------------------------------------*/
[class*="u-heading-v4-"] {
    padding: 0.14286rem 0 0.21429rem 1.42857rem;
    border-left-width: 4px;
    border-left-style: solid;
    border-color: inherit;
}

[class*="u-heading-v4-"].text-right {
    padding: 0.14286rem 1.42857rem 0.21429rem 0;
    border-left-width: 0;
    border-right-width: 4px;
    border-right-style: solid;
}

/*------------------------------------
  Heading-v5
------------------------------------*/
.u-heading-v5__title {
    position: relative;
    display: inline-block;
    line-height: 1;
}

.u-heading-v5__title::before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 0.85714rem;
    height: 0.85714rem;
    background: #555;
}

.u-heading-v5-color-primary .u-heading-v5__title::before {
    background: #72c02c;
}

.u-heading-v5-color-gray-light-v2 .u-heading-v5__title::before {
    background: #ccc;
}

.u-heading-v5-color-white .u-heading-v5__title::before {
    background: #fff;
}

.u-heading-v5-rounded-50x .u-heading-v5__title::before {
    border-radius: 50%;
}