strong { font-weight: 400; }


/*สี hilight*/
.c1 { color: var(--primary); }
.c2 { color: var(--secondary);  }
.c3 { color: var(--accent);  }

.marquee-text-effect {
    display: inline-flex !important;
    overflow: hidden;
}
@keyframes marquee-text-effect {
    0% { transform:translateX(0%);}
    100% { transform:translateX(-100%);}
}
.marquee-text-effect .content-text {
    display: inline-flex;
    justify-content: space-around;
}
.marquee-text-effect .content-text > * {
    display: inline-block;
    padding: 0 10px;
    white-space: nowrap;
}

.line .headline-wrapper { display: flex; align-items: center; width: 100%; }
.line .headline-wrapper::before,
.line .headline-wrapper::after { content: ''; flex: 1; border-top: 1px solid var(--secondary); }
.line .headline-wrapper::before { margin-right: 1rem; }
.line .headline-wrapper::after { margin-left: 1rem; }
.line .headline-wrapper > * { margin: 0; }

.line .intro-post-title-wrapper { display: flex !important; align-items: center; width: 100% ; }
.line .intro-post-title-wrapper::before,
.line .intro-post-title-wrapper::after { content: ''; flex: 1; border-top: 1px solid var(--secondary); }
.line .intro-post-title-wrapper::before { margin-right: 3rem; }
.line .intro-post-title-wrapper::after { margin-left: 3rem; }
.line .intro-post-title-wrapper > * { margin: 0 !important; 
 }


ul.person { padding: 0 5%; } 
ul.person li { display: inline-block; list-style: none; margin: 0; padding: 0; } 
ul.person li:nth-child(odd) { width: 30%; margin: 0; padding: 0;}
ul.person li:nth-child(even) { width: 40%; margin: 0; padding: 0; }


table {  width: 100%;  border: 1px solid #dfdfdf; border-collapse: collapse; }
table th {  color: #000; padding: 10px 0; font-size: 120%; font-weight: 400; background: #FFF;  border: 1px solid #dfdfdf;  }
table tr { display: table-row; vertical-align: inherit; border-color: inherit; }
table tr:nth-child(even) { background: #fff; }
table tr:nth-child(odd) { background: #f2f2f2; }
table td { line-height:20px; padding:10px; color:#666; border: 1px solid #dfdfdf; }
table tr td p, table tr th { text-align: center !important; }

table.cost { margin: 50px 0; }
table.cost tr:nth-child(even), table.cost tr:nth-child(odd) { background: fff; }
table.cost td:nth-child(1) { background: #f2f2f2; }
table.cost td:nth-child(2), table.cost th:nth-child(1) { background: #fff; }
table.cost td:nth-child(3), table.cost th:nth-child(2)  { background: #fafafa; }
table.cost td:nth-child(4), table.cost th:nth-child(3)  { background: #f2f2f2; }
table.cost td:nth-child(5), table.cost th:nth-child(4)  { background: #f0f0f0; }
table.cost th small { font-size: 60%; font-weight: 100; }

.reason { display: grid; grid-template-columns: repeat(3, 30vw); justify-content: center; 
  row-gap: 2rem; column-gap: 2vw;  }
.reason .box { padding: 1rem 5vw; }
.reason .box:first-child { grid-column: 2;}
.reason .box:nth-child(2) { grid-column: 1;}
.reason .box .number { margin: 0 auto; background: var(--secondary); color: var(--title-inverse); width: 2rem; height: 2rem; border-radius: 50%; padding: 2rem; font-size: 3rem; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.reason .box .txt { padding: 0; text-align: left;}
.reason .box .txt h4 { margin: 1rem auto; padding: 0; color: var(--secondary); }

.project-info .ba-field-label { width: 10rem; }
.ba-blog-post-field-title { width: 10rem ; }
.ba-blog-post-field-value { text-align: left !important;}
.ba-blog-post-field-checkbox-value { justify-content: flex-start !important;}