@charset "utf-8";

/*!
 * Copyright 2020 ASW.
 */

#main-latest-4030.card { overflow: hidden; border: none; /*position: absolute; top: 0; left: 0; bottom: 0; right: 0;*/ width: 100%; height: 100%; background: transparent; }
#main-latest-4030.card .card-body { padding: 0; }
#main-latest-4030.card .card-title { position: relative; margin-bottom: 0.25rem; padding-top: 0; }
#main-latest-4030.card .card-title a { display: inline-block; width: 100%; }
#main-latest-4030.card .card-title a.title-btn { font-weight: 700; color: #484849; }
#main-latest-4030.card .card-title a.more-btn { position: absolute; top: 25%; right: 0; font-size: 1rem; font-weight: 400; color: #a3a3a4; }

#main-latest-4030.card .list-group { list-style: none; }

#main-latest-4030.card .list-group-item { padding: /*0.5rem 0*/0; border: 1px dashed #dadce0; border-left: none; border-right: none; }
#main-latest-4030.card .list-group-item a { display: block; padding-right: /*60*/0px; font-size: 14px; font-weight: 300; color: #565656; line-height: 2rem; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*#main-latest-4030.card .list-group-item a:before { display: inline-block; margin-right: 6px; width: 4px; height: 4px; background: #ffcc00; vertical-align: middle; content: ""; }*/
#main-latest-4030.card .list-group-item a:before { display: none; }
#main-latest-4030.card .list-group-item a span.date { position: absolute; right: 0; font-weight: 300; color: #a9b2b8; }
#main-latest-4030.card .list-group-item:first-child { border-top: none; }

#main-latest-4030.card .list-group-item.none { border-color: transparent; }
#main-latest-4030.card .list-group-item.none a:before { background: transparent; }

#main-latest-4030.card .list-group-flush:last-child .list-group-item:last-child { border-bottom: 0px dashed #dadce0; }
#main-latest-4030.card .list-group-flush:last-child .list-group-item:nth-child(2) { border-bottom: none; }

#main-latest-4030.card .list-group-bnr {}
#main-latest-4030.card .list-group-bnr a { display: block; background: url('/theme/bootstrap4/img/main/bnr-notice-bg.jpg') no-repeat; background-size: cover; background-position: 50% 50%; }
#main-latest-4030.card .list-group-bnr a img { max-width: 100%; }

/* custom */
#main-latest-4030.card .list-group { height: 100%; }
#main-latest-4030.card .list-group-item { height: 100%; }
#main-latest-4030.card .list-group-item a { height: 100%; }
#main-latest-4030.card .list-group-item.none { padding: 1.5rem 0; }
.menu-table { height: 100%; }
.menu-table .menu-table-row { display: flex; flex-wrap: nowrap; width: 100%; height: 100%; max-height: 33.333333%; }
.menu-table .menu-table-row .menu-table-col { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 1rem; width: 100%; border-top: 1px solid #ebedf0; border-left: 1px solid #ebedf0; }
.menu-table .menu-table-row .menu-table-col .val { line-height: 1.25rem; width: 100%; height: auto; max-height: 2.5rem; overflow: hidden; text-overflow: ellipsis; word-break: break-word; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.menu-table .menu-table-row .menu-table-col .val:nth-child(2) { padding-top: 0.5rem; }
.menu-table .menu-table-row:nth-child(1) .menu-table-col { border-top: none; }
.menu-table .menu-table-row .menu-table-col:nth-child(1) { justify-content: center; padding: 0; width: 20%; min-width: 70px; border-left: none; font-weight: 500; }



/* Responsive */
@media (min-width: 320px) {
	#main-latest-4030.card .card-title a.title-btn { font-size: 1.1rem; }
	#main-latest-4030.card .list-group-bnr a img { max-width: 90%; }
}

@media (min-width: 360px) {
	#main-latest-4030.card .card { overflow: visible; }
	#main-latest-4030.card .card-title a.title-btn { font-size: 1.075rem; }
	#main-latest-4030.card .list-group-bnr a img { max-width: 100%; }
}

@media (min-width: 576px) {
	#main-latest-4030.card .card-title { margin-bottom: 0.5rem; }
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
	#main-latest-4030.card .card-title { padding-top: 0.5rem; }
	#main-latest-4030.card .card-title a.more-btn { font-size: 0.85rem; }
	#main-latest-4030.card .list-group-item a { font-size: .925rem; }
}