@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body, html{font-family: "Roboto", sans-serif !important;position: relative; color: #212529;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-family: "Roboto", sans-serif !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

/* Gnuboard */
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.btn_admin { display: none; }

p {margin:0;padding:0;word-break:break-word}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

/* captcha */
#captcha {display:inline-block;position:relative;max-width:none;background:none;text-align:left;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #ccc;vertical-align:top;padding:0;margin:0;border-radius:3px}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:80%;color:#ff0000;letter-spacing:-0.1em}
@media (max-width: 575px) {	#captcha_audio {display:none !important;} }

/* Custom */
a { color: #000; text-decoration: none; cursor: pointer;}
select { font-size: 14px; }

#footer .logo img {	filter: grayscale(1); top: 0px; }

#latest h4 a { color: #000; }
#latest h4 a:hover { text-decoration: none; }
#latest li a { color: #777; }

.pagination { margin-top: 0rem; margin-bottom: 0rem; }

.ck.ck-editor__editable { min-height: 200px !important; }

/*
.dropdown-item { font-size: 1rem; }
.title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; }
*/

.breadcrumb a { color:#6c757d; }

/* .searchable { color:#333; } */

/********************************************************
■ Go Top & Bottom : 
********************************************************/
.at-go .goto-top { display:none; position: fixed; width:40px; bottom: 20px; right: 25px; z-index: 2; }
.at-go .goto-top span { display: block; color:#fff; background: rgba(0,0,0,0.3); margin:5px 0px; text-align: center; border-radius: 50%; width: 42px; height: 42px; line-height: 42px !important; font-size: 19px; }
.at-go .goto-top .go-bottom { display:none; }
@media (max-width: 768px) {
	.at-go .goto-top { bottom:5px; right:5px; }
}


/* Table Size */
#fboardlist .w30 {width:30px;text-align:center}
#fboardlist .w40 {width:50px;text-align:center}
#fboardlist .w50 {width:50px;text-align:center}
#fboardlist .w60 {width:60px;text-align:center}
#fboardlist .w70 {width:70px;text-align:center}
#fboardlist .w90 {width:90px;text-align:center}
#fboardlist .w80 {width:80px;text-align:center}
#fboardlist .w110 {width:110px;text-align:center}
#fboardlist .w100 {width:100px;text-align:center}
#fboardlist .w120 {width:120px;text-align:center}
#fboardlist .w130 {width:130px;text-align:center}
#fboardlist .w140 {width:140px;text-align:center}
#fboardlist .w150 {width:150px;text-align:center}
#fboardlist .w200 {width:200px;text-align:center}


.td_30 {width: 30px; text-align: center}
.td_40 {width: 40px; text-align: center}
.td_50 {width: 50px; text-align: center}
.td_60 {width: 60px; text-align: center}
.td_70 {width: 70px; text-align: center}
.td_80 {width: 80px; text-align: center}
.td_90 {width: 90px; text-align: center}
.td_100 {width: 100px; text-align: center}
.td_120 {width: 120px; text-align: center}
.td_150 {width: 150px; text-align: center}
.td_200 {width: 200px; text-align: center}
.td_250 {width: 250px; text-align: center}
.td_300 {width: 300px; text-align: center}
.td_350 {width: 350px; text-align: center}
.td_400 {width: 400px; text-align: center}
/*
Bootstrap 5 
*/
.btn {
    font-size: 0.8rem;
}
*:focus {
    box-shadow: none !important;
}