@charset 'utf-8';
html { min-width: 20rem; scroll-behavior: smooth; }
html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }
body { position: relative; font-family: 'Roboto', 'Verdana', 'Noto Sans TC', 'Noto Sans SC', 'Microsoft JhengHei', 'Microsoft YaHei', 'PMingLiU', 'simhei', 'sans-serif'; font-size: 100%; color: #222; background-color: #fff; margin: 0; padding: 0; scroll-behavior: smooth; overflow-x: hidden; }
:focus { outline: .125rem dashed #00a2e8 !important; }
::placeholder { font-size: 1rem; padding: 0 .25rem 0 .25rem; }
.accesskey { float: left; display: inline; }
/* ------------- LAYOUT ------------- */
@media (min-width:1400px) {
.BigContainerMax { padding: 0 4rem; }
}
.Layout-Logo { position: relative; z-index: 10; width: 80vw; height: 10vw; max-width: 25rem; max-height: 3.125rem; background-image: url('../../img/LyLCEW-Logo.png'); background-repeat: no-repeat; background-position: left center; background-size: contain; margin-top: 0; float: left; text-indent: -999rem; }
.Layout-Logo:hover, .Layout-Logo:focus { opacity: .6; }
body .Layout-Nav { background-color: #fff; border-bottom: .0625rem solid #ccc; }
body.setIndex .Layout-Nav { background-color: #fff; border-bottom: .0625rem solid #ccc; }
.Layout-NavCover { position: fixed; z-index: 10; top: 4.125rem; width: 100%; height: .0625rem; background-color: #fff; }
body.setIndex .Layout-NavCover { display: none; }
.Layout-NavUl li a { font-size: calc(1rem + .15vw); padding: 0 .9vw !important; }
.Footer-Sitemap { padding-top: 2rem; padding-bottom: 2rem; }
.Footer-Bar { color: #fff; padding-top: 1rem; padding-bottom: 1rem; }
@media (min-width:0) and (max-width:991.98px) {
.Layout-Logo { width: 60vw; height: 20vw; max-width: 15.625rem; max-height: 3.125rem; background-image: url('../../img/LyLCEW-Logo-s.png'); }
.Layout-NavUl li a { padding: 0 .9vw !important; }
}
@media (min-width:0) and (max-width:767.98px) {
.Layout-Nav { border-bottom: .0625rem solid #ccc; }
.Layout-NavUl { border-top: .0625rem solid #eee; margin-top: .5rem; margin-bottom: .5rem; }
.Layout-NavUl li a { padding: 1.2vw 0 !important; }
}
/* Index Only */
.IndexBanner { border: auto; position: relative; }
.Link-lagoon { background-color: RGBA(0, 99, 107, 0.8); transition: all 0.3s ease; }
.Link-goldtan { background-color: RGBA(194, 83, 53, 0.8); transition: all 0.3s ease; }
.Link-trinidad { background-color: RGBA(157, 109, 0, 0.8); transition: all 0.3s ease; }
.Link-lagoon:hover { background-color: RGBA(0, 99, 107, 1); transition: all 0.3s ease; }
.Link-goldtan:hover { background-color: RGBA(194, 83, 53, 1); transition: all 0.3s ease; }
.Link-trinidad:hover { background-color: RGBA(157, 109, 0, 1); transition: all 0.3s ease; }
.IndexBanner-Note { background-color: RGBA(255, 255, 255, 0.9); border-radius: 30rem; display: inline-block; margin-bottom: .5rem; min-width: 17.5rem; padding: .5rem 1rem; margin-left: 4rem; text-align: center; }
.Index-NoteOn { color: #c25335; border: .125rem solid #c25335; }
.Index-NoteOff { color: #808080; border: .125rem solid #808080; }
@media (min-width:768px) {
.IndexBanner-Pole { height: 4.125rem; }
.IndexBanner-List { border: auto; }
.IndexBanner-List li { display: block }
.IndexBanner-Link { padding: 3rem 2rem 1rem 2rem; color: #fff; }
.IndexBanner-Link:hover { padding: 3rem 2rem 1rem 3rem; }
.IndexBanner-NoteOut { position: absolute; bottom: .5rem; }
}
@media (min-width:0px) and (max-width:767.98px) {
.IndexBanner-Pole { height: 18rem; }
.IndexBanner-List { border: auto; }
.IndexBanner-List li { float: left; width: calc(100% / 3); }
.IndexBanner-Link { padding: 2rem 1rem 1rem 1rem; color: #fff; text-align: right; }
.IndexBanner-Link:hover { padding: 2rem 1rem 1rem 1rem; }
.IndexBanner-NoteOut { position: absolute; bottom: 6rem; }
.IndexBanner-Note { min-width: 100%; margin-left: 1rem; }
}
/* Columns (card / Sitemap ) */
.Masonry-Columns { border: auto; }
.Masonry-Columns .card { width: 100%; margin: 0 1rem 1rem 0; display: inline-block; }
.Masonry-Columns.Columns-1 { columns: 1 17.5rem; column-gap: 1rem; }
.Masonry-Columns.Columns-2 { columns: 2 17.5rem; column-gap: 1rem; }
.Masonry-Columns.Columns-3 { columns: 3 17.5rem; column-gap: 1rem; }
.Sitemap-Columns { border: auto; }
.Sitemap-Columns li { width: 100%; margin: 0 0rem .5rem .5rem; display: inline-block; }
.Sitemap-Columns li a { font-size: calc(.9rem + .1vw); line-height: 1.3; color: #444; }
.Sitemap-Columns li a:hover, .Sitemap-Columns li a:focus { color: #000; }
.Sitemap-Columns.Columns-1 { columns: 1 6.25rem; column-gap: .5rem; }
.Sitemap-Columns.Columns-2 { columns: 2 6.25rem; column-gap: .5rem; }
.Sitemap-Area-1 { border-right: .0625rem solid #444; }
.Sitemap-Area-2 { border-right: .0625rem solid #444; }
@media (min-width:0) and (max-width:991.98px) {
.Sitemap-Columns li { width: 100%; margin: 0 0 0.5rem 0rem; }
.Sitemap-Area-1 { border-right: 0; }
.Sitemap-Area-2 { border-right: 0; padding-top: 0rem; }
.Sitemap-Area-3 { padding-top: 1.5rem; }
.Sitemap-Columns.Columns-1 { columns: 1 6.25rem; column-gap: .5rem; }
.Sitemap-Columns.Columns-2 { columns: 3 6.25rem; column-gap: .5rem; }
}
@media (min-width:0) and (max-width:767.98px) {
.Sitemap-Area-1 { border-right: 0; }
.Sitemap-Area-2 { border-right: 0; padding-top: 0rem; }
.Sitemap-Area-3 { padding-top: 1.5rem; }
.Sitemap-Columns.Columns-1 { columns: 1 6.25rem; column-gap: .5rem; }
.Sitemap-Columns.Columns-2 { columns: 3 6.25rem; column-gap: .5rem; }
}
@media (min-width:0) and (max-width:575.98px) {
.Sitemap-Area-1 { border-right: 0; }
.Sitemap-Area-2 { border-right: 0; padding-top: 1.5rem; }
.Sitemap-Area-3 { padding-top: 1.5rem; }
.Sitemap-Columns.Columns-1 { columns: 1 6.25rem; column-gap: .5rem; }
.Sitemap-Columns.Columns-2 { columns: 2 6.25rem; column-gap: .5rem; }
}
/* ------------- Universal all ------------- */
/* Section Header */
.Ur-Section { padding-top: 3rem; padding-bottom: 3rem; }
.SearchInput { border: auto; }
.SearchInput .input-group-text { background-color: #fff; border-right: 0; border-radius: 10rem; padding-left: 1rem; }
.SearchInput .form-control { border-left: 0; border-radius: 10rem; }
.SectionTitle { color: #444; }
.SectionTitle i { color: #444; }
.ButToMore { color: #fff; background-color: #444; }
.ButToMore:hover { color: #fff; background-color: #303030; }
/* Other */
.Ur-List-Block li { display: block; white-space: nowrap }
.Ur-List-Inline { width: 100%; }
.Ur-List-Inline li { display: inline-block; white-space: nowrap; padding-right: .25rem; }
.Ur-List-Inline.List-Half li { width: 49%; }
.Ur-Pagination * { color: #444; background-color: transparent; border: 0; border-radius: .25rem; }
.Ur-Pagination .active { font-weight: 800; color: #333; text-decoration: underline; }
.BtnFilter { font-size: calc(.9rem + .05vw); line-height: 1 !important; color: #444; background-color: #ddd; border: .0625rem solid #ddd; border-radius: 10rem; margin: .125rem .125rem; padding: .4rem 1rem .2rem 1rem; white-space: nowrap; }
/* Badge */
.Ur-Badge { color: #444; background-color: #ddd; margin-bottom: 0rem; margin-right: .25rem; }
span.Ur-Badge { margin-bottom: 0.25rem; margin-right: .25rem; }
.Ur-BadgeLink { color: #444; background-color: #ddd; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: left; font-weight: 500; position: relative; margin-bottom: 0rem; margin-right: .25rem; }
.Ur-BadgeIcon { color: #444; background-color: #ddd; max-width: 100%; overflow: hidden; text-overflow: ellipsis; text-align: left; font-weight: 500; position: relative; padding-right: 2.4rem; margin-bottom: 0rem; margin-right: .25rem; }
.Ur-BadgeIcon span { font-size: 1rem; line-height: 1; display: inline-block; color: #fff; background-color: #444; padding: .3125rem .375rem .1875rem .375rem; position: absolute; top: -0.0625rem; right: 0; float: right; border-radius: 0 .25rem .25rem 0; }
.Ur-BadgeIcon span i { position: relative; top: -0.0625rem; }
@media (min-width:0px) and (max-width:575.98px) {
.Ur-BadgeLink { width: 100% }
.Ur-BadgeIcon { width: 100% }
}
/* Section > Filter & Tags */
.Ur-SecTabs-Scol { min-width: 100%; margin-bottom: .25rem; overflow-x: auto; display: block; }
.Ur-SecTabs-Scol::-webkit-scrollbar { height: .375rem; }
.Ur-SecTabs-Scol::-webkit-scrollbar-thumb { background-color: RGBA(0, 0, 0, 0.4); border-radius: 1.25rem; }
.Ur-SecTabs-Scol::-webkit-scrollbar-track { background-color: transparent; border-radius: 1.25rem; }
.Ur-SecTabs { min-width: 100%; }
.Ur-SecTabs .nav-pills { min-width: 100%; white-space: nowrap; display: inline-block; }
.Ur-SecTabs .nav-pills .nav-item { display: inline-block; }
.Ur-SecTabs .nav-pills .nav-item .nav-link { font-size: calc(1rem + .03vw) !important; line-height: 1 !important; color: #444; background-color: #ddd; border: .0625rem solid #ddd; border-radius: 10rem !important; margin: .0625rem .125rem; padding: .4rem 1rem .4rem 1rem; display: inline-block; }
.Ur-SecTabs .nav-pills .nav-item .nav-link:hover, .Ur-SecTabs .nav-pills .nav-item .nav-link:focus { color: #444; background-color: #eee; border: .0625rem solid #444; }
.Ur-SecTabs .nav-pills .nav-item .nav-link.active { background-color: #eee; border: .0625rem solid #444; }
.Ur-SecBadges { border: auto; }
.Ur-SecBadges .badge-item { font-size: calc(1rem + .03vw); line-height: 1 !important; color: #444; background-color: #ddd; border: .0625rem solid #ddd; border-radius: 10rem; margin: .0625rem; margin: .125rem .125rem; padding: .4rem .35rem .4rem 1rem; white-space: nowrap; }
.Ur-SecBadges .badge-item span { position: relative; top: -.0625rem; font-size: calc(.8rem); line-height: 1; font-weight: 700; background-color: #fff; border-radius: 10rem; margin-left: .3rem; padding: .1rem .4rem; display: inline; }
.Ur-SecBadges .badge-item:hover, .Ur-SecBadges .badge-item:focus { color: #444; background-color: #eee; border: .0625rem solid #444; }
.Ur-SecBadges .badge-item:hover span, .Ur-SecBadges .badge-item:focus span { color: #fff; background-color: #444; }
.Ur-SecBadges .badge-item.active { color: #444; background-color: #eee; border: .0625rem solid #444; }
.Ur-SecBadges .badge-item.active span { color: #fff; background-color: #444; }
.Ur-SecBadges.BadgesBg { padding: .375rem; background-color: #fff; border: .0625rem solid #ddd; border-radius: 1.5rem; }
/* Card */
/*.Ur-Card:hover, .Ur-Card:focus { border: .0625rem solid #333; }*/
.Ur-Card { background-color: #fff; border: .0625rem solid #ddd; border-left: .3125rem solid #ddd; border-radius: .3125rem; margin-bottom: .5rem; }
.Ur-Card .card-title { color: #444; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.Ur-Card .card-title a { color: #444; }
.Ur-Card .card-title a:hover, .Ur-Card .card-title a:focus { color: #999; }
.Ur-Card .card-body { border-radius: .3125rem .3125rem 0 0; /*padding: 1rem 1rem;*/ }
.Ur-Card .card-footer { background-color: #eee; border: 0; border-radius: 0 0 .3125rem 0rem; padding: 1rem 1rem 1rem 1rem; }
.Ur-Card .card-link + .card-link { margin-left: .3rem; }
.Ur-Card .Ur-Padding-Sp { padding: 1rem 1rem 1rem 1.8rem; }
@media (min-width:0) and (max-width:575.98px) {
.Ur-Card .card-footer { background-color: #eee; border: 0; padding: 1rem 1rem 1rem 1rem; }
.Ur-Card .card-link + .card-link { margin: 0; }
}
/* CardMark */
.Ur-CardMark { position: relative; border-left: .3125rem solid #ddd !important; }
.Ur-CardMark .card-body { padding: 1rem 1rem; padding-left: 3.2rem; }
.Ur-CardMark .card-footer { padding: 1rem 1rem 1rem 1rem; }
.Ur-CardMark .MarkIcon { position: absolute; font-size: 1rem; float: left; display: inline-block; left: 1.2rem; }
.Ur-CardMark .MarkIcon i { font-size: .8rem; line-height: 1; }
.Ur-CardMark .MarkIcon b { position: relative; top: .125rem; font-size: 1rem; line-height: 1; font-weight: 500; width: 1rem; text-align: center; display: inline-block; white-space: nowrap }
@media (min-width:0) and (max-width:575.98px) {
.Ur-CardMark .card-footer { padding: 1rem 1rem 1rem 1rem; }
.Ur-CardMark .card-link + .card-link { margin: 0; }
}
/* CardClean */
.Ur-CardClean { position: relative; border-left: .0625rem solid rgba(0, 0, 0, .125); }
.Ur-CardClean .card-body { padding: 1rem 1rem; padding-left: 1rem; }
.Ur-CardClean .card-footer { padding: 1rem 1rem 1rem 1rem; }
/* CardVote */
.VoteMark { position: relative; left: -1rem; width: calc(100% + 1rem); border-radius: 0 2rem 2rem 0; padding: .4rem 1rem; display: inline-block; text-align: center; letter-spacing: 0.1rem; font-size: 1rem; margin-bottom: 0.5rem; white-space: nowrap; max-width: 11.25rem }
.VoteMark i { padding-right: 0.5rem; position: relative; top: -0.125rem; }
.VoteMark.Vote-On { color: #fff; background-color: #00636b; }
.VoteMark.Vote-Off { color: #fff; background-color: #C25335; }
/* ------------- PAGE ------------- */
/* Page Header */
.Page-Pole-TopBar { height: 10.625rem; }
.Page-Pole-NoneBar { height: 7rem; }
.Page-HeaderBar { position: fixed; z-index: 100; top: 0; width: 100%; color: #555; background-color: #fff; border-bottom: 0 solid #ddd; padding-top: 4.125rem; }
.Page-HeaderBar.NoneBar { border-bottom: .0625rem solid #ddd; padding-bottom: .25rem; }
a.Page-PathLink { color: #555; }
a.Page-PathLink:hover, a.Page-PathLink:focus { color: #999 !important; }
a.Page-PathBadges { font-size: .85rem; color: #444; background-color: #ddd; border-radius: 10rem; padding: .2rem .5rem; }
a.Page-PathBadges:hover, a.Page-PathBadges:focus { color: #444 !important; background-color: #ccc; }
button.BtnSubscribe { color: #444; background-color: #fff; border: .0625rem solid #ccc; white-space: nowrap; }
button.BtnSubscribe:hover, button.BtnSubscribe:focus { color: #444; background-color: #eee; border: .0625rem solid #ccc; }
button.BtnSubscribe.active { color: #444; background-color: #eee; border: .0625rem solid #ccc; }
@media (min-width:0) and (max-width:767.98px) {
.Page-HeaderBar { padding-top: 3.875rem; }
.Page-Pole-NoneBar { height: 6.75rem; }
}
/* @media (min-width:0) and (max-width:575.98px) { */
/* .Page-Pole-TopBar { height: 12.5rem; } */
/* } */
.Page-Strip { background-color: #444; }
.Page-Strip .StripLink { font-size: 1rem !important; line-height: 1 !important; color: #fff; background-color: #444; }
.Page-Strip .StripLink:hover, .Page-Strip .StripLink:focus { color: #444; background-color: #fff; }
.Page-Strip .StripLink.active { font-weight: 500; color: #444; background-color: #fff; }
.Page-Strip-Scol { width: 100%; padding: .5rem 0 .5rem 0; overflow-x: auto; overflow-y: hidden; white-space: nowrap; }
.Page-Strip-Scol::-webkit-scrollbar { height: .375rem; }
.Page-Strip-Scol::-webkit-scrollbar-thumb { background-color: RGBA(0, 0, 0, 0.4); border-radius: 1.25rem; }
.Page-Strip-Scol::-webkit-scrollbar-track { background-color: transparent; border-radius: 1.25rem; }
.Page-FilterBar { background-color: #ededed; border-radius: .25rem; padding: .5rem .5rem; }
/* Page Detail */
.Detail-Article { padding-top: 2.5rem; padding-bottom: 2.5rem; }
.SitemapArea { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.SitemapArea blockquote{ padding-left: 4rem!important; }
@media (min-width:0) and (max-width:768px) {
.Detail-Article { padding-top: 2rem; padding-bottom: 2rem; }
.SitemapArea { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.SitemapArea blockquote{ padding-left: 2rem!important; }
}
.Detail-MainCard { background-color: transparent; border: 0; border-radius: 0; }
.Detail-MainCard:hover, .Detail-MainCard:focus { border: 0; }
.Detail-MainCard .card-body { padding: 0; }
.Detail-MainCard .card-footer { background-color: transparent; border: 0; padding: 0; }
.Detail-MainCard .card-link + .card-link { margin-left: .3rem; }
.Detail-ListName { border: auto; }
.Detail-ListName li { min-width: 8rem; font-size: calc(1rem); line-height: 1.3; margin: 0 1rem 0.6rem 0; display: inline-block; }
.List-column { columns: 3; column-width: 20rem; list-style: disc; margin-left: 1.8rem; }
.List-column li { padding-right: 1.25rem; }
@media (min-width:0) and (max-width:1199.98px) {
.Detail-FixedCard { display: none; }
}
@media (min-width:1200px) {
.Detail-FixedCard { position: fixed; z-index: 10; right: 0; width: calc((100% - 3rem - 3rem) / 3); margin-top: 2rem; margin-right: 4rem; float: right; }
}
/* Sked = Schedule */
.Detail-SkedGroup { border: auto; }
dl.Detail-Sked { border-left: .125rem solid #555; margin-left: 2.5rem; }
dl.Detail-Sked dt { padding: 0 0 1.25rem 2rem; }
dl.Detail-Sked dt h5 { border: .0625rem solid #555; margin-left: -3.5rem; padding: 0.3rem 1rem 0.2rem 2rem; border-radius: 10rem; background-color: #fff; font-size: 1rem !important; color: #555; margin-right: 1rem; font-weight: 500; }
dl.Detail-Sked dt h5::before { content: '\f0c8'; font-family: 'Font Awesome 5 Free'; font-size: 0.85rem; font-weight: 900; position: relative; left: -1rem; color: #555; }
dl.Detail-Sked dt h5 span { position: relative; top: -.0625rem; font-size: calc(.8rem); line-height: 1; font-weight: 700; background-color: #555; color: #fff; border-radius: 10rem; margin-left: .3rem; padding: .1rem .4rem; display: inline; }
dl.Detail-Sked dd { padding: 0 0 1.25rem 3.2vw; }
dl.Detail-Sked:last-child { border: 0 !important; }
dl.Detail-Sked:last-child dd { padding: 0 0 0rem 3.2vw; }
dl.Detail-SkedCard { border-left: .125rem solid #555; margin-left: 2.5rem; max-width: 28.125rem; width: 100%; }
dl.Detail-SkedCard dt { padding: 0 0 1.25rem 2rem; }
dl.Detail-SkedCard dd { padding: 0 0 1.25rem 0vw; margin-left: -2.5rem; }
.Detail-SkedGroup-Gray { border: .0625rem solid #555; margin-left: -3.5rem; padding: 0.3rem 1rem 0.2rem 2rem; border-radius: 10rem; background-color: #fff; font-size: 1rem !important; color: #555; margin-right: 1rem; font-weight: 500; }
.Detail-SkedGroup-Gray::before { content: '\f0c8'; font-family: 'Font Awesome 5 Free'; font-size: 0.85rem; font-weight: 900; position: relative; left: -1rem; color: #555; }
@media (min-width:0) and (max-width:575.98px) {
dl.Detail-Sked { margin-left: 1rem; }
dl.Detail-Sked dt { padding: 0 0 1.25rem 2rem; }
dl.Detail-Sked dt h5 { margin-left: -3rem; padding: 0.3rem 1.2rem 0.2rem 1rem; }
dl.Detail-Sked dt h5::before { content: '\f0c8'; left: -0.5rem; }
.Detail-SkedGroup-Gray { margin-left: -3rem; padding: 0.3rem 1.2rem 0.2rem 1rem; }
.Detail-SkedGroup-Gray::before { content: '\f0c8'; left: -0.5rem; }
dl.Detail-Sked dd { padding: 0 0 1.25rem 1rem; }
dl.Detail-Sked:last-child dd { padding: 0 0 0rem 1rem; }
dl.Detail-SkedCard { border-left: .125rem solid #555; margin-left: 1rem; max-width: 28.125rem !important; width: 100%; }
dl.Detail-SkedCard dt { padding: 0 0 1.25rem 2rem; }
dl.Detail-SkedCard dd { padding: 0 0 1.25rem 0vw; margin-left: -1rem; }
}
dl.Detail-Sked.disabled { border-color: #bfbfbf; }
dl.Detail-Sked.disabled dt { }
dl.Detail-Sked.disabled dt h5 { border: .0625rem solid #bfbfbf; background-color: #fff; color: #bfbfbf; }
dl.Detail-Sked.disabled dt h5::before { content: '\f0c8'; font-family: 'Font Awesome 5 Free'; font-size: 0.85rem; font-weight: 900; position: relative; left: -1rem; color: #bfbfbf; }
dl.Detail-Sked.disabled dt h5 span { background-color: #bfbfbf; color: #fff; }
dl.Detail-Sked.disabled dd { }
dl.Detail-Sked.disabled:last-child { border: 0 !important; }
dl.Detail-Sked.disabled:last-child dd { padding: 0 0 0rem 3.2vw; }
/*
dl.Detail-Sked.prepare { border-color: #ddd !important; }
dl.Detail-Sked.prepare dt::before { color: #444 !important; }
dl.Detail-Sked.none { border: 0 !important; }
dl.Detail-Sked.none dt::before { color: #444 !important; }
*/
/* Card-Person */
.Person-List-Out { width: 100%; overflow-x: auto; }
.List-Person { border: auto; white-space: nowrap }
.List-Person li { display: inline-block; white-space: normal }
.Card-Person { max-width: 6.25rem; margin: 0 .25rem .5rem .25rem; }
.Card-PersonImg { min-height: calc(6.25rem - 0.125rem); min-width: calc(6.25rem - 0.125rem); background-color: #EEEEEE; color: #fff; font-size: calc(1.125rem + .4vw); line-height: 1; display: flex; border-radius: .25rem .25rem 0 0; justify-content: center; align-items: center; }
.Card-PersonIns { width: 1rem; height: 1rem; border-radius: 1rem; background-color: #EEEEEE; }
.Card-PersonTitle { font-weight: 500; }
/* ------------- read-more ------------- */
/* read-more */
.read-more { --line-clamp: 2; display: flex; flex-direction: column; align-items: start; }
.read-more__text { display: -webkit-box; -webkit-line-clamp: var(--line-clamp); -webkit-box-orient: vertical; overflow: hidden; width: calc(100% - 6.25rem); }
.read-more__checkbox { clip: rect(0 0 0 0); clip-path: inset(100%); height: .0625rem; overflow: hidden; position: absolute; white-space: nowrap; width: .0625rem; }
.read-more__checkbox ~ .read-more__label { cursor: pointer; font-size: 1rem; font-weight: 500; position: absolute; right: .75rem; top: .75rem; border: .0625rem solid #DDDDDD; padding: .25rem .75rem .1875rem .75rem; border-radius: 2rem; color: #444 }
.read-more__checkbox ~ .read-more__label::after { content: '\f0d7'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: relative; z-index: 1; margin-left: .5rem; font-size: 1.125rem; }
.read-more__checkbox:focus ~ .read-more__label { }
.read-more__checkbox:hover ~ .read-more__label { text-decoration: none; }
.read-more__checkbox ~ .read-more__label::before { content: attr(data-read-more); }
.read-more__checkbox:checked ~ .read-more__label::before { content: attr(data-read-less); }
.read-more__checkbox:checked ~ .read-more__label::after { content: '\f0d8'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: relative; z-index: 1; margin-left: .5rem; font-size: 1.125rem; }
.read-more__checkbox:checked ~ .read-more__text { --line-clamp: none; -webkit-line-clamp: var(--line-clamp); }
/* btn-group : NEXT PREV */
.BtnGroup-Switch { overflow: hidden; }
.BtnGroup-Switch .btn-switch { background-color: #DDDDDD; color: #444 !important; border: .0625rem solid #fff; }
.BtnGroup-Switch .btn-switch:hover, .BtnGroup-Switch .btn-switch:focus { background-color: #888; color: #fff !important; }
.BtnGroup-Switch .btn-switch:first-child { border-radius: 20rem 0 0 20rem !important; }
.BtnGroup-Switch .btn-switch:last-child { border-radius: 0 20rem 20rem 0 !important; }
/* Modal */
.ModalBox-Scol { width: 100%; height: auto; overflow-x: hidden !important; overflow-y: auto !important; }
.Party-LogoImg { width: 2rem; height: 2rem; border-radius: 20rem; display: inline-block; vertical-align: middle; margin-right: 0.5rem; margin-bottom: .5rem; border: .0625rem solid #ddd; }
/* ModalBox-Scol */
.ModalBox-Scol { width: 100%; height: 20rem; overflow: scroll; }
@media (min-width:0px) and (max-width:575.98px) {
.ModalBox-Scol { width: 100%; height: 60vh; overflow: scroll; }
}
/* --------------------- grey Color ---------------------- */
.Bg-grey-1 { background-color: #f8f8f8; }
.Bg-grey-2 { background-color: #f2f2f2; }
.Bg-grey-2-sp { background-color: #fff; }
.Bg-grey-3 { background-color: #dcdcdc; }
.Bg-grey-4 { background-color: #505050; }
.Bg-grey-5 { background-color: #ededed; }
.Bg-grey-6 { background-color: #9A9A9A; }
@media (min-width:0px) and (max-width:575.98px) {.Bg-grey-2-sp { background-color: #f2f2f2; }}
/**/
.Page-FilterBar { background-color: #ededed; }
span.bg-white .Page-FilterBar { background-color: #fff; }
.sr-only-top {
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
border: 0
}
.sr-only-top-focusable:active,.sr-only-top-focusable:focus {
z-index:999;
width: auto;
height: auto;
top:0px;
left:0px;
margin: 0;
overflow: visible;
background-color: white;
}