#content .tbl-service-fee {}
#content .tbl-service-fee thead {}
#content .tbl-service-fee thead tr {}
#content .tbl-service-fee thead tr th { border-top: 1px solid #aaa; }
#content .tbl-service-fee tbody {}
#content .tbl-service-fee tbody tr {}
#content .tbl-service-fee tbody tr:nth-child(even) td { background-color: #fff; }
#content .tbl-service-fee tbody tr td { color: #333; font-size: 90%; }

.tbl-service-fee-wrapper .dt-input { max-width: 200px; }


/* */
.mtsc_breadcrumb { position: relative; font-size: 90%; }
.mtsc_breadcrumb_inner { padding: 5px 10px;  position: relative; top: 0; left: 0; width: 100%; z-index: 999; color: #aaa; background-color: #2D3556; }
.mtsc_breadcrumb_inner span { color: #fff; }


.the_procurement_card { display: flex; flex-wrap: wrap; }
.the_procurement_card .card { padding: 15px 7.5px; width: 33.33%; }
.the_procurement_card .card img { width: 100%; border: 1px solid #3B71B8; border-radius: 4px; }
.the_procurement_card .card .card-footer p small { padding-top: 15px; font-size: 100%; }

.page-id-513 .order-md-last { font-family: "Sarabun", sans-serif; font-weight: 400; font-style: normal; font-size: 90%; }
.page-id-513 .order-md-last img { margin-bottom: 15px; width: 100%; border: 1px solid #ddd; border-radius: 4px; }
.page-id-513 .order-md-last .card-footer { margin-top: 15px; }
.page-id-513 .order-md-last .fb-share-button, 
.page-id-513 .order-md-last .twitter-share-button { display: none; border: 1px solid red; }

@media only screen and (max-width: 767px) {
    .the_procurement_card .card { width: 100%; }
}

.mtsc-test-wrapper > div,
.mtsc-test-wrapper > div h1 { text-align: center; }

.mtsc-test-wrapper .mtsc-test-l1,
.mtsc-test-wrapper .mtsc-test-l2,
.mtsc-test-wrapper .mtsc-test-l3,
.mtsc-test-wrapper .mtsc-test-l4,
.mtsc-test-wrapper .mtsc-test-l5 { display: none; text-align: center; }


.box-text-bottom .box-text { padding: 15px 15px 20px; }

/**
 * sub navigation
 */
.parent-pageid-20 #content .subnav-section .nav-wrapper li:nth-child(5),
.parent-pageid-20 #content .subnav-section .nav-wrapper li:nth-child(6),
.parent-pageid-20 #content .subnav-section .nav-wrapper li:nth-child(7),
.parent-pageid-20 #content .subnav-section .nav-wrapper li:nth-child(8){ display: none; }
#content .subnav-section .nav-wrapper { padding: 0; background: none; }
#content .subnav-section .nav-wrapper li { margin-left: 7px; }
#content .subnav-section .nav-wrapper .active { background-color: #014173; border-radius: 5px;  }
#content .subnav-section .nav-wrapper .active a { padding-left: 15px; padding-right: 15px; color: #fff; }
@media only screen and (max-width: 767px) {
    #content .subnav-section .nav-wrapper li:first-child { margin-left: 14px !important; }
    #content .subnav-section .nav-wrapper li { margin: 0 14px; width: 100%; text-align: center; background-color: rgba(255,255,255,.7); border: 1px solid #eee; }

    .nav-product-cat {display: flex;flex-direction: column;flex-wrap: nowrap;}
    #content .nav-wrapper .nav-product-cat li { margin: 0; padding: 0; width: 100%; text-align: center; border-bottom: 1px solid #dedede; }
    #content .nav-wrapper .nav-product-cat li:last-child { border-bottom: 0; }
}

h1.section-title-normal span { font-size: 120%; }

.page-id-79 .box .post-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }


/**
 * DataTable 
 **/
.tbl-service-fee th:nth-child(1),
.tbl-service-fee td:nth-child(1),
.tbl-service-fee th:nth-child(6),
.tbl-service-fee td:nth-child(6){ _white-space: nowrap; }

.tbl-service-fee td:nth-child(5){  }

.tbl-service-fee-wrapper { overflow: hidden; }
.tbl-service-fee-wrapper .category-filter { max-width: 400px; }
.tbl-service-fee-wrapper table { border-left: 1px solid #bbb; border-right: 1px solid #bbb; }

.tbl-service-fee-wrapper .dt-length { display: flex; }
.tbl-service-fee-wrapper .dt-search { display: flex;justify-content: flex-end;}
.tbl-service-fee-wrapper .dt-length label,
.tbl-service-fee-wrapper .dt-search label { padding-left: 15px; padding-right: 15px; line-height: 2.2em; }

/* @media only screen and (max-width: 767px) { */
    .tbl-service-fee-wrapper table.dataTable ul { margin: 0 0 15px !important; }
    .tbl-service-fee-wrapper table.dataTable ul li { margin: 0 !important; padding: 2px 0 !important; font-size: 100% !important; }
/* } */


#content .box.product-small  .title-wrapper .category { font-size: 80%; }


.wpcf7-form .row .col { padding-bottom: 0; }
.wpcf7-form .row .col:nth-child(4) p { text-align: right; }
.wpcf7-form .row .col .wpcf7-submit { margin-right: 0; }
.wpcf7-form .row .col:nth-child(4) p .wpcf7-spinner { display: none; }


.img.border img { border: 1px solid #ddd; }


.profile-row img { border: 3px solid #eee; }
.profile-row h3 { margin-bottom: 20px; color: #014173; line-height: 1.2em;  }
.profile-row h3 em { color: #333; font-style: normal; font-size: 80%; }


.dlm-downloads { margin: 0; padding: 0; list-style: none; }
.dlm-downloads li { padding: 2px 0; display: flex; flex-wrap: nowrap; }
.col-inner .dlm-downloads li { margin: 0;  }
#content .dlm-downloads li { font-size: 100%; }
.dlm-downloads li div { padding: 7px 15px; border: 1px solid #ddd; border-right: 0; }
.dlm-downloads li:nth-child(odd) div { background-color: #83aed0; }
.dlm-downloads .dlm_download_date { width: 180px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.dlm-downloads .dlm_download_description { width: 100%; }
.dlm-downloads .dlm_download_link { width: 250px; text-align: center; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right: 1px solid #ddd; }


.header-main .nav.nav-left li:hover ul li:hover a { color: #fff; background-color: #014173; }

.page-id-87 table.tbl-service-fee tr:nth-child(odd) td{ background-color: rgba(131, 174, 208, .7); }