.content-outer > .breadcrumb-outer {grid-area: 1 / 1 / 2 / 3;margin-bottom: 16px;}
.content-outer > .content-header + .breadcrumb-outer {grid-area: 2 / 1 / 3 / 3;}
.breadcrumb-cnt {display: inline;width: 100%;}
.brc-item {float: left;width: auto;color: var(--txt5-c);font-weight: 400;line-height: 20px;font-size: 12px;}
.brc-item:after {content: '/';float: left;margin: 0 5px;pointer-events: none;font-weight: bold;}
.brc-item:last-child {color: var(--bkk-purple);font-weight: var(--fw-h);}
.brc-item:last-child:after {content: none;}
.brc-item a {color: inherit;float: left;font-weight: inherit;font-size: inherit;}
.brc-item a:focus,.brc-item a:focus-within,.brc-item a:hover {text-decoration: underline;}
@media screen and (max-width: 1320px) {.mw-1300:not([class*="pad"]).breadcrumb-inner {padding: 0;}
.content-outer.no-sidebar > .breadcrumb-outer,.content-outer.details-content > .breadcrumb-outer {padding-left: 20px;padding-right: 20px;}
.content-outer:not(.no-sidebar) > .breadcrumb-outer {padding-left: 0;padding-right: 0;}
}
@media screen and (max-width: 1300px) {.content-outer:not(.no-sidebar) > .breadcrumb-outer {padding-left: 0px;padding-right: 0px;}
}
.content-outer:not(.no-sidebar) {--left-w: 1300px;--right-w: 400px;display: grid;grid-template-columns: 1fr var(--right-w);grid-template-rows: minmax(min-content, max-content) 1fr;grid-column-gap: 40px;grid-row-gap: 0;padding-top: 40px;margin: 0 auto 50px;max-width: var(--left-w);width: 100%;float: none;align-items: start}
.content-outer:not(.no-sidebar) .content-inner {max-width: 100%;}
.content-right {max-width: var(--right-w);float: right;}
.sidebar-outer {position: relative;padding-top: 40px;background-color: var(--bg);}
.sidebar-inner {position: static;width: 100%;float: left;}
.sidebar-wrapper {display: flex;flex-direction: column;max-height: 100%;overflow-x: hidden;overflow-y: auto;padding-bottom: 25px;}
.sidebar-wrapper .sidebar-inner {position: relative;top: 0;}
.sidebar-box {}
.sidebar-header {display: none;align-items: center;justify-content: space-between;padding: 8px 10px;gap: 10px;}
.sidebar-title {font-size: 20px;font-weight: 700;}
.sidebar-close {--cbtn-pad-hor: 0;--cbtn-w: 30px;--cbtn-h: 30px;--cbtn-bg: transparent;--cbtn-bg-h: var(--bkk-purple);--cbtn-color: var(--txt-c);--cbtn-color-h: var(--txt2-c);--cbtn-border-c: transparent;}
.sidebar-close:hover,.sidebar-close:focus {--cbtn-icon-color: var(--txt2-c);}
a.sb-info-href {display: grid;grid-template-columns: 24px 1fr;grid-template-rows: 1fr;grid-column-gap: 10px;grid-row-gap: 0;width: 100%;margin: 20px 0;align-items: center;justify-items: start;border-radius: 20px 0 0 20px;}
a.sb-info-href i {font-size: 24px;color: var(--bg-purple);}
a.sb-info-href p {}
a.sb-info-href:hover p,a.sb-info-href:focus p {text-decoration: underline;}
.site-right:after,.news-list-sidebar:after,.newsc-right:after,.institution-right:after {content: '';position: absolute;top: 0;left: 100%;width: var(--sidecalc);background-color: #FFF;height: 40px;}
.sidebar-toggle {display: none;}
.bkkiside-divider {float: left;width: calc(100% + 60px);margin-left: -30px;height: 1px;opacity: 0.25;background-color: #FFF;margin-top: 20px;margin-bottom: 20px;}
.bkkiside-title {margin-bottom: 10px;float: left;width: 100%;}
.bkkiside-login-cnt label {float: left;width: 100%;font-size: 14px;font-weight: 600;margin-bottom: 2.5px;padding-left: 2.5px;}
.bkkiside-login-cnt input[type="text"],.bkkiside-login-cnt input[type="email"],.bkkiside-login-cnt input[type="password"] {background: #FFFFFF;border-radius: 3px;height: 40px;padding: 5px 10px;line-height: 40px;float: left;width: 100%;margin-bottom: 10px;font-style: italic;outline: none;border: 1px solid #DDD;}
.bkkiside-login-cnt button {float: left;width: 100%;color: #E5481D;border: 1px solid #FFF;border-radius: 8px;text-align: center;text-transform: uppercase;height: 50px;line-height: 45px;font-weight: bold;font-size: 14px;outline: none;cursor: pointer;transition: color var(--trans-def),background-color var(--trans-def);}
.bkkiside-login-cnt button:focus,.bkkiside-login-cnt button:hover {background-color: transparent;color: #FFF;}
.bkkiside-box {margin-bottom: 20px;float: left;width: 100%;}
.bkkiside-box .login-bottom-btn {float: left;width: 50%;text-align: center;font-size: 14px;font-weight: 700;}
.bkkiside-box .login-bottom-btn:focus,.bkkiside-box .login-bottom-btn:focus-within,.bkkiside-box .login-bottom-btn:hover {text-decoration: underline;}
.gray .bkkiside-login-cnt button {color: rgb(76, 14, 95);}
.gray .bkkiside-login-cnt button:focus,.gray .bkkiside-login-cnt button:hover {background-color: rgb(76, 14, 95);color: #FFF;}
.bkkiside-box.purple .login-bottom-btn {color: #FFF;}
.bkkiside-box.purple .login-bottom-btn:focus,.bkkiside-box.purple .login-bottom-btn:focus-within,.bkkiside-box.purple .login-bottom-btn:hover {color: #FFF;}
.rssbtn {position: absolute;top: 0;left: -30px;height: 30px;width: 30px;border-radius: var(--radius-m);text-align: center;-webkit-user-select: none;user-select: none;font-size: 30px;color: var(--bkk-purple);display: grid;justify-items: center;align-items: center;}
.rssbtn + .bkkiside-box {border-radius: 0 0 var(--radius-m) var(--radius-m);}
.sidebar-footer {position: sticky;min-height: 60px;background-color: var(--bg);bottom: 15px;margin-left: 7.5px;width: calc(100% - 15px);z-index: 1001;padding: 10px;border-radius: var(--radius-l);box-shadow: 0 -5px 30px -5px rgba(var(--bkk-purple-rgb), 0.3);display: flex;align-items: center;justify-content: center;}
.sidebar-footer {display: none;}
@media screen and (max-width: 1320px) {.content-outer:not(.no-sidebar) > .content-inner.mw-1300:not([class*="pad"]) {padding: 0;}
.content-outer:not(.no-sidebar) {padding: 20px;}
}
@media screen and (max-width: 1300px) {.site-right:after,.news-list-sidebar:after,.institution-right:after,.newsc-right:after {display: none;}
.content-header.noimg~.content-inner .news-list-sidebar,.content-header.noimg~.content-inner .newsc-right,.content-header.noimg~.content-inner .institution-right {top: 50px;}
}
@media screen and (max-width: 1023px) {.content-outer:not(.no-sidebar) {--right-w: 400px;grid-template-columns: 1fr;grid-template-rows: minmax(min-content, max-content) 1fr;grid-column-gap: 0;}
.sidebar-outer,.content-right,.site-right,.news-list-sidebar,.newsc-right,.institution-right {float: right;width: var(--right-w);position: fixed;top: 80px;right: calc(0px - var(--right-w));z-index: 99;max-height: calc(100vh - 60px);transition: right var(--trans-def);height: 100%;padding-top: 0;box-shadow: -10px 0 20px -15px var(--bkk-gray);}
.content-right {top: 80px;left: auto;width: var(--right-w);}
.content-header.small~.content-inner .site-right,.content-header.small~.content-inner .news-list-sidebar,.content-header.small~.content-inner .newsc-right,.content-header.small~.content-inner .institution-right {top: 300px;}
.content-header.pod-size~.content-inner .site-right,.content-header.pod-size~.content-inner .news-list-sidebar,.content-header.pod-size~.content-inner .newsc-right,.content-header.pod-size~.content-inner .institution-right {top: 500px;}
.content-right.open,.site-right.open,.news-list-sidebar.open,.newsc-right.open,.institution-right.open {right: 0;}
.site-right~.site-left,.news-list-sidebar~.news-list,.newsc-right~.newsc-left,.institution-right~.institution-left {width: 100%;padding: 0 10px;}
.sidebar-header {display: flex;}
.sidebar-wrapper {max-height: calc(100% - 46px);}
.sidebar-toggle {--sb-size: 50px;display: flex;align-items: center;justify-content: center;position: fixed;right: 0;bottom: 20px;width: var(--sb-size);height: var(--sb-size);color: var(--bkk-purple);background-color: var(--bg);padding: 0;border: none;text-align: center;font-size: 40px;border-radius: var(--radius-l) 0 0 var(--radius-l);z-index: 999;cursor: pointer;box-shadow: -10px 0 20px -10px var(--bkk-gray);transition: right var(--trans-def);}
.sidebar-toggle[aria-expanded="true"] {right: var(--right-w);}
.sidebar-toggle:before,.sidebar-toggle:after {content: '';pointer-events: none;width: 20px;position: absolute;height: 100%;background-color: transparent;box-shadow: 0 15px 0 0 var(--bg);z-index: 1;opacity: 1;}
.sidebar-toggle:before {right: -1px;bottom: 100%;border-bottom-right-radius: 20px;}
.sidebar-toggle:after {right: -1px;bottom: -50px;border-bottom-right-radius: 20px;transform: scaleY(-1);}
.sidebar-toggle > i {position: relative;z-index: 3;}
.sidebar-footer {display: flex;}
.sidebar-wrapper:has(+ .sidebar-footer) {padding-bottom: 120px;}
.content-right .bkkiside-box,.site-right .bkkiside-box,.news-list-sidebar .bkkiside-box,.newsc-right .bkkiside-box,.institution-right .bkkiside-box {padding: 15px;background-color: var(--bg);}
.rssbtn {position: absolute;top: -40px;left: auto;right: 0;padding: 0;float: left;border-radius: var(--radius-m) 0 0 var(--radius-m);background-color: var(--bg);width: 40px;height: 40px;}
.blog-rightside .rssbtn {right: 0;left: auto;top: 0;border-radius: 0 8px 0 8px;position: absolute;margin: 0;}
.blog-rightside .rssbtn img {width: 100%;height: 100%;object-fit: contain;object-position: center;margin-top: 12.5px;margin-left: 12.5px;max-width: 25px;max-height: 25px;}
.sidebar-outer .news-items-list {width: 100%;float: left;height: 100%;background-color: var(--bg);position: relative;z-index: 1000;}
.content-right .bkkiside-box,.site-right .bkkiside-box,.news-list-sidebar .bkkiside-box,.newsc-right .bkkiside-box,.institution-right .bkkiside-box {padding: 0 15px;margin-bottom: 0;}
}
@media screen and (max-width: 990px) {.bkkiside-box {width: 100%;border-radius: 8px !important;}
}
@media screen and (max-width: 950px) {.news-list-sidebar~.news-list .tileholder.tiles-3 .tile-wrapper {width: calc((100% / 3) - var(--flexitem-margin));}
}
@media screen and (max-width: 900px) {.content-header.pod-size,.content-header {height: 200px;}
.content-header.small {height: 150px;}
.content-header .content-title {font-size: 24px;}
.flex-wrap.items-2>div[class*="-item"].listview-item {width: calc(100% - var(--flexitem-margin));}
.content-header.small~.content-inner .site-right,.content-header.small~.content-inner .news-list-sidebar,.content-header.small~.content-inner .newsc-right,.content-header.small~.content-inner .institution-right {top: 150px;}
.content-header.pod-size~.content-inner .site-right,.content-header.pod-size~.content-inner .news-list-sidebar,.content-header.pod-size~.content-inner .newsc-right,.content-header.pod-size~.content-inner .institution-right {top: 200px;}
.news-list-sidebar~.news-list .tileholder.tiles-3 .tile-wrapper {width: calc((100% / 2) - 30px);}
.inforow .flex-wrap.items-5>div[class*="-item"] {width: calc((100% / 3) - var(--flexitem-margin));margin-bottom: 30px;}
}
@media screen and (max-width: 600px) {.news-list-sidebar~.news-list .tileholder.tiles-3 .tile-wrapper {width: 100%;margin: 0 auto !important;}
}
@media screen and (max-width: 500px) {.site-right,.news-list-sidebar,.institution-right,.newsc-right {width: 100%;right: -100%;}
.site-right.open,.news-list-sidebar.open,.institution-right.open,.newsc-right.open {width: 100%;max-height: calc(100% - 60px);overflow: auto;right: 0;overflow-x: visible;overflow-y: auto;}
}
@media screen and (max-width: 450px) {.sidebar-outer {--right-w: 100vw;}
.sidebar-toggle[aria-expanded="true"] {right: 0;z-index: 0;}
}
.news-content .buslike-column.buscol-item {margin-bottom: 80px;}
.buslike-list {float: left;width: 100%;padding-left: 0;}
.buslike-tiles {display: grid;grid-template-columns: repeat(var(--flex-col, 3), 1fr);grid-template-rows: repeat(1, auto);grid-gap: 30px;}
.buslike-item {position: relative;float: left;width: 100%;color: #000;}
.buslike-item:not(:last-child) {float: left;width: 100%;}
.buslike-item:not(:last-child) a {padding-bottom: 10px;padding-top: 2.5px;}
.buslike-dot,.buslike-dot:before,.buslike-line {content: '';position: absolute;}
.buslike-dot {width: 12px;height: 12px;border: 2px solid #000;border-radius: 50%;left: 0;top: 4.5px;pointer-events: none;}
.buslike-dot:before {width: 6px;height: 6px;border-radius: 50%;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.buslike-item.map-item .buslike-dot {border: none;top: 0;left: 0;}
.buslike-item.map-item .buslike-dot:before {font-family: 'BKK-Icon-Pack' !important;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e95a";font-size: 18px;width: 20px;height: 20px;text-align: center;}
.buslike-column .buslike-item.map-item:focus .buslike-dot:before,.buslike-column .buslike-item.map-item:focus-within .buslike-dot:before,.buslike-column .buslike-item.map-item:hover .buslike-dot:before,.buslike-column .buslike-item.map-item.active .buslike-dot:before {background-color: transparent;}
.buslike-item:not(:last-child) .buslike-line {top: 15px;left: 5px;width: 2px;height: calc(100% - 10px);background-color: #000;}
.buslike-item:focus .buslike-dot:before,.buslike-item:focus-within .buslike-dot:before,.buslike-item:hover .buslike-dot:before,.buslike-item.active .buslike-dot:before {background-color: #000;}
.buslike-item a {float: left;width: calc(100% - 12px);padding-left: 20px;color: inherit;font-size: 14px;font-weight: 600;}
.buslike-item:focus a,.buslike-item:focus-within a,.buslike-item:hover a {text-decoration: underline;}
.purple .buslike-item,.orange .buslike-item {color: #FFF;}
.purple .buslike-dot,.orange .buslike-dot {border-color: #FFF;}
.purple .buslike-item:hover .buslike-dot:before,.orange .buslike-item:hover .buslike-dot:before,.purple .buslike-item:focus .buslike-dot:before,.orange .buslike-item:focus .buslike-dot:before,.purple .buslike-item:focus-within .buslike-dot:before,.orange .buslike-item:focus-within .buslike-dot:before,.purple .buslike-line,.purple .buslike-item.active .buslike-dot:before,.orange .buslike-item.active .buslike-dot:before,.purple .buslike-line,.orange .buslike-line {background-color: #FFF !important;}
.gray .buslike-item {color: var(--bkk-purple);}
.gray .buslike-dot {border-color: var(--bkk-purple);}
.gray .buslike-item:hover .buslike-dot:before,.gray .buslike-item:focus .buslike-dot:before,.gray .buslike-item:focus-within .buslike-dot:before,.gray .buslike-item.active .buslike-dot:before,.gray .buslike-line {background-color: var(--bkk-purple) !important;}
.buslike-column {user-select: none;}
.buslike-imghead {position: relative;float: left;width: 100%;border-radius: var(--radius-m);}
.buslike-imghead img {object-fit: cover;object-position: center;width: 100%;height: 160px;float: left;border-radius: var(--radius-m);}
.buslike-imghead h3,.buslike-imghead h2,.buslike-imghead span {position: absolute;left: 0;bottom: 0;max-width: 90%;border-radius: 0 var(--radius-m) 0 0;font-weight: 700;font-size: 20px;padding: 10px 30px 5px 5px;background-color: #FFF;color: var(--bkk-purple);transition: color var(--trans-def),background-color var(--trans-def),padding var(--trans-def),border-radius var(--trans-def);}
.buslike-column .buslike-list {margin-top: 10px;}
.buslike-column .buslike-item .buslike-dot {border-color: var(--bkk-purple);width: 14px;height: 14px;top: 7.25px;}
.buslike-column .buslike-item {color: var(--bkk-purple);}
.buslike-column .buslike-item:hover .buslike-dot:before,.buslike-column .buslike-item:focus .buslike-dot:before,.buslike-column .buslike-item:focus-within .buslike-dot:before,.buslike-column .buslike-item.active .buslike-dot:before {background-color: var(--bkk-purple);}
.buslike-column .buslike-item:not(:last-child) .buslike-line {background-color: var(--bkk-purple);top: 19px;left: 6px;}
.buslike-column .buslike-item a {font-size: 16px;}
.buslike-item:not(:last-child) a {padding-top: 0.5px;}
.buslike-column.buscol-item > a {width: 100%;height: 100%;display: inline-block;outline: none;}
.buslike-column.buscol-item:focus-within .buslike-imgtitle,.buslike-column.buscol-item:focus .buslike-imgtitle,.buslike-column.buscol-item:hover .buslike-imgtitle,.buslike-column.buscol-item:focus-within .buslike-imghead span,.buslike-column.buscol-item:focus .buslike-imghead span,.buslike-column.buscol-item:hover .buslike-imghead span {background-color: var(--bkk-purple);color: #FFF;padding: 10px 30px 10px 10px;border-radius: 0 var(--radius-m) 0 var(--radius-m);}
@media screen and (max-width: 1300px) {.buslikeinfo-content {padding: 0 10px 40px;}
}
@media screen and (max-width: 992px) {.buslike-tiles.items-3 {--flex-col: 2;}
}
@media screen and (max-width: 900px) {.buslike-column {margin-bottom: 40px;}
}
@media screen and (max-width: 650px) {.buslike-tiles.items-3 {--flex-col: 1;}
}
:root {--sales-pink: 255, 91, 105;--sales-purple: 196, 85, 186;--sales-orange: 241, 137, 50;--sales-red: 193, 11, 37;--sales-red-ticket: 255, 60, 117;--txt-color: 0, 0, 0;--txt: var(--txt-c);--bg-purple: var(--bg4);--succ: #3cac61;--err: #b6544f;--alert: #E0CF0E;--info: #44B3D8;--rangeslidersize: calc(7 * 25px);--rangeslidersize2: calc(7 * 25px);--link: var(--bkk-purple);--hover: var(--bkk-purple);--font1: var(--font-family);--font2: var(--font-family);--textsize: var(--fs-body);--titlesize: var(--fs-h1);--color1: var(--bkk-purple);--color1h: #169c95;--color2: #B85252;--color3: #85519B;--color3h: #6e4680;--color4: #777777;--gradient: linear-gradient(135deg, var(--color3) 0%, #3CACAB 100%);--gradient-half: linear-gradient(135deg, rgba(133, 81, 155, 0.5) 0%, rgba(60, 172, 171, 0.5) 100%);--gradient-quarter: linear-gradient(135deg, rgba(133, 81, 155, 0.2) 0%, rgba(60, 172, 171, 0.2) 100%);--info-blue: var(--info-color);--info-red: var(--error-color);--info-green: var(--success-color);}
.newsc-left {float: left;width: 100%;}
.news-items-list {width: 100%;float: left;}
.nw-item {width: 100%;float: left;margin-bottom: 30px;}
.nwi-img {float: left;width: 100px;height: 70px;object-fit: cover;object-position: center;border-radius: var(--radius-s);}
.nwi-details {width: 100%;float: left;}
.nwi-img~.nwi-details {float: left;width: calc(100% - 100px);padding-left: 10px;}
.nwi-title {font-size: 15px;float: left;width: 100%;color: var(--bkk-purple);margin-bottom: 10px;}
.nwi-date {font-size: 12px;color: #767676;float: left;margin-right: 10px;font-weight: bold;}
.nwi-tag {font-size: 12px;font-weight: bold;color: var(--bkk-purple);float: left;text-transform: uppercase;}
.news-list {width: 100%;}
.site-left,.institution-left {float: left;width: 100%;}
.institution-item {border: 1px solid rgb(238, 239, 239);border-radius: var(--radius-m);background-color: rgb(246 247 247);padding: 30px 20px;margin-bottom: 30px;}
.institution-item h3,.institution-item .institution-title {color: var(--bkk-purple);font-weight: bold;margin-bottom: 20px;}
.institution-item span:not(:last-child) {padding-bottom: 5px;}
.institution-item i {color: var(--bkk-purple);font-size: 20px;width: 20px;height: 20px;float: left;}
.institution-item p {font-weight: 500;}
.institution-item a {color: var(--bkk-purple);font-weight: 600;}
.institution-item a:focus,.institution-item a:focus-within,.institution-item a:hover {text-decoration: underline;}
.institution-item i~a,.institution-item i~p {width: calc(100% - 20px);padding-left: 10px;}
.management-item {padding: 0 20px;}
.management-item a {padding: 40px 0;border-radius: var(--radius-m);box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);transition: background-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out;}
.management-item:focus a,.management-item:focus-within a,.management-item:hover a {background-color: rgb(238, 239, 239);box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.25)}
.mngmt-img {width: 185px;height: 185px;border: 2px solid var(--bkk-purple);border-radius: 50%;display: table;margin: 0 auto;}
.mngmt-img img {width: 100%;height: 100%;object-position: center;object-fit: cover;border: 2px solid #FFF;display: table;margin: 0 auto;border-radius: 50%;}
.mngmt-txt {float: left;width: 100%;}
.mngmt-txt h3,.mngmt-txt .mngmt-title {color: var(--bkk-purple);font-size: 20px;font-weight: bold;display: table;margin: 10px auto 0;text-align: center;}
.mngmt-txt p {font-size: 14px;color: rgb(142, 144, 148);display: table;margin: 0 auto;text-align: center;}
.aquisition-item {float: left;width: 100%;}
.aquisition-item .downloadables td {padding-bottom: 0;}
.aquisition-item .dwnl-title {white-space: initial;overflow: initial;text-overflow: initial;}
.aquisition-item .dwnl-leadimg {float: left;width: 100px;height: 70px;border-radius: var(--radius-m);display: inline-block;object-position: center;object-fit: cover;}
.aquisition-item .dwnl-leadimg~.dwnl-catdesc,.aquisition-item .dwnl-leadimg~.dl-title,.aquisition-item .dwnl-leadimg~h3 {width: calc(100% - 100px);padding-left: 10px;float: left;padding-right: 100px;}
.aquisition-item th {position: relative;}
.aquisition-item .dwnl-tag {float: right;background-color: #FFF;border-radius: var(--radius-s);text-transform: uppercase;color: var(--bkk-purple);font-size: 13px;border: 1px solid rgb(238, 239, 239);padding: 5px;}
.aquisition-item .content-downloadables {background-color: #f6f7f7;padding: 0 10px;border: 1px solid rgb(238, 239, 239);border-radius: var(--radius-m);margin-bottom: 20px;}
.aquisition-item .downloadables {margin-top: 0;}
.aquisition-item .downloadables tbody {float: left;width: 100%;}
.aquisition-item .dwnl-filerow {padding: 0;}
.aquisition-item .downloadables th .dl-title,.aquisition-item .downloadables th h3 {font-weight: bold;}
.aquisition-item .downloadables th .dwnl-tag~.dl-title,.aquisition-item .downloadables th .dwnl-tag~h3 {padding-right: 120px;}
.aquisition-item .dwnl-filerow:not(:last-child) {border-bottom: 1px solid rgb(238, 239, 239);}
.institution-left .tabs {float: left;width: 100%;border-bottom: 1px solid #DDD;padding: 10px 10px 0;-webkit-user-select: none;user-select: none;margin-bottom: 10px;}
.institution-left .tab {float: left;width: auto;background-color: #FFF;border: 1px solid #DDD;border-top-left-radius: var(--radius);border-top-right-radius: var(--radius);padding: 5px 10px;font-weight: 600;font-size: 13px;color: var(--bkk-purple);cursor: pointer;position: relative;bottom: -1px;transition: color 0.25s ease-in-out,background-color 0.25s ease-in-out;}
.institution-left .tab:not(:last-child) {margin-right: 10px;}
.institution-left .tab:focus,.institution-left .tab:focus-within,.institution-left .tab:hover {background-color: var(--bkk-purple);color: #FFF;}
.institution-left .tab.active {background-color: var(--bkk-purple);color: #FFF;}
.institution-left .tab.hidden {display: none;}
.institution-left .tabs .tabs-wrapper {width: auto;float: right;}
.institution-left .tabs+.contents,.institution-left .tabs+.contents .tabcontent {float: left;width: 100%;}
.institution-left .tabs+.contents .tabcontent[aria-hidden="true"] {visibility: hidden;display: none;}
.institution-left .tabs+.contents .tabcontent table.tabcontent-toptable {width: 100%;}
.institution-left .tabs+.contents .tabcontent table.tabcontent-toptable td {border-color: rgb(238, 239, 239);}
.institution-left .tabs+.contents .tabcontent table.tabcontent-toptable td:first-child {font-weight: 600;background-color: #f6f7f7;}
@media screen and (max-width: 1300px) {.co-spacing {margin-top: 0;margin-bottom: 0;}
.news-list {padding-left: 10px;}
.cimg-wrapper {--galitems: 4;}
.site-left,.institution-left {padding: 0 10px;}
.news-list-sidebar+h3 {float: left;width: 100%;padding: 0 10px;}
}
@media screen and (max-width: 1215px) {.management-content > .flex-wrap.items-3 {--flex-col: 2;}
}
@media screen and (max-width: 1168px) {}
@media screen and (max-width: 1024px) {.cimg-wrapper {--galitems: 3;}
.cimg-wrapper.items-3 {--galitems: 2;}
.listview-wrapper.items-1 .listview-item {padding-right: 0}
.site-left,.institution-left {padding-right: 10px;}
}
@media screen and (max-width: 1023px) {.management-content > .flex-wrap.items-3 {--flex-col: 3;}
.details-mobile-table tr,.details-mobile-table td,.details-mobile-table {float: left;width: 100%;}
.site-left:not(:only-child),.news-list:not(:only-child),.newsc-left:not(:only-child),.institution-left:not(:only-child) {width: 100%;}
}
@media screen and (max-width: 900px) {.cimg-wrapper {--galitems: 4;}
.cimg-wrapper.items-3 {--galitems: 3;}
}
@media screen and (max-width: 790px) {.cimg-wrapper {--galitems: 3;}
.cimg-wrapper.items-3 {--galitems: 2;}
}
@media screen and (max-width: 768px) {.flex-wrap.items-2>div[class*="-item"].listview-item {width: calc(100% - var(--flexitem-margin));}
}
@media screen and (max-width: 650px) {.flex-wrap:not(.flex-padding)>div[class*="-item"]:not(.flex-padding).institution-item {width: 100%;margin: 0 auto 10px !important;}
}
@media screen and (max-width: 600px) {.aquisition-item .dwnl-leadimg~.dwnl-catdesc,.aquisition-item .dwnl-leadimg~.dl-title,.aquisition-item .dwnl-leadimg~h3 {width: 100%;padding-left: 0;padding-right: 0;margin-top: 10px;}
.cimg-wrapper {--galitems: 2;}
.cimg-wrapper.items-3 {--galitems: 1;}
.pt-item .pt-else,.pt-item .pt-name {width: 100%;display: inline-block;float: left;text-align: left;}
.pt-item .pt-else {padding-bottom: 10px;}
.pt-item .pt-name {padding-bottom: 10px;}
.pt-item .pt-range,.pt-item .pt-price,.pt-item .pt-type {width: 50%;display: inline-block;float: left;}
.pt-item .pt-range {text-align: left;padding-left: 0;}
.pt-item .pt-price {text-align: right;}
.pt-item.head {display: none;}
.aquisition-item .dwnl-tag {position: static;margin-bottom: 10px;display: table;width: auto;}
.aquisition-item .downloadables th .dwnl-tag~.dl-title,.aquisition-item .downloadables th .dwnl-tag~h3 {padding-right: 0;}
}
@media screen and (max-width: 560px) {.dwnl-filerow {padding-left: 0;}
.schedule-details td {width: 100%;float: left;display: block;}
.schedule-details td:first-child {border-bottom: none !important;}
}
@media screen and (max-width: 480px) {.aquisition-item .downloadables td {float: left;}
.aquisition-item .downloadables tr:not(.dwnl-keys) td:first-child {width: 40px;}
.aquisition-item .downloadables tr:not(.dwnl-keys) td:nth-child(2) {width: calc(100% - 40px);}
.aquisition-item .downloadables tr:not(.dwnl-keys) td:last-child {width: 40px;margin-top: -5px;padding-bottom: 0;}
.aquisition-item .downloadables tr.dwnl-keys td {padding: 10px 10px 0;}
.aquisition-item .downloadables tr.dwnl-keys td .nws-list-key span[aria-hidden="true"] {display: none;}
.aquisition-item .downloadables tr {float: left;width: 100%;}
.aquisition-item .downloadables .dwnl-filerow {padding: 10px 5px 0;}
}
@media screen and (max-width: 460px) {.downloadables {padding: 0;}
.aquisition-item th {padding: 0 10px;}
.aquisition-item .content-downloadables {padding: 0;}
.aquisition-item .dwnl-tag {right: 10px;}
}
@media screen and (max-width: 420px) {.cimg-wrapper {--galitems: 1;}
}
@media (hover: none) {}
@supports (-moz-appearance:none) {.mngmt-img img {height: 185px;}
}
@media all and (-ms-high-contrast:none) {}
@media screen and (-ms-high-contrast:none) and (max-width: 1300px) {}
.maplist-grid {margin-bottom: 30px;}
.maplist-item {}
.maplist-img {object-fit: cover;object-position: center;width: 100%;height: 160px;float: left;border-radius: 8px;}
.maplist-details {margin-top: 10px;display: grid;grid-template-columns: 20px auto;grid-template-rows: repeat(2, auto);grid-column-gap: 5px;width: 100%;}
.maplist-icon {grid-area: 1 / 1 / 3 / 2;color: var(--bkk-purple);font-size: 18px;width: 20px;padding-top: 5px;}
.maplist-title {color: var(--bkk-purple);font-weight: 600;}
.maplist-dl {font-size: 13px;color: var(--txt-c);}
@media screen and (min-width: 1024px) and (max-width: 1250px) {.maplist-grid.items-3 {--items: 2;}
}
@media screen and (max-width: 768px) {.maplist-grid.items-3 {--items: 2;}
}
@media screen and (max-width: 480px) {.maplist-grid.items-3 {--items: 1;}
}