@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;600&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Sarabun:wght@400;700&display=swap);

:root{
  --font: 'Inter', Helvetica, 'Noto Sans Thai', san-serif;
}


body {
	background: #000 !important;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	margin: 0;	
	font-family: var(--font);
	font-size: 13px;
}


a{
transition: .3s;
}

a:link {
	color: #fff;
	text-decoration: none;
}

a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover,
a:active {
	color: #ccc;
	text-decoration: none;
}

#container {
	color: #fff;
	text-align: left;
	line-height: 1.6;
	margin: 0;
	margin: auto;
	width: 90%;
	font-size: 13px;
}

.wrapper {
	margin: auto auto;
}

#logo {
background: url(https://media.discordapp.net/attachments/972216564642357258/975513881826951178/pnglogo_w.png) center/cover;
background: url(https://64.media.tumblr.com/2f96e83157ad436775820c74ddf735e6/453dc3184b4c1765-ea/s400x600/f8f292c998de6ba8f2ef26c91e1a078a21391239.gif) center/cover;
mask-image: url(https://media.discordapp.net/attachments/972216564642357258/975513881826951178/pnglogo_w.png);
mask-size: 44px;
mask-position: 50% 50%;
-webkit-mask-image: url(https://media.discordapp.net/attachments/972216564642357258/975513881826951178/pnglogo_w.png);
-webkit-mask-size: 44px;
-webkit-mask-position: 50% 50%;
filter: saturate(3);

width: 25px;
color: #ffffff;
margin: 50px 38px 20px;
transition: .3s;
height: 43px;
}

#content {
	color: #fff;
	font-size: 13px;
}

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-image: url(../../../images/headerlinks_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
	background-position: 0 0;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
}

#panel .upper a.logout {
	font-weight: bold;
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	background: url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .upper a.register {
	background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat;
	padding-right: 20px;
	margin-left: 10px;
	font-weight: bold;
}

#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.panel_links a.usercp {
	background-position: 0 -120px;
}

#panel .lower ul.panel_links a.modcp {
	background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
	background-position: 0 -160px;
}

#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
	background: #0f0f0f url(../../../images/tcat.png) repeat-x;
	color: #fff;
	border-top: 1px solid #444;
	border-bottom: 1px solid #000;
	padding: 7px;
	clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
	color: #fff;
}

#panel .lower {
	background: #efefef;
	color: #999;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #666;
}

#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle;
}

#search input.button,
#search input.textbox {
	border-color: #000;
}

#search input.button {
	background: #0066a2 url(../../../images/thead.png) top left repeat-x;
	color: #fff;
}

#search input {
	margin: -3px 0;
}

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

#footer {
	background: #efefef;
	clear: both;
}

#footer ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer ul.menu li {
	margin: 0 5px;
	display: inline;
}

#footer .upper {
	background: #efefef;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 6px;
	font-size: 12px;
}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #777;
}

#footer .upper .language {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .language select {
	border-color: #ccc;
}

#footer .upper .theme {
	float: right;
	margin: -1px;
	margin-left: 15px;
}

#footer .upper .theme select {
	border-color: #ccc;
}

#footer .upper ul.bottom_links {
	float: left;
	margin: 4px 0 0 0;
}

#footer .lower {
	color: #666;
	padding: 6px 6px 12px 6px;
	font-size: 11px;
}

#footer .lower a:link,
#footer .lower a:visited {
	color: #444;
	font-weight: bold;
}

#footer .lower a:hover,
#footer .lower a:active {
	color: #333;
	text-decoration: underline;
	font-weight: bold;
}

#footer .lower #current_time {
	float: right;
	color: #888;
}

#debug {
	float: center;
	text-align: center;
	margin-top: 5px;
	
	font-size: 11px;
}

.scaleimages img {
	max-width: 100%;
}

.forum_status {
height: 50px;
width: 50px;
font-size: 30px;
text-align: center;
}

.forum_status i {
display: inline-block;
line-height: 50px;
}

.forum_on {
	color: #fff;
}

.forum_off, .forum_offlock, .forum_offlink {
color: #333;
}

.forum_off i {
opacity: .4;
}

.forum_offlock i:before {
content: "\f05e";
}

.forum_offlink i:before {
content: "\f079";
}

.subforumicon {
	width: 5px;
	height: 5px;
	display: inline-block;
	margin: 5px 5px 5px 5px;
	padding-right: 5px;
	font-size: 8px;
}

.subforum_minion {
color: transparent;
	font-size: 5px;
background: #ddd;
height: 10px;
border-radius: 10px;
overflow: hidden;
}

.subforum_minioff, .subforum_miniofflock, .subforum_miniofflink {
	color: #fff;
	font-size: 5px;
}

.subforum_minioff, .subforum_minioffclose {
	opacity: .4;
color: transparent;
	background: #7d7d7d;
height: 10px;
border-radius: 10px;
overflow: hidden;
	font-size: 5px;
}

.subforum_miniofflock i:before {
	color: #fff;
	content: "\f111";	
	font-size: 5px;
}

.subforum_miniofflink i:before {
	color: #646464;
	content: "\f111";	
	font-size: 5px;
}

table {
	color: #fff;
	font-size: 13px;
}

.tborder {
	width: 100%;
	margin: auto auto;
}

.tfixed {
	table-layout: fixed;
	word-wrap: break-word;
}

.thead {
	color: #ffffff;
	padding: 4px 0;
	
	font-size: 1.5rem;
	font-weight: bold;
}

.thead a:link {
	color: #ffffff;
	text-decoration: none;
}

.thead a:visited {
	color: #ffffff;
	text-decoration: none;
}

.thead a:hover,
.thead a:active {
	color: #ffffff;
	text-decoration: none;
}

.tcat {
	background: #131313;
	color: #ccc;
	border-top: #101010 1px solid;
	border-bottom: #262626 1px solid;
	padding: 6px;
	
	font-size: 12px;
}

.tcat a:link {
	color: #fff;
}

.tcat a:visited {
	color: #fff;
}

.tcat a:hover,
.tcat a:active {
	color: #fff;
}

.trow1 {
	background: #131313;
	color: #ccc;
	border-top: #101010 1px solid;
	border-bottom: #000 1px solid;
	padding: 10px;
	
	font-size: 13px;
}

.trow2 {
	background: #131313;
	color: #fff;
	border-top: #101010 1px solid;
	border-bottom: #000 1px solid;
	padding: 10px 10px;
	
	font-size: 13px;
}

.trow_shaded {
	background: #1f1f1f;
	color: #fff;
	border-top: #101010 1px solid;
	border-bottom: #262626 1px solid;
	padding: 10px;
	font-size: 13px;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #0e0e0e;
}

.post.unapproved_post .post_author {
}

.post.classic.unapproved_post .post_author {
	border: 1px solid #232323;
}

.post.unapproved_post .post_controls {
}

.trow_deleted,
.post.deleted_post {
}

.trow_selected,
tr.trow_selected td {
	background: #1f1f1f;
	color: #fff;
	border-top: #101010 1px solid;
	border-bottom: #262626 1px solid;
	padding: 10px;
	font-size: 13px;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
	color: #fff;
}

.trow_sep {
padding: 5px 0 0;
color: #fff;
font-size: 13px;
font-weight: bold;
}

.tfoot {
	background: #131313;
	color: #ccc;
	border-top: #101010 1px solid;
	padding: 10px;
	border-radius: 0px 0px 6px 6px !important;
}

.tfoot a:link {
	color: #ccc;
	text-decoration: none;
}

.tfoot a:visited {
	color: #ccc;
	text-decoration: none;
}

.tfoot a:hover,
.tfoot a:active {
	color: #fff;
	text-decoration: none;
}

.thead input.textbox,
.thead select {
	border: 1px solid #131313;
}

.bottommenu {
	font-size: 13px;
}

.navigation {
	color: #ccc;
	font-size: 12px;
}

.navigation a:link {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

.navigation a:visited {
	color: #ccc;
	text-decoration: none;
	font-size: 12px;
}

.navigation a:hover,
.navigation a:active {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
}

.navigation .active {
color: #fff;
font-weight: bold;
font-size: 12px;
}

.navigation .active .forum-last{
display: none;
}

.smalltext {
	font-size: 13px;
}

.largetext {
	font-weight: bold;

	font-size: 13px;
}

fieldset {
	background: #000;
	color: #ccc;
	padding: 12px;
	margin: 0;
	border: #232323 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

fieldset.trow1,
fieldset.trow2 {
	border: 1px solid #303030;

border-radius: 6px;
padding: 15px;
box-sizing: border-box;
}

fieldset.align_right {
	text-align: right;
}

input.textbox {
	font-family: var(--font);
background: transparent;
border: 1px solid #303030;
color: #fff;
padding: 10px 12px;
border-radius: 6px !important;
font-size: 13px;
transition: .3s border;
}

input.textbox:focus{
border: 1px solid #808080;
}

textarea {
background: transparent;
border: 1px solid #303030;
padding: 10px 12px;
border-radius: 6px !important;
color: White;
	line-height: 1.4;
	font-size: 13px;
	font-family: var(--font);
transition: .3s border;
}

textarea:focus{
border: 1px solid #808080;
}

select {
	background: #0e0e0e;
	color: #fff;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
	border: 1px solid #232323;
	
	font-family: var(--font);
	font-size: 13px;
}

button,
input.button {
margin: 0;
	color: #000;
background: #fff;
border: 0;
border-radius: 20px !important;
padding: 4px 14px;
	cursor: pointer;
	outline: 0;
	font-family: var(--font);
	font-size: 13px;
margin-right: 5px;
}

button:hover,
input.button:hover {
	color: #ccc;
}

form {
	margin: 0;
	padding: 0;
}

input.error, textarea.error, select.error {
	border: 1px solid #f30;
	color: #f30;
}

input.valid, textarea.valid, select.valid {
	border: 1px solid #0c0;
	text-shadow: none;
}

label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	text-shadow: none;
	font-size: 11px;
	font-weight: bold;
}

form #message {
    width: 500px;
}

.editor {
	color: #969696;
	text-decoration: none;
  	background: #151515;
   -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: inset 0 0 1px 1px #262626;
    -moz-box-shadow: inset 0 0 1px 1px #262626;
     box-shadow: inset 0 0 1px 1px #262626;
     border: #101010 1px solid;
     text-shadow: 1px 1px 0px #0d0d0d;
}

.editor_control_bar {
	color: #969696;
	text-decoration: none;
  	background: #151515;
   -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: inset 0 0 1px 1px #262626;
    -moz-box-shadow: inset 0 0 1px 1px #262626;
     box-shadow: inset 0 0 1px 1px #262626;
     border: #101010 1px solid;
     text-shadow: 1px 1px 0px #0d0d0d;
}

.post .editor_control_bar {
	color: #969696;
	text-decoration: none;
  	background: #151515;
   -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    -webkit-box-shadow: inset 0 0 1px 1px #262626;
    -moz-box-shadow: inset 0 0 1px 1px #262626;
     box-shadow: inset 0 0 1px 1px #262626;
     border: #101010 1px solid;
     text-shadow: 1px 1px 0px #0d0d0d;
}




.trow_reputation_positive {
	background: #144b14;
	color: #fff;
	text-shadow: 1px 1px 0px #144b14;
}

.trow_reputation_negative {
	background: #912222;
	color: #fff;
	text-shadow: 1px 1px 0px #6e1b1b;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

img {
	border: none;
        vertical-align: middle;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	color: #fff;
	background-color: #303030;
	height: 1px;
	border: 0px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
}

.float_right {
	float: right;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background: #FFFBD9;
	color: #333;
	border-bottom: 1px solid #F7E86A;
	text-align: center;
	text-shadow: 1px 1px 1px #FFFBD9;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}

blockquote {
color: #fff;
background: #202020;
margin: 10px 0px;
padding: 20px;
border-radius: 6px !important;
border-left: 6px solid #4f4f4f;
}

blockquote cite {
display: block;
font-weight: bold;
}

blockquote cite span {
	color: red;
	float: right;
	
	font-size: 12px;
	font-weight: normal;
}

blockquote cite span.highlight {
	float: none;
	font-weight: bold;
	padding-bottom: 0;
}

.codeblock {
color: #fff;
background: #202020;
margin: 10px 0px;
padding: 20px;
border-radius: 6px !important;
font-size: 12px;
}

.codeblock .title {
display: none;
}

.codeblock code {
	height: auto;
max-height: 200px;
font-size: 13px;
font-style: italic;
text-align: justify;
word-break: break-all;
}

.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}



#subject_new .trow1, #subject_new .trow2{
        background: #1b1b1b;
}

#subject_new .pagination2 a:link, #subject_new .pagination2 a:visited{
        background: #303030;
        border: 1px solid #303030;
}

#subject_new .pagination2 a:link:hover, #subject_new .pagination2 a:visited:hover{
        background: #505050;
        border: 1px solid #505050;
}

.pagination2 a:link:hover, .pagination2 a:visited:hover{
        background: #404040;
        border: 1px solid #404040;
}

#subject_new .reply{
        font-weight: normal;
        background: #303030;
}



.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #3e3e3e;
	color: #fff;
	text-shadow: 1px 1px 0px #161616;
	border: 1px solid #5e5c5c;
	text-align: center;
	padding: 10px 20px;
	margin-bottom: 15px;

	font-size: 11px;
}

.pm_alert a:link,
.pm_alert a:visited,
.pm_alert a:hover,
.pm_alert  a:active {
	color: #fff;

	font-size: 11px;
}

.red_alert {
	position: absolute;
top: 10px;
left: 90px;
background: #912222;
color: #fff;
text-align: center;
padding: 5px 20px;
border-radius: 15px !important;
word-wrap: break-word;
text-decoration: none;
font-size: 11px;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert  a:active {
	color: #ccc;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	
	font-size: 11px;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

.online {
	color: #15A018;
}

.offline {
	color: #C7C7C7;
}

div.error {
	margin-top: 10px;
border-radius: 20px;
background: #f6cccc;
	color: #000;
	padding: 5px 10px;
	border-top: 0;
	text-shadow: none;	
	font-size: 12px;
}

div.error a:link,
div.error a:visited,
div.error a:hover,
div.error a:active {
	color: #000;
	text-shadow: none;
}

div.error p {
	color: #000;
	margin: 0;
	text-shadow: none;	
	font-weight: normal;
}

div.error p a:link,
div.error p a:visited,
div.error p a:hover,
div.error p a:active {
	color: #000;
	text-shadow: none;
}

div.error span {
	color: rgb(185, 57, 57);
        padding-left: 4px;
	display: inline-block;
	text-shadow: none;
	font-style: normal;
	font-weight: bold;
}

div.error span i {
	padding-right: 5px;
}

div.error p em a:link,
div.error p em a:visited,
div.error p em a:hover,
div.error p em a:active {
	color: #000;
	text-shadow: none;
}

div.error ul {
	margin-left: 24px;
	text-shadow: none;
}

div.error ul a:link,
div.error ul a:visited,
div.error ul a:hover,
div.error ul a:active {
	color: #000;
	text-shadow: none;
}

.pagination {
	font-size: 11px;
	padding-top: 10px;
	margin-bottom: 5px;
}

.tfoot .pagination,
.tcat .pagination {
	color: #ccc;
	padding-top: 0;
}

.pagination .pages {
	color: #fff;
	text-shadow: 1px 1px 0px #161616;
    font-size: 13px;
	font-weight: bold;
}

.pagination .pagination_current,
.pagination a {
	background: #202020;
	color: #fff;
	border: 1px solid #202020;
	text-align: center;
	margin-top: 15px;
	cursor: pointer;
	padding: 3px 6px;
	transition: all 0.5s ease;
	border-radius: 3px;
	
	font-weight: bold;
}

.pagination a {
background: #202020;
font-weight: bold;
color: #fff;
border: 1px solid #202020;
text-align: center;
margin-top: 15px;
cursor: pointer;
padding: 3px 6px;
transition: all 0.2s ease;
border-radius: 3px;
}

.pagination a:hover{
background: #404040;
border: 1px solid #404040;
}


.pagination .pagination_current {
	background: #fff;
	color: #000;
	border: 1px solid #fff;
	text-align: center;
	margin-top: 15px;
	cursor: pointer;
	padding: 3px 6px;
	transition: all 0.5s ease;
	border-radius: 3px;
	
	font-weight: bold;
}

.pagination a:hover {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	text-decoration: none;
}

.pagination .go_page img {
	margin-bottom: -4px;
}

.drop_go_page {
	background: #242424;
padding: 0px 10px;
border-radius: 30px !important;
}

.pagination_breadcrumb {
	background-color: #efefef;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	margin-bottom: 10px;
	text-shadow: none;
	font-size: 10px;
	font-weight: bold;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	border-top: 3px solid #333;
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.ignored_post .show_ignored_post ซspan {
	background-position: 0 -400px;
}

.post-container {
margin-top: 30px;
background: #131313;
border-radius: 6px 6px 0px 0px;
display: flex;
}

.post.classic {
	padding-top: 15px;
}

.post .post_author {
	background: #0e0e0e;
	border-bottom: 1px solid #232323;
	border-top: 2px solid #232323;
	padding: 5px;

	border-top: 1px solid #232323;
}

.post.classic .post_author {
	width: 15%;
	float: left;
	margin: 0 1% 15px 0;
	border-left: 0;
	padding: 5px 1%;
	border: 1px solid #232323;
	border-left: none;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
	padding: 5px;
}

.post .post_author div.author_information {
	float: left;
	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
}

.post .post_author div.author_statistics {
	float: right;
	font-size: 11px;
	padding: 3px 10px 3px 5px;
	color: #666;
	line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
	margin: 6px 0 0 0;
	padding: 6px 6px 3px 6px;
	float: none;
}

.post .post_head {
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom: 1px dashed #232323;

	font-size: 12px;
}

.post .post_head span.post_date {
	color: #ccc;
}

.post .post_head span.edited_post {
	color: #ccc;
	font-size: 12px;
}

.post .post_head span.edited_post a {
	color: #ccc;
}

.post_body {
	padding: 12px 0;
	line-height: 1.8;
	overflow: hidden;
	font-size: 17px;
word-break: break-word;
}

.post_body form textarea{
max-width: 97%;
margin-bottom: 10px;
}

.post.classic .post_content {
	float: left;
	width: 79%;
	padding: 0 1% 5px 1%;
}

.post_content {
	padding: 9px 10px 5px 10px;
}

.post_content .signature {
	margin-top: 30px;
	padding-top: 40px;
	border-top: 1px solid #303030;
}

.signature img{
max-width: 500px;
max-height: 350px;
}

.post .post_meta {
	color: #ccc;
	margin: 4px 0;

	font-size: 12px;
}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #ccc;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #fff;
}

.post_controls {
	background: #131313;
	clear: both;
	padding: 8px;
	height: 35px;
	border-radius: 0px 0px 6px 6px;
	min-width: 514px;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	background: #202020;
	color: #fff;
	display: inline-block;
	padding: 1.5px 13px;
	margin: 2px;
	border-radius: 20px;
	
	font-size: 12px;
}

.postbit_buttons > a:hover {
	background: #403f3f;
	color: #fff;

	font-size: 12px;
}

.postbit_buttons a span:before {
	content: "";
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 2.4;
	
	font-family: FontAwesome;
	font-size: 12px;
	font-weight: normal;
}

.postbit_buttons a.postbit_find span:before {
content: "\f002";
}

.postbit_buttons a.postbit_reputation_add span:before {
content: "\f067";
}

.postbit_buttons a.postbit_email span:before {
content: "\f0e0";
}

.postbit_buttons a.postbit_website span:before {
content: "\f0ac";
}

.postbit_buttons a.postbit_pm span:before {
content: "\f199";
}

.postbit_buttons a.postbit_quote span:before {
content: "\f10e";
}

.postbit_buttons a.postbit_multiquote span:before {
content: "\f055";
}

.postbit_buttons a.postbit_multiquote_on span:before {
	content: "\f056";
	color: #ffffff;
	text-shadow: 0 0 10px white;
}

.postbit_buttons a.postbit_edit span:before {
content: "\f044";
}

.postbit_buttons a.postbit_qdelete span:before {
content: "\f00d";
}

.postbit_buttons a.postbit_qrestore span:before {
content: "\f067";
}

.postbit_buttons a.postbit_report span:before {
content: "\f0a1";
}

.postbit_buttons a.postbit_warn span:before {
content: "\f0e3";
}

.postbit_buttons a.postbit_purgespammer span:before {
content: "\f071";
}

.postbit_buttons a.postbit_reply_pm span:before {
content: "\f112";
}

.postbit_buttons a.postbit_reply_all span:before {
content: "\f122";
}

.postbit_buttons a.postbit_forward_pm span:before {
content: "\f064";
}

.postbit_buttons a.postbit_delete_pm span:before {
content: "\f00d";
}

a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	background: #ffffff;
color: #000;
display: inline-block;
padding: 4px 14px 4px 11px;
margin: 10px 0px;
border-radius: 20px;
font-size: 13px;
}

a.button.small_button {
	margin: 0;
	padding: 5px 15px;
	font-size: 13px;
}

a.button span {
	display: inline-block;
	
	font-size: 13px;
}

a.button.new_thread_button span {
	background-position: 0 -340px;
}

a.button.new_reply_button span {
	background-position: 0 -360px;
}

a.button.closed_button span {
	background-position: 0 -380px;
}

a.button.rate_user_button span {
	background-position: 0 -400px;
}

a.button.add_buddy_button span {
	background-position: 0 -440px;
}

a.button.remove_buddy_button span {
	background-position: 0 -480px;
}

a.button.add_ignore_button span {
	background-position: 0 -460px;
}

a.button.remove_ignore_button span {
	background-position: 0 -500px;
}

a.button.report_user_button span {
	background-position: 0 -520px;
}

.quick_jump {
	background: url(../../../images/jump.png) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	margin-top: -3px;
	border: none;
}

.pollbar {
	background: url(../../../images/pollbar.png) top left repeat-x;
	border: 1px solid #3f3f3f;
	height: 10px;
}

.pollbar .percent {
	display: none;
}

.posticons_label {
	white-space: nowrap;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
	position: absolute;
}

.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
  z-index: 9999;
  color: #ffffff;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: fixed;
}

.jGrowl.top-left {
  left: 0px;
  top: 0px;
}

.jGrowl.top-right {
  right: 0px;
  top: 0px;
}

.jGrowl.bottom-left {
  left: 0px;
  bottom: 0px;
}

.jGrowl.bottom-right {
  right: 0px;
  bottom: 0px;
}

.jGrowl.center {
  top: 0px;
  width: 50%;
  left: 25%;
}

/** Cross Browser Styling **/

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
  margin-left: auto;
  margin-right: auto;
}

.jGrowl-notification {
  background-color: #303030;
  zoom: 1;
  width: 250px;
  padding: 15px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  word-break: break-all;
  min-height: 40px;
}

.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

.jGrowl-notification .jGrowl-header {
  font-weight: bold;
  font-size: .85em;
}

.jGrowl-notification .jGrowl-close {
  background-color: transparent;
  color: inherit;
  border: none;
  z-index: 99;
  float: right;
  font-weight: bold;
  font-size: 1em;
  cursor: pointer;
}

.jGrowl-closer {
  background-color: #000000;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
  zoom: 1;
  width: 250px;
  padding: 10px;
  margin: 10px;
  text-align: left;
  display: none;
  border-radius: 5px;
  word-break: break-all;
  padding-top: 4px;
  padding-bottom: 4px;
  cursor: pointer;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
}

.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
  border: 1px solid #000;
  background: #000;
  color: #fff;
}

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
}


}

/** jGrowl End **/

/** Modal Start **/

.modal {
	background: #131313;
	width: 400px;
	display: none;
	text-align: left;
	border-radius: 6px;
}

.modal a.close-modal{
position: absolute;
top: -24px;
right: 0;
border-radius: 30px;
display: block;
width: 20px;
height: 20px;
text-indent: -9999px;
background: url(https://i.imgur.com/TG39B4e.png) no-repeat center/40%;
transition: .5s;
}

.modal a.close-modal:hover{
background: url(https://i.imgur.com/TG39B4e.png) no-repeat center/40%, #3b3b3b;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(../../../images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v6.2.1 - 2015-05-10
* http://trentrichardson.com/Impromptu
* Copyright (c) 2015 Trent Richardson; Licensed MIT */

.jqifade{
	position: absolute; 
	background-color: #777777;
}

iframe.jqifade{
	display:block;
	z-index:-1;
}

div.jqi{
 
	width: 400px; 
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	position: absolute; 
	background-color: #ffffff; 
	font-size: 11px; 
	text-align: left; 
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}

div.jqi .jqicontainer{
}

div.jqi .jqiclose{
 
	position: absolute;
	top: 4px; right: -2px; 
	width: 18px; 
	cursor: default; 
	color: #bbbbbb; 
	font-weight: bold;
}

div.jqi .jqistate{
	background-color: #fff;
}

div.jqi .jqititle{
	padding: 5px 10px;
	font-size: 13px; 
	line-height: 20px; 
	border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage{
 
	padding: 10px; 
	line-height: 20px; 
	color: #444444; 
	overflow: auto;
}

div.jqi .jqibuttonshide{
	display: none;
}

div.jqi .jqibuttons{
 
	text-align: right; 
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4; 
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button{
 
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal; 
	border: none;
	border-left: solid 1px #e4e4e4; 
	color: #777; 
	font-weight: bold; 
	font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton{
	color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	color: #287ade;
	outline: none;
}

div.jqi .jqibuttons button[disabled]{
	color: #aaa;
}

.jqiwarning .jqi .jqibuttons{
 
	background-color: #b95656;
}

/* sub states */
div.jqi .jqiparentstate::after{
 
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.jqi .jqisubstate{
	position: absolute;
	top:0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button{
	padding: 10px 18px;
}

/* arrows for tooltips/tours */
.jqi .jqiarrow{
 position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;
}

.jqi .jqiarrowtl{
 left: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc{
 left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowtr{
 right: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl{
 left: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowbc{
 left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowbr{
 right: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowlt{
 left: -20px; top: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowlm{
 left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowlb{
 left: -20px; bottom: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowrt{
 right: -20px; top: 10px; border-left-color: #ffffff;
}

.jqi .jqiarrowrm{
 right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowrb{
 right: -20px; bottom: 10px; border-left-color: #ffffff;
}

/** Impromptu End */

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
}

.post.unapproved_post .post_author {
}

.post.classic.unapproved_post .post_author {
}

.post.unapproved_post .post_controls {
}

.trow_deleted,
.post.deleted_post {
	border: 0;
background: #211;
    color: #f1f1f1;
	padding: 15px !important;
}

.deleted_post_hidden {
	background: rgba(15,15,15,0.95);
    color: #f1f1f1;
	padding: 10px !important;
	padding: 15px;
}

.deleted_post_collapsed {
	background: rgba(15,15,15,0.95);
    color: #f1f1f1;
	padding: 15px !important;
}

.deleted_post_collapsed .show_deleted_post {
	margin-top: 0px;
	padding: 15px;
}

.deleted_post_collapsed .show_deleted_post a.button span {
	background-position: 0 -400px;
}

/** Modal Start **/

.blocker {
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100vh;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	text-align: center;
	background: rgba(0, 0, 0, 0.95);
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	width: 530px;
padding: 10px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
position: absolute;
top: -24px;
right: 0;
border-radius: 30px;
display: block;
width: 20px;
height: 20px;
text-indent: -9999px;
background: url(https://i.imgur.com/TG39B4e.png) no-repeat center/40%, #3b3b3b;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(../../../images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
}

/** Modal End **/		
		
/* DVZ Shoutbox */
#shoutbox {
 margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1);
}

#shoutbox .head {
 padding: 8px;
}

#shoutbox.front .head {
 cursor: pointer;
}

#shoutbox .head .right {
 float: right; margin: 0 -8px 0 0; font-size: 13px;
}

#shoutbox .head .right a {
 padding: 8px;
}

#shoutbox.collapsed .head {
 opacity: 0.6;
}

#shoutbox.collapsed .body {
 display: none;
}

#shoutbox .body{
background: #121212;
padding: 15px;
border-radius: 6px;
}

#shoutbox .panel {
 border-top: solid 2px rgba(0,0,0,0.1);
}

#shoutbox input.text {
margin-bottom: 12px;
padding: 12px 16px !important;
width: 100%;
box-sizing: border-box;
border: none;
font-family: var(--font);
font-size: 13px;
color: #fff;
background: #202020;
border-radius: 6px;
border: 1px solid #141414;
transition: border .5s;
}

#shoutbox input.text:focus{
border: 1px solid #808080;
}

#shoutbox .minposts, #shoutbox .blocked {
 padding: 6px; font-size: 11px;
}

#shoutbox .panel.minposts {
 background: #FFFED8; color: #727250;
}

#shoutbox .panel.blocked {
 background: #FCEFEF; color: #543A3A;
}

#shoutbox .panel p {
 margin: 0;
}

#shoutbox .window {
overflow-y: scroll; background: #202020;border-radius: 6px;padding: 10px;
}

.window::-webkit-scrollbar {
  width: 10px;
}

.window::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 100px;
}

.window::-webkit-scrollbar-thumb {
  border-radius: 100px;
  border: 4px solid transparent;
  background-clip: content-box;
  background-color: #808080;
}

#shoutbox .data {
 display: table; width: 100%; border-top: solid 2px rgba(0,0,0,0.1); font-family: var(--font); font-size: 13px;
}

#shoutbox.front .data {
 border-top: none;
}

#shoutbox .entry {
width: 100%; 
transition: background-color 0.2s;
background: #212121;
border-bottom: 1px solid #202020;
padding: 2px 0px;
}

#shoutbox .entry:nth-child(even) {
 background-color: rgba(0,0,0,0.01);
}

#shoutbox .entry.new {
 background-color: rgba(255,255,100,0.1);
}

#shoutbox .entry:target {
 background-color: rgba(50,200,255,0.1);
}

#shoutbox .entry > div {
 border-bottom: dashed 1px rgba(0,0,0,0.05);
}

#shoutbox .entry:last-child > div {
 border: none;
}

#shoutbox .entry > div {
 display: table-cell; padding: 6px 6px;border: 0;word-break: break-all;
}

#shoutbox .avatar {
 height: 22px;vertical-align: middle;
}

#shoutbox .avatar img {
margin: 0 auto; 
vertical-align: middle;
width: 25px;
height: 25px;
object-fit: cover;
cursor: pointer;
border-radius: 30%;
}

#shoutbox .user {
 border-right: solid 1px rgba(0,0,0,0.05); text-align: left; white-space: nowrap; background: transparent;font-size: 13px;vertical-align: middle;
}

#shoutbox .text {
padding: 10px 6px !important;width: 100%; color: #ccc; word-break: keep-all; word-wrap: break-word;vertical-align: middle;
}

#shoutbox .info {
 font-size: 11px; color: #AAA; white-space: nowrap; text-align: right;
}

#shoutbox .entry.unread .info:before {
 display: inline-block; margin-right: 10px; height: 4px; width: 4px; content: ''; background: rgba(255,100,0,0.8); border-radius: 10px; vertical-align: middle;
}

#shoutbox .info a {
 color: inherit;
}

#shoutbox .mod {
 padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none;
}

#shoutbox .mod:nth-of-type(2) {
 margin-right: 5px; border-left: solid 1px rgba(0,0,0,0.1);
}

#shoutbox  .ip {
 margin-right: 10px; color: #CECECE;
}

.img-forum{
box-sizing: border-box;
aspect-ratio: 4 / 1;
height: 100%;
object-fit: cover;
min-width: 300px;
width: 450px;
margin: 4px 0;
border-radius: 6px;
}

@media only screen and (max-width: 1200px) {
.img-forum{
height: 90px;
aspect-ratio: 4 / 1;
width: 350px;
}


}

@media only screen and (min-width: 1500px) {
.img-forum{
aspect-ratio: 4 / 1;
width: 550px;
}


}

.forum-detail{
box-sizing: border-box;
width: 100%;
height: 100%;
border-radius: 5px;
background: rgba(24, 24, 24, 0.92);
font-size: 13px;
line-height: 1.6;
overflow: hidden;
transition: 1s;
opacity: 0;
display: flex;
align-items: center;
justify-content: center;
}

.forum-detail span{
width: 85%;
}

.forum-detail:hover{
transition: .3s;
opacity: 1;
}

.paper{
max-width: 1200px;
     font-family: 'Sarabun', sans-serif;
     box-sizing: border-box;
     margin:  auto;
     background: #f0f0f0;
     color: #000;
     padding: 100px;
     text-shadow: none;
     font-style: normal;
     line-height: 1.8;
font-size: 17px;
text-align: justify;
border-radius: 5px;
}

.bpaper{
	max-width: 1200px;
     font-family: 'Sarabun', sans-serif;
     box-sizing: border-box;
     margin:  auto;
     background: #0d0d0d;
     color: #f0f0f0;
     padding: 100px;
     text-shadow: none;
     font-style: normal;
     line-height: 1.8;
font-size: 17px;
text-align: justify;
border-radius: 5px;
}

.img-forum:hover + .forum-detail {
transition: .5s;
opacity: 1;
}

.forum-last{
display: inline-block;
margin-right: 4px;
}

.author_information{
width: 70%;
word-break: keep-all;
}

.author_avatar{
width: 200px;
height: 500px;
background-size: cover;
background-position: center;
border-radius: 6px;
border: 0;
box-sizing: border-box;
object-fit: cover;
position: sticky;
top: 0;
background-color: #000;
}

.prefix-rp, .prefix-orp, .prefix-anm, .prefix-book, .prefix-info, .prefix-balloon, .prefix-quest, .prefix-news{
width: fit-content;
padding: 2px 8px;
display: inline-block;
margin: 0 4px;
font-weight: bold;
border-radius: 2px;
}

.prefix-rp{
background: #312f74;
color: #fff;
}

.prefix-orp{
background: #cf8f00;
color: #fff;
}

.prefix-anm{
background: #f3dfc6;
color: #000;
}

.prefix-book{
background: #5c2c10;
color: #fff;
}

.prefix-info{
background: #4a403a;
color: #fff;
}

.prefix-balloon{
background: #56bf49;
color: #fff;
}

.prefix-quest{
background: #5c4e3e;
color: #fff;
}

.prefix-news{
background: #fff;
color: #000;
}

.g-sp{
width: fit-content;
display: inline-block;
background: url(https://64.media.tumblr.com/53c0d5efd64b27c44816db551f0b68ce/tumblr_pnbygxWQUo1uzwgsuo1_400.gifv) center/cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.g-pp{
width: fit-content;
display: inline-block;
background: url(https://64.media.tumblr.com/f3e6fc9a0fb1a674ec684357a2a1baff/tumblr_os7b0w8B341uzwgsuo1_400.gif) center/cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.g-az{
width: fit-content;
display: inline-block;
background: url(https://64.media.tumblr.com/026b0a2ec23a9e7b75500023fd0c1fd9/a14ec2859c679b1d-c9/s400x600/ccffca3418a241bfa634b4e1c7340fe46373b90b.gif) center/cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.g-wm{
font-weight: bold;
width: fit-content;
display: inline-block;
color: #fff;
text-shadow: 0 0 15px white;
}

.rp-rp{
display: inline-block;
animation-name: rp;
  animation-duration: 4s;
animation-iteration-count: infinite;
}

@keyframes rp {
  0% {
filter: drop-shadow(0 0 3.5px rgba(255, 255, 255, 0.5));
}

50% {
filter: drop-shadow(0 0 3.5px rgba(0, 0, 0, 0.5));
}

100% {
filter: drop-shadow(0 0 3.5px rgba(255, 255, 255, 0.5));
}


}

.author_statistics{
padding-bottom: 25px;
}

.post-info{
width: 200px;
height: 500px;
background: linear-gradient(0deg,#000,transparent,#000);
position: absolute;
margin-top: -500px;
border-radius: 6px;
box-sizing: border-box;
padding: 20px;
opacity: 0;
transition: .5s;
border: 0;
}

.post-info:hover{
opacity: 1;
box-shadow: 0 0 1px 1px #303030;
transition: .25s;
}

.post-info h3{
display: table-caption;
margin: 15px 0px 0px;
font-size: 22px;
line-height: 1.2;
text-align: center;
width: 155px;
}

.post-info h2{
word-break: keep-all;
font-weight: normal;
font-size: 13px;
margin-bottom: 180px;
}

.post-info h3 a img{
display: none
}

.rp-logo{
    width: 150px;
	height: 150px;
	background: url(https://i.imgur.com/0zWYX48.png) center/cover;
	margin: 10px auto;
}

.ae-logo{
    width: 300px;
height: 300px;
background: url(https://i.imgur.com/w3pl9Hs.png) center top /115%;
margin: 0 auto 30px;
}

.logo1{
    width: 150px;
height: 150px;
background: url(https://i.imgur.com/9Q0pPZb.png) center top /115%;
margin: 0 auto 30px;
}

.logo2{
    width: 150px;
height: 150px;
background: url(https://i.imgur.com/FbDauJ1.png) center top /115%;
margin: 0 auto 30px;
}

.logo3{
    width: 150px;
height: 150px;
background: url(https://i.imgur.com/OQ3m0RE.png) center top /100%;
margin: 0 auto 30px;
}

.logo4{
    width: 150px;
height: 150px;
background: url(https://i.imgur.com/OX1K7pN.png) center top /100%;
margin: 0 auto 30px;
}

.logo5{
    width: 150px;
height: 150px;
background: url(https://i.imgur.com/UAJ0e0l.png) center top /100%;
margin: 0 auto 30px;
}

.logo6{
    width: 150px;
height: 150px;
background: url(https://i.imgur.com/wqD0BKe.png) center top /100%;
margin: 0 auto 30px;
}



.topic{
	font-size: 24px;
	font-weight: bold;
	margin: 0px auto 50px;
    width: fit-content;
}

.inline_row .trow1{
padding: 10px;
border: 0;
}

.inline_row .trow2{
padding: 10px;
border: 0;
}

.reply{
width: fit-content;
padding: 2px 8px;
border-radius: 15px;
background: #202020;
display: flex;
align-items: center;
margin: auto;
transition: .3s;
gap: 5px;
}

.reply:hover{
background: #262626;
}

.reply ion-icon{
margin-right: 4px;
}

.edited_post{
margin-top: 15px;
font-size: 10px;
}

.edited_post a{
color: #fff !important;
}

.hidden-content-title{
margin-top: 10px;
	font-size: 22px;
color: red;
	text-align: center;
}

.hidden-content-body{
background: #000;
padding: 15px;
border-radius: 6px;
color: white;
}

.acs{
margin-right: 15px;
display: flex;
flex-direction: column;
width: 300px;
}

.acs-item{
background: #131313;
margin-bottom: 15px;
border-radius: 6px;
box-sizing: border-box;
padding: 15px;
position: sticky;
display: flex;
justify-content: center;
align-items: center;
height: 300px;
}

.acs-item strong{
position: absolute;
top: 15px;
left: 15px;
display: none;
}

.acs-item img{
max-width: 200px;
aspect-ratio: 1 / 1;
object-fit: contain;
}

.acs-item:last-child{
border-right: 0;
}

.acs-miniitem{
background: #131313;
border-radius: 6px;
padding: 5px;
aspect-ratio: 1 / 1;
}

#misc{
background: #000;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;
margin-bottom: 15px;
padding: 0px;
}

#nobg{
background: transparent;

border-radius: 6px;
box-sizing: border-box;
}

	.signature{
		margin-top: 20px;
		border-top: 1px solid #202020;
		padding-top: 20px;
	}
.rp-pb-divider{
border-left: 1px solid rgba(255, 255, 255, 0.5);
height: 40px;
display: inline-block;
vertical-align: middle;
margin: 0px;
}

.rp-pb-field{
width: 80px;
}

.rp-pb-field img{
width: 32px;
}

.rp-pb-flex{
display: flex;
flex-direction: row;
gap: 5px;
align-items: center;
font-size: 13px;
font-weight: normal;
margin: 15px auto;
color: white;
}

.rp-pb-info{
width: 170px;
left: 15px;
right: 0;
bottom: 40px;
position: absolute;
margin-top: 215px;
}

.rp-pb-acs{
display: flex;
flex-direction: column;
gap: 15px;
}

.rp-pb-item:first-child{
margin-bottom: 15px;
}

.rp-pb-container, .rp-pb-cloth{
background: #202020;
border-radius: 6px;
border-radius: 6px;
padding: 15px;
font-size: 12px;
overflow: hidden;
position: relative;
-webkit-user-select: none;
user-select: none;
}

.rp-pb-container{
background: #202020;
}

.rp-pb-cloth{
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}

.rp-pb-title{
margin-top: 15px;
font-size: 13px;
font-weight: bold;
}

.rp-pb-cloth img{
aspect-ratio: 2.1/3;
object-position: 50% 70%;
object-fit: contain;
max-width: 180px;
}

.rp-pb-img:before{
content: " ";
width: 50px;
border-top: 1px solid white;
}

.rp-pb-cloth .blur, .rp-pb-item .blur{
max-width: 200px;
position: absolute;
bottom: -100px;
left: 0;
right: 0;
margin: auto;
filter: blur(50px) saturate(3);
opacity: 0.35;

}

.rp-pb-cloth-info{
font-size: 11px;
position: absolute;
left: 0;
right: 0;
margin: auto;
width: fit-content;
top: 12px;
z-index: 2;
background: rgba(255, 255, 255, 0.1);
padding: 1px 10px;
border-radius: 20px;
-webkit-backdrop-filter: saturate(1.5) blur(4px);
backdrop-filter: saturate(1.5) blur(4px);
}

.rp-pb-item-box{
display: flex;
flex-direction: column;
gap: 15px;
}

.rp-pb-item{
border-radius: 6px;
background: #202020;
overflow: hidden;
position: relative;
-webkit-user-select: none;
user-select: none;
}

.rp-pb-item img{
max-width: 200px;
object-fit: contain;
}

.rp-pb-container h2{
margin: 0;
white-space: nowrap; 
overflow: hidden;
text-overflow: ellipsis;
width: 200px;
margin-left: -15px;
}

.g-wz{
width: fit-content;
display: inline-block;
background: url(https://64.media.tumblr.com/71500385e07a9909057d7e5e9287da0b/af37694a902b90af-60/s400x600/f4ae7cd10e9d91f342093d97037067c40f1c3c7f.gifv) center/cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.g-fr{
width: fit-content;
display: inline-block;
background: url(https://64.media.tumblr.com/27f447af2eae19eac2c3c24aca5e14c3/91197ecbb4bcc6f3-bd/s400x600/e0d05b66f2cc14f9c41f9d3fa049641dd0d3f384.gifv) center/cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.g-fr{
width: fit-content;
display: inline-block;
background: url(https://64.media.tumblr.com/27f447af2eae19eac2c3c24aca5e14c3/91197ecbb4bcc6f3-bd/s400x600/e0d05b66f2cc14f9c41f9d3fa049641dd0d3f384.gifv) center/cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.g-mm{
width: fit-content;
display: inline-block;
background: url(https://64.media.tumblr.com/37644dd373b4e39a9b321a74df61bc2c/49913a2e91993bc6-52/s400x600/c9c2f3467c920d71b82f3cd4cb724c969a4eb8d6.gifv) center/cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.g-ww{
width: fit-content;
display: inline-block;
background: url(https://64.media.tumblr.com/58458c66b483ec4fedee60ae66b0be27/tumblr_pj5m21TW8G1uzwgsuo1_400.gifv) center/cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.g-hm{
width: fit-content;
display: inline-block;
background: url(https://64.media.tumblr.com/374d38d30f71ba5a01478f2658c123d2/4ec565dae8b60f62-cd/s400x600/f327ca75201a1a2d1f5e4dfc2baf6684ce4d19d7.gifv) center/cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.g-vp{
width: fit-content;
display: inline-block;
background: url(https://i.imgur.com/jPlPCcX.gif) center/cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.g-ec{
width: fit-content;
display: inline-block;
background: url(https://64.media.tumblr.com/cefe06f18430e017850633ab4924ae39/tumblr_pn2gc1QdfQ1uzwgsuo1_400.gif) center/cover;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.moon-box{
background: linear-gradient(#ffdb1e21, #121212), url(https://i.imgur.com/GLTvwKs.jpg) center/cover;
padding: 20px 0px;
border-radius: 6px;
}

.anm{
position: relative;
margin: 0;
padding: 15px;
height: 120px;
box-sizing: border-box;
border-radius: 6px;
border: 1px solid #121212;
transition: .3s transform;
width: 260px;
background-size: 100%;
background-position: center;
}

.anm:hover{
transform: scale(1.02);
}

.anm span{
color: #fff;
font-size: 20px;
font-weight: bold;
width: 240px;
line-height: 1;
}

.anm h6{
margin: 0;
margin-bottom: 3px;
color: #fff;
font-size: 10px;
font-weight: normal;
width: 240px;
line-height: 1;
}

.anm-mini{
margin: 0;
padding: 15px;
height: 60px;
box-sizing: border-box;
border-radius: 6px;
border: 1px solid black;
transition: .5s;
overflow: hidden;
}


.anm-mini:hover{
border: 1px solid #ddd;
}

#off:hover{
border: 1px solid #000;
}

.anm-mini span{
color: #fff;
font-size: 13px;
word-break: break-word;
font-weight: bold;
line-height: 1;
}

.anm-mini h6{
margin: 0;
margin-bottom: 3px;
color: #fff;
font-size: 10px;
font-weight: normal;
line-height: 1;
}

.anm-tag{
font-size: 11px;
color: white;
background: #56bf49;
width: fit-content;
position: absolute;
padding: 1px 10px;
border-radius: 20px;
bottom: 12px;
font-weight: bold;
}

.anm-box{
background: #121212;
box-sizing: border-box;
padding: 10px 0px;
border-radius: 6px;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}

.sc-container{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 10px;
}

.sc-item{
background: #131313;
border-radius: 6px;
box-sizing: border-box;
padding: 10px;
text-align: center;
font-weight: bold;
transition: .5s background;
}

.sc-item:hover{
background: #202020;
}

.sc-item ion-icon{
font-size: 36px;
display: block;
margin: auto;
padding: 5px;
}




.rp-fr{
  background: #131313;
  border-radius: 6px;
  padding: 15px;
margin-bottom: 15px;
}

.rp-fr-flex{
width: 100%;
flex-direction: row;
  display: flex;
  text-align: center;
  margin-top: 10px;
}

.rp-fr-left{
width: 540px;
height: 135px;
background: #202020;
border: 1px solid #202020;
border-radius: 6px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 12px 0px;
}

.rp-rf-right{
display: flex;
flex: 1;
flex-direction: row;
}


@media only screen and (min-width: 1800px) {

#container{
max-width: 1550px;
}

}

@media only screen and (max-width: 1350px) {

#container{
margin: 0 15px;
width: auto;
overflow-x: scroll;
}

}


@media only screen and (max-width: 1450px) {

.rp-fr-left{
width: 480px;
}

}


@media only screen and (max-width: 1300px) {

.rp-fr-left{
width: 400px;
}

}

@media only screen and (max-width: 1100px) {

.fr-two{

}

}


.rp-rf-num{
width: fit-content;
margin-right: 15px;
display: flex;
justify-content: center;
gap: 15px;
flex-direction: column;
margin-left: 15px;
}

.rp-rf-item{
background: #202020;
border-radius: 6px;
width: 80px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 5px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 12px 0px;
}

.rp-rf-lp{
background: #202020;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
width: 100%;
min-width: 200px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 12px 0px;
}

.img-forum{
  width: 100%;
  margin: 0;
}




.img-forum{
width: 100%;
height: 100%;
aspect-ratio: unset;
overflow: hidden;
}

.forum-detail{
width: 100%;
height: 100%;
aspect-ratio: unset;
overflow: hidden;
}




.nav-one{
position: absolute;
left: 25px;
bottom: 40px;
display: inline;
}



.navbar-avatar{
border-radius: 50px;
background-color: rgb(126, 126, 126);
}

.nav-button{
text-align: left;
  display: inline-block;
  height: 40px;
  width: 40px;
  float: left;
  margin: 0 5px;
  overflow: hidden;
  background: #000;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s;
}

.nav-button:hover{
  padding-right: 5px;
  width: max-content;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

.nav-button div{
padding-left: 10px;
line-height: 3;
transition: all 0.3s;
display: flex;
margin-top: -40px;
margin-left: 45px;
}

.nav-button div ion-icon{
margin: 8px;
margin-left: 2px;
font-size: 22px;
}



.nav-button .icon{
padding: 1px;
float: left;
  display: inline-block;
  height: 38px;
  width: 38px;
  text-align: center;
  border-radius: 50px;
  box-sizing: border-box;
  transition: all 0.3s;
}

.pm-noti{
position: absolute;
margin: -6px 13px;
width: 14px;
height: 14px;
background: rgb(43, 120, 255);
border-radius: 20px;
font-size: 8px;
font-weight: bold;
display: flex;
text-shadow: none;
align-items: center;
justify-content: center;
border: 2px solid black;
z-index: 99999;
}

.white-container{
background: linear-gradient(rgba(255, 255, 255, 0.7), white), url(https://i.imgur.com/cylS0LI.jpg) center/cover;
color: #000;
padding: 10px;
border-radius: 6px;
display: flex;
flex-direction: column;
gap: 10px;
}

.news-box{
background: linear-gradient(rgba(214, 214, 214, 0.5), rgba(241, 241, 241, 0.9));
box-shadow: 0 2px 10px rgba(99, 99, 99, 0.5), 0 0 2px rgba(200,200,200);
padding: 15px 10px;
border-radius: 6px;
transition: .3s transform;
}

.news-box:hover{
transform: scale(1.02);
}

.white-container h1{
font-size: 20px;
margin: 0;
line-height: 1.1;
}

.white-container p{
margin: 0;
text-align: right;
}

.white-container a{
color: black;
}

.newspaper{
width: 60px;
}

.news-flexbox{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin: 5px 0px;
}

.news-head{
text-align: center;
line-height: 1.1;
}

.news-name{
font-size: 18px;
font-weight: bold;
}

.columns{
list-style: none; 
margin: 0;
margin-top: 10px;
padding: 0;
}

.columns li{
position: relative;
display: inline-block;
}

.columns li a{
color: #fff;
width: fit-content;
background: #252525;
padding: 5px 15px 5px 30px;
margin-right: 10px;
margin-top: 5px;
border-radius: 20px;
float: left;
transition: .3s;
}

.columns li div{
position: absolute;
top: 11px;
margin-left: 12px;
left: 0px;
}

.columns li a:hover{
background: #353535;
transition: .1s;
}

.columns li a:active{
background: #454545;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #555;
}

.rpth-st-stk{
padding-bottom: 30px;
display: flex;
flex-direction: row-reverse;
width: 100%;
align-items: center;
justify-content: space-between;
}

.rptk-st-op label{
background: #202020;
padding: 10px 15px;
border-radius: 20px;
display: flex;
gap: 3px;
align-items: center;
justify-content: center;
}

#rpth-btn{
font-size: 14px;
font-weight: bold;
background: none;
color: #e2e2e2;
display: inline-block;
cursor: pointer;
border: 1px solid #202020;
transition: background .3s;
padding: 8px 20px;
margin-right: 5px;
border-radius: 35px;
}

#quick_reply_submit{
font-size: 14px;
font-weight: bold;
background: none;
color: #000;
display: inline-block;
cursor: pointer;
background: #fff;
transition: background .3s;
padding: 8px 20px;
margin-right: 5px;
border-radius: 35px;
transition: scale .2s;
}

#quick_reply_submit:hover, #preview_reply:hover{
scale: 1.025;
}

#quick_reply_submit:active, #preview_reply:active{
scale: 0.99;
}

#preview_reply{
font-size: 14px;
font-weight: bold;
background: none;
color: #ffffff;
display: inline-block;
cursor: pointer;
border: 1px solid #ffffff;
transition: background .3s;
padding: 8px 20px;
margin-right: 5px;
border-radius: 35px;
transition: scale .2s;
}

#subject_new .trow1:hover, #subject_new .trow2:hover{

}


#acs{
display: block
;}


.rpth-header, .rpth-header-container{
	height: 100%;
	width: 100px;
}

.rpth-header a, .rpth-header a:hover{
	color: #ffffff;
}

.rpth-header{
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	box-sizing: border-box;
	background: rgba(10, 10, 10, 0.8);
	border-right: 1px solid rgba(255, 255, 255, 0.05);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.rpth-header-container{
	position: relative;
}

.rpth-header-logo{
	position: absolute;
	left: 0;
	right: 0;
	top: 70px;
	margin: auto;
	width: 25px;
	height: 43px;
	background: url(https://i.imgur.com/tBQxy1b.png) center/cover;
}

.pride{
background: url(https://64.media.tumblr.com/2f96e83157ad436775820c74ddf735e6/453dc3184b4c1765-ea/s400x600/f8f292c998de6ba8f2ef26c91e1a078a21391239.gif) center/cover;
	mask-image: url(https://i.imgur.com/tBQxy1b.png);
	mask-size: 44px;
	mask-position: 50% 50%;
	-webkit-mask-image: url(https://i.imgur.com/tBQxy1b.png);
	-webkit-mask-size: 44px;
	-webkit-mask-position: 50% 50%;
	filter: saturate(3);
}

.rpth-header-sep{
	width: 40px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	position: absolute;
	top: 150px;
	left: 0;
	right: 0;
	margin: auto;
}

.rpth-header-btn-login{
	width: 50px;
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: 0px;
	background: #fff;
	border-radius: 100px;
	padding: 5px 0px;
	transition: .5s;
}

.rpth-header-btn-login I{
	color: black;
}

.rpth-header-btn-container{
	width: 50px;
	position: absolute;
	top: 180px;
	left: 0;
	right: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.rpth-header-btn{
	width: 50px;
	height: 50px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	transition: background .2s;
}

.rpth-header-btn:hover{
	background: rgba(255, 255, 255, 0.1);
	transition: background 0s;
}

.rpth-header-label{

	position: absolute;
	left: 65px;
	margin-top: -42px;
	width: max-content;
	word-break: keep-all;
	text-align: left;
	padding: 8px 12px;
	background: rgba(70, 70, 70, 0.5);
	border-radius: 5px;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	opacity: 0;
	display: none;
}		

.rpth-header-label::before{
	content: "";
	position: absolute;
	width: 5px;
	height: 10px;
	clip-path: polygon(0 50%, 100% 100%, 100% 0);
	background: rgba(70, 70, 70, 0.5);
	left: -5px;
	top: 12.5px;
}

.rpth-header-btn:hover + .rpth-header-label{
	box-shadow: 0 0 50px rgba(5, 5, 5, 0.75);
	opacity: 1;
	display: block;
}

.rpth-header #extraslink{
	margin-top: 10px;
}

.rpth-header-avatar{
	position: absolute;
	bottom: 70px;
	left: 0;
	right: 0;
	margin: auto;
	width: 36px;
	border-radius: 10px;
	overflow: hidden;
	border-radius: 30% !important;
	background: none;
	padding: 0;
}

.rpth-header-avatar img{
	width: 36px;
	height: 36px;
	object-fit: cover;
}

.rpth-header-avatar:hover{
	box-shadow: 0 0 0 8px #202020;
	transition: 0s;
}

.rpth-header-avatar:active{
	box-shadow: 0 0 0 8px #000;
	transition: .5s;
}

.rpth-header-panel{
	width: 250px;
	border-radius: 10px;
	position: fixed;
	bottom: 50px;
	left: 80px;
	padding: 20px 20px 10px 20px;
	background: rgba(20, 20, 20, 0.9);
	border-radius: 10px;
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	text-align: left;
}

.rpth-header-panel-money{
width: fit-content;
padding: 3px 6px;
background: #fff;
color: black;
font-weight: bold;
display: flex;
gap: 5px;
align-items: center;
border-radius: 5px;
font-size: 12px;
}

.rpth-header-panel-modal{
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
}

.rpth-header-panel img{ 
	width: 50px;
	border-radius: 30%;
}

.rpth-header-panel-box{
	display: flex;
	gap: 15px;
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.rpth-header-panel-box-info{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.rpth-header-panel-box strong{
	font-size: 16px;
}

.rpth-header-panel-flex{
	display: flex;
	flex-direction: column;
}

.rpth-header-panel-flex a{
	margin: 0 -20px;
	padding: 5px 20px;
	display: flex;
	gap: 15px;
	align-items: center;
}

.rpth-header-panel-flex a I{
	font-size: 18px;
	padding: 9px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 100px;
}

.rpth-header-panel-flex a:hover{
	background: rgba(255, 255, 255, 0.05);
}



.popup_menu .popup_item {
	color: #fff;
	padding: 8px 15px;
	border-radius: 0px;
	text-decoration: none;
	font-size: 13px;
	width: 85px;
	display: block;
}

.popup_menu .popup_item:hover {
        background: #303030;
}

.popup_menu .popup_item_container {
	text-align: left;
	width: 115px;
}

.popup_menu {
	 margin: 10px 0px;
	 color: #fff;
	 border-radius: 6px !important;
	 background: #202020;
	 font-size: 12px;
}

.rpth-header .popup_menu{
	 top: 240px !important;
	 left: 50px !important;
}

.rp-ml-container{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 15px;
}

.rp-ml-user{
width: 100%;
background: #131313;
border-radius: 6px;
padding: 25px 15px;
box-sizing: border-box;
display: flex;
gap: 15px;
flex-direction: column;
transition: .5s background;
position: relative;
overflow: hidden;
}

.rp-ml-user .blur{
filter: blur(30px) saturate(3);
position: absolute;
top: -40px;
left: 0;
right: 0;
margin: auto;
width: fit-content;
opacity: 0.05;
}

.rp-ml-user .blur img{
width: 240px;
height: 150px;
border-radius: 100%;
}

.rp-ml-user:hover{
background: #202020;
}

.rp-ml-detail{
width: 100%;
display: flex;
flex-direction: column;
text-align: center;
justify-content: center;
}

.rp-ml-post{
float: right;
}

.rp-ml-name img{
display: none;
}

.rp-ml-name{
font-size: 16px;
font-weight: bold;
text-align: center;
}

.rp-ml-title{
}


.rp-ml-avatar{
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
justify-content: center;
position: relative;
}

.rp-ml-avatar img{
width: 100px;
height: 100px;
border-radius: 100%;
object-fit: cover;
}

.rp-ml-money{
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
opacity: 0.5;
font-size: 12px;
}

.rp-ml-info{
display: flex;align-items: center;
justify-content: space-evenly;
gap: 20px;
text-align: center;
margin: 30px 0px;
}

.rp-ml-info b{
font-size: 16px;
font-weight: bold;
}

@media only screen and (max-width: 1400px){
.rp-ml-container{
grid-template-columns: repeat(4, 1fr);
}
}

@media only screen and (max-width: 750px){
.rp-ml-container{
grid-template-columns: repeat(2, 1fr);
}
}


.fml-box{
position: relative;color: rgb(60, 45, 45);background: url(https://garden.spoonflower.com/c/11126457/p/f/m/yo5XiMTrzm5Mtg4PF29OzjKr3zCwvvHSFOetR7hw2SGoYD5NUm-Uj3hoVvNs/Miso%20Hungry%2C%20I%20Want%20Tofu.jpg) center/20%;padding: 60px;border-radius: 6px;
}

.fml-text{
background: rgba(255, 255, 255, 0.95);border-radius: 6px;border: 2px solid rgb(135, 131, 125);padding: 60px;box-shadow: 6px 6px rgb(97, 95, 91);margin: -6px;
}

#fmlSOUP1{
position: absolute;margin-left: -30px;width: 60px;height: 60px;background: url(https://i.imgur.com/T0LwGIA.png) center/cover;transform: rotate(18deg);
}

#fmlSOUP2{
position: absolute;margin-left: -30px;width: 60px;height: 60px;background: url(https://i.imgur.com/8NhrUVl.png) center/cover;transform: rotate(-12deg);right: 30px;bottom: 60px;
}




.sakura {
	position: absolute;
	width: 100%;
	height: 100%;
}

.sakura span {
	position: absolute;
	top: -10%;
	left: 0;
	width: 0.8vw;
	height: 0.4vw;
	border-radius: 5% 80% 10% 80%;
	background-color: #ffb6c1;
}

/* add animation */
.sakura span:nth-child(2n+1) {
	animation: sakura-anim-1 10s 0s linear infinite;
}

.sakura span:nth-child(2n+2) {
	animation: sakura-anim-2 10s 0s linear infinite;
}

/* side position */
.sakura span:nth-child(1) {
	left: 0%;
}

.sakura span:nth-child(2) {
	left: 2%;
}

.sakura span:nth-child(3) {
	left: 4%;
}

.sakura span:nth-child(4) {
	left: 6%;
}

.sakura span:nth-child(5) {
	left: 8%;
}

.sakura span:nth-child(6) {
	left: 10%;
}

.sakura span:nth-child(7) {
	left: 12%;
}

.sakura span:nth-child(8) {
	left: 14%;
}

.sakura span:nth-child(9) {
	left: 16%;
}

.sakura span:nth-child(10) {
	left: 18%;
}

.sakura span:nth-child(11) {
	left: 20%;
}

.sakura span:nth-child(12) {
	left: 22%;
}

.sakura span:nth-child(13) {
	left: 24%;
}

.sakura span:nth-child(14) {
	left: 26%;
}

.sakura span:nth-child(15) {
	left: 28%;
}

.sakura span:nth-child(16) {
	left: 30%;
}

.sakura span:nth-child(17) {
	left: 32%;
}

.sakura span:nth-child(18) {
	left: 34%;
}

.sakura span:nth-child(19) {
	left: 36%;
}

.sakura span:nth-child(20) {
	left: 38%;
}

.sakura span:nth-child(21) {
	left: 40%;
}

.sakura span:nth-child(22) {
	left: 42%;
}

.sakura span:nth-child(23) {
	left: 44%;
}

.sakura span:nth-child(24) {
	left: 46%;
}

.sakura span:nth-child(25) {
	left: 48%;
}

.sakura span:nth-child(26) {
	left: 50%;
}

.sakura span:nth-child(27) {
	left: 52%;
}

.sakura span:nth-child(28) {
	left: 54%;
}

.sakura span:nth-child(29) {
	left: 56%;
}

.sakura span:nth-child(30) {
	left: 58%;
}

.sakura span:nth-child(31) {
	left: 60%;
}

.sakura span:nth-child(32) {
	left: 62%;
}

.sakura span:nth-child(33) {
	left: 64%;
}

.sakura span:nth-child(34) {
	left: 66%;
}

.sakura span:nth-child(35) {
	left: 68%;
}

.sakura span:nth-child(36) {
	left: 70%;
}

.sakura span:nth-child(37) {
	left: 72%;
}

.sakura span:nth-child(38) {
	left: 74%;
}

.sakura span:nth-child(39) {
	left: 76%;
}

.sakura span:nth-child(40) {
	left: 78%;
}

.sakura span:nth-child(41) {
	left: 80%;
}

.sakura span:nth-child(42) {
	left: 82%;
}

.sakura span:nth-child(43) {
	left: 84%;
}

.sakura span:nth-child(44) {
	left: 86%;
}

.sakura span:nth-child(45) {
	left: 88%;
}

.sakura span:nth-child(46) {
	left: 90%;
}

.sakura span:nth-child(47) {
	left: 92%;
}

.sakura span:nth-child(48) {
	left: 94%;
}

.sakura span:nth-child(49) {
	left: 96%;
}

.sakura span:nth-child(50) {
	left: 98%;
}

/* size */
.sakura span:nth-child(3n+1) {
	width: 1vw;
	height: 0.5vw;
}

.sakura span:nth-child(3n+2) {
	width: 0.8vw;
	height: 0.4vw;
}

.sakura span:nth-child(3n+3) {
	width: 0.6vw;
	height: 0.3vw;
}

/* animation-duration */
.sakura span:nth-child(4n+1) {
	animation-duration: 5s;
}

.sakura span:nth-child(4n+2) {
	animation-duration: 12s;
}

.sakura span:nth-child(4n+3) {
	animation-duration: 8s;
}

.sakura span:nth-child(4n+4) {
	animation-duration: 6s;
}


/* animation-delay */
.sakura span:nth-child(11n+1) {
	animation-delay: 0s;
}

.sakura span:nth-child(11n+2) {
	animation-delay: 9s;
}

.sakura span:nth-child(11n+3) {
	animation-delay: 2s;
}

.sakura span:nth-child(11n+4) {
	animation-delay: 5s;
}

.sakura span:nth-child(11n+5) {
	animation-delay: 6s;
}

.sakura span:nth-child(11n+6) {
	animation-delay: 7s;
}

.sakura span:nth-child(11n+7) {
	animation-delay: 3s;
}

.sakura span:nth-child(11n+8) {
	animation-delay: 1s;
}

.sakura span:nth-child(11n+9) {
	animation-delay: 2s;
}

.sakura span:nth-child(11n+10) {
	animation-delay: 11s;
}

.sakura span:nth-child(11n+11) {
	animation-delay: 10s;
}

/* animation */
@keyframes sakura-anim-1 {
	0% {
		top: -10%;
		transform: translateX(0) rotateX(0) rotateY(0);
	}

	100% {
		top: 100%;
		transform: translateX(15vw) rotateX(180deg) rotateY(360deg);
	}
}

@keyframes sakura-anim-2 {
	0% {
		top: -10%;
		transform: translateX(0);
	}

	100% {
		top: 100%;
		transform: translateX(-15vw) rotateX(180deg) rotateY(360deg);
	}
}

.rp-ccbtn{
color: white; background: rgba(20, 20, 20, 0.7);
-webkit-backdrop-filter: blur(9px); backdrop-filter: blur(9px); width: fit-content; margin: auto; padding: 5px 18px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 20px; -webkit-user-select: none; user-select: none; transition: .15s ease-in-out;}

.rp-ccbtn:hover{background: rgba(35, 35, 35, 0.7); border: 1px solid rgba(255, 255, 255, 0.35);}



.rpth-rc-box{
background: #131313;
border-radius: 8px;
overflow: hidden;
}

.rpth-rc-thread{
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 20px 40px;
margin-top: -1px;
display: grid;
align-items: center;
grid-template-columns: 1fr 80px 250px;
}

.rpth-rc-thread h3{
margin: 0;
}


.rpth-rc-thread a{
color: var(--colortext1);
display: inline-block;
}

.rpth-rc-thread:hover{
background: #202020;
}

.rpth-rc-flex{
display: flex; align-items: center; gap: 2px 10px; flex-wrap: wrap;
}

.rpth-rc-post{
background: rgba(255, 255, 255, 0.1);
width: fit-content;
display: flex;
align-items: center;
gap: 5px;
padding: 2px 10px;
border-radius: 4px;
}

.rpth-ads{
aspect-ratio: 4/1;
background: #ddd;
width: 100%;
}