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

#poster{
--main-color:#01479d;
padding:2rem 0;}
#poster .container{ background:#fff; max-width:960px; padding:2rem; border:1rem solid var(--main-color);}
#poster thead th{ background:#577293; color:#fff; border-color:#577293;border-width:1px;}
#poster td p{ margin-bottom:.5em;}
#poster td p:last-child{ margin-bottom:0;}
#poster h1{ text-align:right; font-weight:900; margin-bottom:2.8rem;font-size: clamp(1.6rem, 8vw - 2rem, 3.4rem);  color:var(--main-color); margin:-2rem -3rem 0 -3rem; padding:2% 15% 40% 18%;
background-image:url(../img/bg-poster-header2.230818.png); 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 td strong{ font-weight:500; color:#01479d; font-size:1.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 h2 + p{font-size:.938em; color:hsl(0,0%,40%);}
#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;}
.qr-code figcaption{ background:var(--main-color); color:#fff; text-align:center;}
.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;}

@media (max-width: 767.98px) {
/* ~sm */
#poster{ padding:0;}
#poster .container{ padding:1.4rem;border-width: .5rem;}
#poster .container h1{padding: 2% 10% 40% 0; margin:-1.4rem -1.4rem 1.4rem -1.4rem;background-position: 0 1rem;}
}