.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) {}
.poppin {height: 100vh;width: 100vw;position: fixed;z-index: 0;pointer-events: none;background-color: rgba(0, 0, 0, 0.65);opacity: 0;visibility: hidden;transition: opacity var(--trans-def),visibility var(--trans-def);left: 0;top: 0;right: 0;bottom: 0;}
.poppin.open {z-index: 999999;pointer-events: all;visibility: visible;opacity: 1;}
.poppin-wrapper {position: relative;max-height: 90vh;min-height: 300px;display: inline-block;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: var(--bg3);box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.4);border-radius: 8px;border: 2px solid #FFF;padding-bottom: 20px;overflow: hidden;height: auto;z-index: 999;width: auto;max-width: 1000px;}
.poppin-title {font-family: var(--font-family);font-weight: bold;font-size: 20px;color: var(--txt2-c);letter-spacing: 0;padding: 20px;float: left;width: 100%;z-index: 10;padding-right: 60px;background-color: var(--bkk-purple);border-radius: 8px;margin-bottom: 20px;position: relative;top: 0;left: 0;right: 0;}
.poppin-close {position: absolute;display: inline-block;top: 13.5px;right: 10px;color: #FFF;background-color: transparent;border: none;text-align: center;line-height: 40px;font-size: 26px;width: 40px;height: 40px;cursor: pointer;transform: scale(1);transform-origin: center;transition: transform var(--trans-def);z-index: 11;}
.poppin-inner {min-height: 300px;max-height: calc(90vh - 90px);width: 100%;display: inline-block;overflow: auto;}
.poppin-inner form { overflow: hidden; }
.poppin-close:focus,.poppin-close:focus-within,.poppin-close:hover {transform: scale(1.1);}
.poppin-wrapper button:not(.poppin-close) {color: #FFF;border: 1px solid var(--bkk-purple);border-radius: 8px;text-align: center;text-transform: uppercase;height: 50px;line-height: 45px;font-weight: bold;font-size: 14px;outline: none;cursor: pointer;padding: 0 40px;background-color: var(--bkk-purple);transition: color var(--trans-def),background-color var(--trans-def);}
.poppin-wrapper button:not(.poppin-close):focus,.poppin-wrapper button:not(.poppin-close):hover {background-color: transparent;color: var(--bkk-purple);}
.poppin-wrapper .bpb-time-date {margin-top: 0;width: 100%;padding: 0;}
#detailsPopinInner { height: 100%; }
.dalos-poppin section.bordered {border-bottom: 1px solid rgba(var(--bkk-gray-rgb), 0.25);margin-bottom: 15px;padding-bottom: 30px;}
.poppin-taglist a.active {text-decoration: underline;font-weight: bold;}
.poppin-taglist {padding: 0 20px;}
.poppin-taglist a {float: left;padding: 5px;margin-bottom: 5px;margin-right: 10px;}
.poppin-taglist a:focus,.poppin-taglist a:hover {text-decoration: underline;}
.poppin-wrapper .bkkinfo-box {margin-bottom: 30px;background: none;height: auto;position: relative;}
.poppin-wrapper .bkkinf-item.big {margin: 0 10px 10px 0 !important;position: relative;border-radius: 8px;height: 55px;}
.poppin-wrapper .bkkinf-item.big .bkkinf-chkbox {border-radius: 8px;transition: border-color var(--trans-def);border: 2px solid transparent;}
.poppin-wrapper .bkkinf-item.big .bkkinf-chkbox:hover,.poppin-wrapper .bkkinf-item.big .bkkinf-chkbox:focus {border-color: var(--bkk-purple);}
.poppin-wrapper .bkkinf-item.big .bkkinf-img {font-size: 36px;width: 40px;height: 40px;line-height: 1.1em;}
.poppin-wrapper .bkkinf-item.big .bkkinf-img:not(.bkk-icon-bubi_full) {top: 2px;}
.poppin-wrapper .bkkinf-desc {position: relative;width: calc(100% - 40px);}
.poppin-wrapper .bkkinfo-box.filter .bkkinf-item {width: calc(50% - 5px);margin: 0 0 10px 0 !important;}
.poppin-wrapper .bkkinfo-box.filter .bkkinf-item:nth-child(odd) {margin-right: 5px !important}
.poppin-wrapper .bkkinfo-box.filter .bkkinf-item:nth-child(even) {margin-left: 5px !important}
.poppin-wrapper .bkkinf-chkbox:checked~.bkkinf-desc .desc-checkmark {position: absolute;transform: scaleX(-1) rotate(-45deg);right: 10px;font-size: 26px;color: #98C421;top: -3.5px;}
.poppin-wrapper .bkkinf-chkbox:not(:checked)~.bkkinf-desc .desc-checkmark {display: none;}
.poppin-wrapper .bpbtd,.poppin-wrapper .bpbtd-traveldate input[type="text"],.poppin-wrapper .bpbtd-traveltime input[type="text"],.poppin-wrapper .bpbtd-traveldate input[type="number"],.poppin-wrapper .bpbtd-traveltime input[type="number"] {background-color: rgba(255, 255, 255, 1);border: 1px solid rgba(0, 0, 0, 0.3);color: #000;}
.poppin-wrapper .bpbtd:hover,.poppin-wrapper .bpbtd-traveldate input[type="text"]:hover,.poppin-wrapper .bpbtd-traveltime input[type="text"]:hover,.poppin-wrapper .bpbtd-traveldate input[type="number"]:hover,.poppin-wrapper .bpbtd-traveltime input[type="number"]:hover,.poppin-wrapper .bpbtd:focus,.poppin-wrapper .bpbtd-traveldate input[type="text"]:focus,.poppin-wrapper .bpbtd-traveltime input[type="text"]:focus,.poppin-wrapper .bpbtd-traveldate input[type="number"]:focus,.poppin-wrapper .bpbtd-traveltime input[type="number"]:focus,.poppin-wrapper .bpbtd:focus-within,.poppin-wrapper .bpbtd-traveldate input[type="text"]:focus-within,.poppin-wrapper .bpbtd-traveltime input[type="text"]:focus-within,.poppin-wrapper .bpbtd-traveldate input[type="number"]:focus-within,.poppin-wrapper .bpbtd-traveltime input[type="number"]:focus-within {border-color: var(--bkk-purple);}
.poppin-wrapper .bkk-walk_2:before {color: inherit;}
.poppin-wrapper .bpbtd-select i {opacity: 1;transform: rotate(90deg);}
.poppin-wrapper .bpbtd-select i,.poppin-wrapper .bpbtd-icon {color: var(--bkk-purple);}
.poppin-wrapper .bpbtd-traveldate.long {width: 100%;}
.poppin-wrapper .bpdtd-desc {float: left;width: calc(100% - 150px);line-height: 45px;}
.poppin-wrapper .bpdtd-subinput {float: left;width: 150px;}
.poppin-wrapper .bkkinfo-cnt .bkkinfo-box.big,.poppin-wrapper .bkkinfo-cnt {height: 100%;overflow: auto;position: relative;}
.poppin-wrapper .bkkinfo-cnt .bkkinfo-box.big {height: 100%;margin-bottom: 0;width: 100%;}
.poppin-wrapper .bkkinf-item.big .bkkinf-chkbox:checked~img.bkkinf-img {opacity: 1;}
.poppin-contact {padding: 10px 0;}
.popcont-item {margin-bottom: 0;padding-bottom: 0;}
.poppin-contact-title,.poppin-contact .contact-title,.poppin-contact h3 {color: var(--bkk-purple);margin-bottom: 20px;float: left;width: 100%;font-weight: bold;}
.poppin-contact p {padding-bottom: 5px;color: rgb(94, 97, 103);}
.poppin-contact a:not(.popcont-btn) {color: var(--bkk-purple);text-decoration: underline;}
.popcont-btn {display: table;width: auto;margin: 0 auto;background-color: var(--bkk-purple);color: #FFF;position: relative;line-height: 45px;outline: none;padding: 0 20px;border-radius: 8px;border: 1px solid var(--bkk-purple);transition: color var(--trans-def),backgroudn-color var(--trans-def);}
.popcont-btn:focus,.popcont-btn:focus-within,.popcont-btn:hover {background-color: #FFF;color: var(--bkk-purple);}
.popcont-map {float: left;width: calc(100% - 20px);margin-left: 20px;height: 920px;}
.popcont-map>div {float: left;width: 100%;object-fit: cover;object-position: center;border: 1px solid #DDD;border-radius: 8px;height: 100%;overflow: hidden;}
@media screen and (max-width: 900px) {.poppin-wrapper {max-width: 100vw;max-height: 100vh;width: 100vw;height: 100vh;}
.poppin-inner { max-height: calc(90vh - 50px); }
.poppin-wrapper .bkkinfo-box:first-child {width: 40%;}
.poppin-wrapper .bkkinfo-box:last-child {width: 60%;}
.poppin-wrapper .bkkinfo-box:first-child .flex-wrap.items-2>div[class*="-item"] {width: 100%;margin-right: 0 !important;}
.poppin-wrapper .bkkinfo-box:first-child .flex-wrap.items-2>div[class*="-item"] {width: 100%;margin-right: 0 !important;}
.poppin-wrapper .bkkinfo-box:last-child .flex-wrap.items-2>div[class*="-item"] {width: calc(50% - 15px);margin-right: 0 !important;}
.poppin-wrapper .bkkinfo-box:last-child .flex-wrap.items-2>div[class*="-item"]:nth-child(even) {margin-left: 10px !important;}
.poppin-wrapper .bkkinfo-box:last-child .flex-wrap.items-2>div[class*="-item"]:nth-child(odd) {margin-right: 10px !important;}
}
.innovations-content .news-list-sidebar ~ .news-list { min-height: auto; }
.innovations-content .news-list-sidebar {background-color: var(--bg9);border-radius: var(--radius);}
.innovations-content .news-list-sidebar .bkkiside-title:only-child { font-size: 24px; }
.innovations-content .news-list-sidebar .bkkiside-title:not(:only-child) {color: var(--bkk-purple);margin-bottom: 15px;display: inline-block;}
.innovations-content .news-list-sidebar .bkkiside-box { margin-bottom: 0;}
.bkki-taglist {float: left;width: 100%;overflow: hidden;margin-bottom: 10px;}
.bkki-taglist a {float: left;padding: 2.5px 5px;margin-bottom: 5px;font-size: 14px;border-radius: 3px;transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;}
.bkki-taglist a:hover,.bkki-taglist a:focus {text-decoration: underline;}
.poppin-taglist a.active,.bkki-taglist a.active {text-decoration: underline;font-weight: bold;}
.bkki-taglist a[data-color] {color: var(--tagcolor);font-weight: bold;}
.bkki-taglist a[data-color="2"] { --tagcolor: #8BC63E; }
.bkki-taglist a[data-color="1"] { --tagcolor: #FED304; }
.bkki-taglist a[data-color="3"] { --tagcolor: #0067AF; }
.taglist-btn {--cbtn-pad-vert:7.5px;--cbtn-pad-hor:15px;}
.poppin-taglist {padding: 0px 20px;}
.poppin-taglist a {float: left;padding: 5px;margin-bottom: 5px;margin-right: 10px;}
.poppin-taglist a:focus,.poppin-taglist a:hover {text-decoration: underline;}
.innovations-cnt {}
.innovations-list:before {content: '';background-color: var(--bg9);width: calc(100% - 120px);display: inline-block;float: left;height: 2px;position: relative;left: 50%;margin: 50px auto 60px;transform: translateX(-50%);}
.innov-map {position: relative;height: 550px;width: 100%;float: left;margin: 0;display: inline-block;z-index: 0;}
.innov-map .maplibregl-canvas,.innov-map .mapboxgl-map {height: 100%;border-radius: var(--radius-m);}
#mapArea {height: 100%;float: left;width: 100%;}
.innovations-list {}
.innov-list-cnt {width: 100%;align-items: stretch;margin-bottom: 20px;}
.innov-item {background-color: var(--bg9);padding: 10px;border-radius: var(--radius);}
.innov-title a {font-size: 18px;font-weight: 600;color: var(--txt);}
.innov-title a:hover,.innov-title a:focus {color: var(--bkk-purple);text-decoration: underline;}
.innov-item-tags {float: left;width: 100%;border-top: 1px solid rgba(0, 0, 0, 0.25);margin-top: 10px;padding-top: 10px;}
.innov-item-tags a {float: left;margin-right: 10px;margin-bottom: 5px;font-size: 14px;}
.innov-item-tags a:hover {text-decoration: underline;}
.innov-details-tiles {margin-top: 30px;width: 100%;gap: var(--flex-gap);}
.innov-tile-item {border-radius: var(--radius);color: #FFF;background-color: var(--bkk-purple);padding: 20px;}
.innov-sb-btn {}
.innov-sb-btn span {position: absolute;font-size: 14px;right: calc(100% + 5px);text-align: center;width: 155px;background-color: var(--bkk-purple);font-family: 'Open Sans';border-radius: 4px;line-height: initial;padding: 5px;color: #FFF;border: 2px solid #FFF;font-weight: 600;top: 50%;transform: translateY(-50%);}
.innov-map-overlay {position: absolute;width: 100%;height: 100%;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);cursor: pointer;z-index: 10;display: none;}
.innov-map-overlay i {color: #FFF;width: 30px;height: 30px;float: right;margin-top: 15px;margin-right: 15px;font-size: 26px;transform: rotate(45deg);}
.innov-map-overlay p {color: #FFF;font-size: 20px;padding: 30px;text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);}
.maplibregl-popup {}
.maplibregl-popup .maplibregl-popup-details-button {color: #FFF;background-color: rgb(76, 14, 95);height: 30px;width: auto;display: inline-block;padding: 0px 10px;font-weight: 700;line-height: 26px;margin-top: 15px;border-radius: 8px;font-size: 14px;border: 2px solid rgb(76, 14, 95);transition: color 0.2s ease-in-out,background-color 0.2s ease-in-out;}
.maplibregl-popup .maplibregl-popup-details-button:focus,.maplibregl-popup .maplibregl-popup-details-button:hover {color: rgb(76, 14, 95);background-color: #FFF;}
.maplibregl-popup .maplibregl-popup-title {font-size: 16px;}
.mapboxgl-popup-close-button,.maplibregl-popup-close-button {width: 25px;height: 25px;font-size: 25px;right: -13px;top: -13px;border-radius: 3px;line-height: 22px;background: white !important;border: 2px solid rgb(255, 255, 255);padding: 0px;}
.mapboxgl-popup-close-button:focus,.maplibregl-popup-close-button:focus,.mapboxgl-popup-close-button:hover,.maplibregl-popup-close-button:hover {opacity: 1;border-color: rgb(76, 14, 95);}
.innov-row-title {background: var(--color1);color: #FFF;padding: 10px;border-radius: 10px;line-height: 30px;font-size: 16px;font-weight: bold;float: left;width: 100%;}
.developments-taglist-wrapper {display: none;}
.developments-taglist {max-width: 800px;width: 100%;padding: 0 10px;}
.developments-taglist a {float: left;padding: 5px;margin-bottom: 5px;margin-right: 10px;color: var(--bkk-purple);}
.developments-taglist a.active {text-decoration: underline;font-weight: bold;}
.developments-taglist a:focus,.developments-taglist a:hover {text-decoration: underline;}
@media screen and (max-width: 1340px) {.innovations-list { padding: 0 10px; }
}
@media screen and (max-width: 1024px) {.innov-map {width: calc(100% - 10px);}
.innovations-content .news-list-sidebar {background-color: transparent;}
.innovations-content .news-list-sidebar .bkkiside-box {margin-bottom: 0;border-radius: 0 !important;box-shadow: none;}
.innovations-content .news-list-sidebar .bkkiside-box:nth-child(2) { border-radius: 8px 0 0 0 !important; }
.innovations-content .news-list-sidebar .bkkiside-box:last-child { border-radius: 0 0 0 8px !important; }
.innov-list-cnt {width: calc(100% + 20px);margin-left: -10px;}
.innov-map-overlay { display: inline-block; }
}
@media screen and (max-width: 600px) {.flex-wrap:not(.flex-padding):not(.items-1) > div[class*="-item"]:not(.flex-padding).innov-item,.flex-wrap:not(.flex-padding):not(.items-1) > div[class*="-item"]:not(.flex-padding).innov-tile-item { width: 100%; }
}
@media screen and (max-width: 500px) {.innovations-content .news-list-sidebar .bkkiside-box:nth-child(2),.innovations-content .news-list-sidebar .bkkiside-box:last-child { border-radius: 0 !important; }
.innov-list-cnt.grid-layout.items-2 {--items: 1;}
}
@media screen and (max-width: 390px) {.iti-top { font-size: 26px; }
.iti-bottom { font-size: 18px; }
}