@font-face { font-family:PlayfairDisplay; src:url(PlayfairDisplay-Regular.ttf)format("truetype"); font-display: swap;} 
@font-face { font-family:Inter; src:url(Inter_18pt-Regular.ttf)format("truetype"); font-display: swap;} 

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{/* font-family: Arial, Helvetica, sans-serif; */font-family: PlayfairDisplay,PingFang SC,Microsoft YaHei,STHeiti; font-size: 14px; color:#000000; -webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; background-color: #1e1e1e;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block;}
li {list-style: none;}
input{outline:none;border:0px;margin:0px;padding:0px}
input:-webkit-autofill{box-shadow:0 0 0 1000px white inset !important}


a{color:#000000;text-decoration:none;}
a:link,a:visited,a:active { text-decoration: none;}
a:hover,.hover:hover a,* a:hover { /*text-decoration:underline;*/ text-decoration: none; }

img{border:0;vertical-align:middle}
input,select,textarea,button { outline: 0;  -webkit-user-modify: read-write-plaintext-only; border:0px; font-family:OpenSauceOne,sans-serif; } 
* {  -webkit-tap-highlight-color: transparent;/*  -webkit-appearance: none; */ }
.onlyPc { display: block;} 
.onlyMobile { display: none ;}

.tc { text-align: center;}.tr { text-align: right;}.disBlock { display:inline-block;} .fl { float: left;} .fr { float: right;}
.underline { text-decoration: underline;}.underlineNone,.underlineNone:hover { text-decoration: none;}
.borderRadius { border-radius: 2px;}

/*  */
html {font-size: clamp(16px, .94117vw, 22px);}
html body {
    flex-direction: column;
    min-height: 100vh;
    display: flex;
}
.text-white { color: #ffffff;}
.text-white a,.text-white a:link,.text-white a:hover { color: #ffffff; text-decoration: underline;}

.personage_box { position: relative; width: 100%; height: 100%; background-color: #1e1e1e;}
.personage_box .pic { width: 100%; height: auto;}
.personage_box .r_text { color: #ffffff; position: absolute; margin-left: 45%; display: flex; text-wrap: balance; text-align: center; padding: .25rem;
    justify-content: center; flex-direction: column; align-items: center; inset:0; padding-inline: 4rem;} 
.max-h-screen { max-height: 100vh;}
.personage_box .r_text .sitelogo { margin-bottom: 2rem;}
.personage_box .r_text .sitelogo img { height: 6rem; width: auto;}
.personage_box .r_text .p1 { font-size: 3.25rem; line-height: 105%; margin-bottom: 2rem;}
.personage_box .r_text .p2 { font-size: 2.125rem; line-height: 105%; margin-bottom: 3.5rem;}
.personage_box .r_text .p3 { font-size: 1.70rem; line-height: 120%; letter-spacing: 0}

/* .personage_bg { padding-inline:2rem; padding-top: 10vw;  text-align: center;
background-color: #000000;
    background-image:radial-gradient(circle at 50% 100%, #95a0b1, #000000), radial-gradient(circle at 50% 75%, #95a0b1, #000010); } */
    .personage_bg { padding-inline:2rem; padding-top: 10vw;  text-align: center;
 background: url(/images/TheHonorableTungCheehwa_bg2.jpg) no-repeat 0 0; background-size: 100% 100%; }
.personage_bg .sitelogo { margin-bottom: 2rem;}
.personage_bg .sitelogo img { height: 6rem; width: auto;}
.personage_bg .m_p1 { font-size: 2.125rem; line-height: 1.2; margin-bottom: 2rem;}
.personage_bg .m_p2 { font-size: 1.75rem; line-height: 105%; margin-bottom: 1.5rem;}
.personage_bg .pic { width: 100%; height: auto;}
.m_p3 { font-size: 1.5rem; line-height: 1.4; letter-spacing: 0; padding: 2rem;text-align: center;}


.bottom { position: fixed; font-family: Inter; left: 0; bottom: 0; right: 0; padding: 1rem; text-align: center; font-size: 0.9375rem; background-color: rgb(0,0,0,.6);}


@media (max-width: 64rem) {
    .onlyPc { display: none;} 
    .onlyMobile { display: block ;}

    .bottom { position: static; padding: 1rem; border: rgb(255,255,255,.1) 1px solid;}

}