@charset "utf-8";
/* CSS Document 
allisxen@gmail.com */

#poster{
--main-color:#01479d;
padding:2rem 0;}
#poster .container{ padding: 0; background:#fff; max-width:960px; border:1rem solid var(--bs-gray-500);}
.poster-img img{ max-width: 100%;}
#poster td p{ margin-bottom:.5em;}
#poster td p:last-child{ margin-bottom:0;}
#poster h1{  font-weight:900; margin-bottom:2.8rem;font-size: clamp(1.6rem, 8vw - 2rem, 3.4rem);  color:var(--main-color);background-size:cover;}
#poster h1 span{ font-weight:400;font-size:.46em; color:var(--bs-gray-600);}
#poster h2{ font-weight:700; font-size:1.42em; margin-bottom:1em}
#poster .definition-group{ margin-bottom:4rem;}
#poster .definition-group dt,
#poster .definition-group dd{ padding:.25em .75em;}
#poster .definition-group dt{ background:RGBA(26, 53, 79,.8); color:#fff; text-align:center;}
#poster .time-table .table{ margin-bottom:3rem;}
#poster .btn-action{ text-align:center; margin-bottom:3rem;}
#poster .btn-action a{ display:inline-block; background:#1A354F; color:#fff; padding:1em 2em}
.qr-code{ border:3px solid var(--main-color);}
.qr-code figure{ margin-bottom:0; text-align: center}
.qr-code figcaption{ background:var(--main-color); color:#fff; text-align:center; padding: .75em}
.qr-code figcaption a{ color:#fff;}
.text-box{ display:inline-block; background:hsl(0,0%,90%); border-radius:10em; padding: .25em .75em;text-align: center;}
#poster tbody th.bg1{ background:#0c7cbe}
#poster tbody th.bg2{ background:#0b9e74}
#poster tbody th.bg3{ background:#df504a}


@media (max-width: 767.98px) {
/* ~sm */
#poster{ padding:0;}
#poster .container{ padding:1.4rem;border-width: .5rem;}
}