/*!
Theme Name: GraFans V2
Theme URI: https://zanpress.com/
Author: Zanpress
Author URI: https://zanpress.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wpx
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

wpx is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/* @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css"); */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap'); */
@import url("https://use.typekit.net/nua8kkm.css");
:root {
	--white: #fff;
	--whitegrey: #f5f6f9;	
	--black: #0f0f0f;
	--blacktr: rgba(0, 0, 0, 0.7);
	--bg: #fff;
	--bggr: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, var(--bg) 90%);
	--bggr_invert: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .9) 60%, var(--bg) 90%);
	--textpri: #0f0f0f;
	--text: #0f0f0f;
	--textgrey: #93939e;
	--textlightgrey: #cbcbd8;
	--grey: #f5f6f9;	
	--line: #dedfe9;
	--linelight: #ebebef;	
	--maingradi: linear-gradient(319deg, #7bd5ff 5%, var(--main) 100%);
	--logo: #06a0e9;
	--main: #06a0e9;
	--sub: #06a0e9;
	/* --logo: #b0dfeb;
	--main: #b0dfeb;
	--sub: #82c0d0; */
	--blue: #0072ff;
	--bluetext: #83a1bb;
	--green: #3cc343;
	--red: #d95735;
	--nsfw: #b94a2d;
	--sky: #f0f8ff;
	--orange: #dd7d02;	
	--beige: #fff3e0;
	--pink: #eb5858;
	--shadow: rgba(0, 0, 0, 0.06) 0px 0px 1px 0px, rgba(0, 0, 0, 0.1) 0px 1px 5px 0px;
	--font: 'proxima-nova',Helvetica,Arial,sans-serif;
	/* --font: -apple-system,BlinkMacSystemFont,Helvetica Neue,Apple SD Gothic Neo,Arial,sans-serif; */
}
[data-theme="dark"] {
	/* --logo: #fff; */
	--bg: #1a1a1d;
	--bggr: linear-gradient(0deg, rgba(26, 26, 29, 0) 0%, var(--bg) 90%);
	--bggr_invert: linear-gradient(180deg, rgba(26, 26, 29, 0) 0%, rgba(26, 26, 29, .9) 60%, var(--bg) 90%);	
	--textpri: #fff;
	--text: #e2e2e5;
	--textgrey: #93939e;
	--textlightgrey: #66666e;
	--grey: #26262b;	
	--line: #3c3e42;
	--linelight: #2c2e33;	
}
#pageloader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99;
}
#pageloader svg{
	width: 30px;
	height: 30px;
}
* {
	box-sizing: border-box;
	outline: none;
}
body.disablescroll{
	overflow-y: hidden;
}
body {
	overscroll-behavior-y: none;
	width: 100%;
	background: var(--bg);
	color: var(--text);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	padding: 0;
	margin: 0;
}
#page{
	width: 100%;
	display: flex;
	min-height: calc(var(--vh) * 100 - 45px); 
	max-width: 1130px;
	margin: 0 auto;
}
#middle{	
	width: 600px;	
	flex: 0 0 auto;
}	
#side{
	width: 280px;
	flex: 0 0 auto;
	border-left: 1px solid var(--line);
	padding: 20px 20px 20px 30px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}
#side .part.frist{
	padding-top: 0;
}
#side .part{
	padding: 16px 0;
}
#side .title{
	font-size: 1.2em;
	font-weight: 600;
	margin: 0 0 20px;
}
body, input, textarea, button, select, option {
	font-family: var(--font);
}
input:read-only, input:read-only:focus{
	background: var(--bg);
}
input[type="number"]::-webkit-inner-spin-button{
	-webkit-appearance: none;
	margin: 0;
}
input, .filesearch{
	border: 1px solid var(--line);	
	background: var(--bg);
	color: var(--text);
	border-radius: 8px;
	height: 36px;
	padding: 0 12px;
}
.pnf svg{
	max-width: 150px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	fill: var(--linelight);
}
#ldm .anidots{
	height: 40px;
	margin-top: 20px;
	align-items: center;
}
.anidots {
  display: inline-flex;
	gap: 10px;
}
#install_status .anidots *{
	background: var(--main);
}
.anidots * {
  display: inline-flex;
	width: 3px;
	height: 3px;
	background: var(--text);
	border-radius: 50%;
  opacity: 0.2;
  animation: blink 1.4s infinite both;
}
.anidots *:nth-child(1) {
  animation-delay: 0s;
}
.anidots *:nth-child(2) {
  animation-delay: 0.2s;
}
.anidots *:nth-child(3) {
  animation-delay: 0.4s;
}

@keyframes blink {
  0%, 80%, 100% {
    opacity: 0.2;
  }
  40% {
    opacity: 1;
  }
}

.filesearch{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	color: var(--textgrey);
}
.filesearch svg{	
	height: auto;
	width: 16px;
}
.filesearch .filename{
	white-space: nowrap;
	max-width: 200px;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* input:focus, textarea:focus, .filesearch:hover{
	border-color: var(--line);
  background: var(--white);
	box-shadow: var(--shadow);
} */
textarea.autoheight{
	overflow-y: hidden;
	resize: none;
}
textarea{	
	width: 100%;	
	color: var(--text);
	border: 1px solid var(--line);	
	background: var(--bg);
	border-radius: 8px;
	padding: 12px;
	line-height: 1.3;
}
input::placeholder, textarea::placeholder{
	color: var(--textgrey);
}
ul, ol{
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.sml li::before{
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	background: var(--textgrey);
	border-radius: 50%;
	margin-right: 6px;
	vertical-align: middle;
}
ul.sml{
	color: var(--textgrey);
}
ul.sml li{
	margin: 0 0 6px;
	text-indent: -10px;
	padding-left: 12px;
}
a{
	text-decoration: none;
	color: var(--text);
}
p{
	word-break: auto-phrase;
}
h3.first{margin-top: 0;}
header{
	z-index: 101;
	position: sticky;
	top: 0;
	height: 100vh;
	width: 250px;
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 0 20px;
	background: var(--bg);
	/* box-shadow: 1px 0 0 0 var(--line); */
	border-right: 1px solid var(--line);
}
#mgnb-inside .dh{
	display: none;
}
#mgnb-outside{
	z-index: 999;
	position: fixed;
}
#mgnb-outside .mhd{
	display: none;
}
header.trans .cats{  
  margin: 0;
	font-size: 1em;
}
header.trans .cats a{
  color: #fff;
	background: transparent;
  padding: 0 4px;
  border: 0;
  font-weight: 600;
  font-size: .9em;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  opacity: .6;
}
header.trans .cats a.active{
  background: transparent;
  border-color: var(--main);
  opacity: 1;
}
header.trans .filter{
  display: flex;
  align-items: center;
}
header.trans header .dropdown.active{
  background: transparent!important;
}
header.trans .filter .toggle{
  height: 30px;
	border: 0;
}
header.trans .filter .toggle .item{  
  font-size: .86em;
}
header.trans .tab.authortab {  
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: .9em;
  font-weight: 500;
}
header.trans .tab.authortab a{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 100%;
  line-height: normal;
  color: #fff;
  white-space: nowrap;
  padding: 0 4px;
  border: 0;
  font-weight: 600;
  font-size: .9em;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  opacity: .6;  
}
header.trans .tab.authortab a.active{
  background: transparent;
  border-color: var(--main);
  opacity: 1;
  color: #fff;
}
header .fr{
	display: flex;
	align-items: center;
	gap: 4px;
}
header .menu{
	display: flex;
	flex-direction: column;
	font-size: 1.1em;
}
header .menu .item{
	display: flex;
	align-items: center;
	height: 34px;
}
header .menu .sc{
	opacity: .8;
	border-bottom: 1px solid var(--linelight);
	margin: 7px 0;	
}
.mgnb{
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.mgnbt .newdot{
	z-index: 1;
	position: static;
	order: 1;
	top: 4px;
	left: 10px;
	min-width: 22px;
	height: 22px;
	background: var(--red);
	color: #fff;
	outline: 2px solid var(--bg);
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1em;
	font-weight: 500;
	padding: 0 8px;
	margin-right: 10px;
}
.mgnbt:hover .inr{
	color: var(--textgrey);
}
.mgnbt{
	position: relative;
	cursor: pointer;
	width: 100%;
	display: flex;
	align-items: center;
	gap: 10px;
}
.mgnbt .inr{
	display: flex;
	align-items: center;
	gap: 10px;
	width: 100%;
	height: 48px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 1.3em;
	color: var(--textgrey);
}
.mgnbt .inr.current{
	display: flex;
	align-items: center;
	gap: 10px;
	color: var(--text);
}
.mgnbt .current svg{
	opacity: 1;
}
.mgnbt svg{
	height: 24px;
	width: auto;
}
.wallet svg{
	height: 14px;
	width: auto;
}
.mgnb .wallet{
	border-left: 1px solid var(--linelight);
	padding: 0 5%;
}
.wallet.active{
	display: flex;	
}
.wallet{
	display: none;
	align-items: center;	
	gap: 2px;	
	width: 100%;	
	font-weight: 500;
}
.wallet .walletcount{
	gap: 6px;
	display: flex;	
	align-items: flex-end;
	justify-content: space-between;
	line-height: normal;		
	white-space: nowrap;
	font-size: 1em;	
	color: var(--textgrey);
}
.wallet .walletcount .symbol{
	display: none;
}
.wallet .walletcount .label{
	font-size: .9em;
}
.dropwallet{
	margin: 0 0 25px;
	display: flex;
	flex-direction: column;
}
.dropwallet .wallet{
	padding: 2px 0;
}
.dropwallet .wallet.earn .walletcount #mytkct{
	color: var(--textpri);
	font-size: 1.2em;
	font-weight: 700;
}
.dropwallet .wallet .walletcount{
	width: 100%;
}
.balance_confirm{
	display: flex;
	flex-direction: column;
	padding: 20px;
	border-bottom: 1px solid var(--line);
}
.balance_confirm .wallet{
	justify-content: flex-end;
	padding: 2px 0;
}
.balance_confirm .wallet .walletcount{
	width: 100%;
}
.balance_confirm .wallet.earn .walletcount #mytkct{
	color: var(--textpri);
	font-size: 1.4em;
	font-weight: 700;
}
.blo.active{
	display: block;
}
.blo{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--blacktr);
	z-index: 100;
}
.mnb{
	z-index: 99;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	display: none;
	align-items: center;
	background: var(--white);
	border-top: 1px solid var(--linelight);
}
.mnb .item{
	height: 50px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	font-size: .82em;
	line-height: normal;
}
.mnb .item svg{
	width: 22px;
	height: 22px;
}
nav{
	font-size: 1em;
	display: flex;
	align-items: center;
}
nav ul{
	width: 100%;
	display: flex;	
	gap: 35px;
}
nav ul li a{
	display: block;
	font-weight: bold;	
}
.animals{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	padding: 10px 0 0;
}
.animals .animal.active{
	outline: 3px solid var(--main);
}
.animals .animal.active img{
	opacity: 1;
	filter: grayscale(0);
}
.animals .animal{
	cursor: pointer;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 50%;
	border: 1px solid var(--bg);
	margin: 0 auto;
}
.animals .animal img{
	border-radius: 50%;
	width: 100%;
	height: 100%;
	display: flex;
	object-fit: cover;
	opacity: .3;
	filter: grayscale(1);
	pointer-events: none;
}
.loginwrp{
	max-width: 400px;
	margin: 6vh auto 0;
	display: flex;
	flex-direction: column;		
}
.loginwrp .logo{
	height: 14px;
	width: auto;
	margin: 20px 0;
}
.loginwrp .msg{
	word-break: keep-all;
	color: var(--textgrey);	
	padding: 0 10px;
	margin-top: 20px;
	text-align: center;
}
.loginwrp .msg p:last-child{
	font-size: .9em;
}
.loginwrp .snsloginbox{
	margin-top: 40px;
}
.logintitle::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--line);
}
.logintitle {
	position: relative;
	display: flex;
	padding: 0 10px;
}
.logintitle a.sg{
	border-radius: 16px 16px 0 0;
}
.logintitle a:first-child:not(.sg){
	border-right: 0;
	border-radius: 16px 0 0 0;
	box-shadow: inset -2px -2px 10px -5px rgb(0 0 0 / 10%);
}
.logintitle a:last-child:not(.sg){
	border-radius: 0 16px 0 0;	
	box-shadow: inset 2px -2px 10px -5px rgb(0 0 0 / 10%);
}
.logintitle a:first-child.active, .logintitle a:last-child.active{
	box-shadow: none;
}
.logintitle a.active{
	color: var(--textpri);
	background: var(--bg);
	border-bottom-color: var(--bg);
}
.logintitle a{
	position: relative;	
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	color: var(--textlightgrey);
	background: var(--grey);
	border: 1px solid var(--line);	
	font-weight: 700;
	font-size: 1.24em;
}
.loginbody{
	padding: 40px;
}
.loginbox{
	display: flex;
	flex-direction: column;
}
.loginbox .grp{	
  display: flex;
	flex-direction: column;
	gap: 14px;
	border-bottom: 1px solid var(--line);
	padding: 30px 0;
}
.loginbox .grp.last{
	border-bottom: 0;
}
.loginbox .grp.first{
	padding-top: 0;
}
.loginbox .item{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 6px;
}
.loginbox input{
	width: 100%;
	height: 42px;
	font-size: 1.1em;
}
.loginbox .bt{
	font-weight: 700;
	height: 60px;
	font-size: 1.2em;
	border-radius: 14px;
	background: var(--main);
	/* box-shadow: var(--shadow); */
	justify-content: center;
}
.loginbox .sublink{
	margin-top: 14px;
	color: var(--textgrey);
	text-align: center;
}
.loginbox .sublink a{
	color: var(--textgrey);
}
#hisback{
	cursor: pointer;
	display: none;
	background: transparent;
	border: 0;
	height: 40px;
	align-items: center;
	justify-content: center;
	margin-left: -20px;
	padding: 0 12px;
	z-index: 1;
	color: var(--text);
}
#hisback svg{
	height: 22px;
	width: 22px;
}
header .accountwrp, header nav, header .site-branding{
	white-space: nowrap;
}

.searchwrp.active{
	display: flex;
}
.modal .searchwrp{
	position: relative;
	transform: none;
	left: auto;
	flex-direction: column;
}
.searchwrp{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 440px;
	display: flex;
	align-items: center;	
	z-index: 99;
}
.searchwrp input{
	height: 42px;
	border: 0;
	background: var(--whitegrey);
	width: 100%;
	padding: 0 16px;
	border-radius: 8px;
	font-size: 16px;
}
.modal .searchwrp .searchbt{
	height: 42px;
}
.searchwrp .searchbt{
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 100%;
	color: var(--black);
	background: transparent;
	border: 0;
}
.searchwrp .searchbt svg{
	width: 20px;
	height: 20px;
}
.resultsch.active{
	display: flex;
}
.resultsch{
	position: absolute;
	top: calc(100% + 6px);
	display: none;
	flex-direction: column;
	width: 100%;
	border-radius: 8px;
	background: var(--white);
	box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 1px 0px, rgba(0, 0, 0, 0.1) 0px 16px 30px 4px;
	padding: 5px;
	font-size: .88em;
}
.resultsch a{
	padding: 14px;
}
.resultsch a .title span{
	margin-left: 10px;
	font-weight: 600;
}
.resultsch a:hover .title span{
	text-decoration: underline;	
	color: var(--main);
}
.resultsch a .title{
	word-break: keep-all;	
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	white-space: normal;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.resultsch a:last-child{
	border-bottom: 0;
}
.resultsch .empty{
	margin: 30px 0;
}
header .accountwrp{
	font-size: 1em;
	gap: 20px;
	display: flex;
	align-items: center;	
	margin: 30px 0 0;
}
.sidetbstartsty .std{
	display: flex;
	align-items: center;
  gap: 8px;
}
.sidetbstartsty .std span{
	display: flex;	
}
.sidetbstartsty .std span.facewrp{
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--grey);
	outline: 1px solid var(--line);
}
.sidetbstartsty .std .username{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
	font-weight: 600;
	font-size: 1.1em;
}
.sidetbstartsty .std span svg{
	width: 20px;
	height: 20px;
	color: var(--black);
}
.sidetbstartsty .std span.subscribed{
	position: relative;
}
.sidetbstartsty .std span.subscribed::before{
	z-index: -1;
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: calc(100% + 8px);
	height: calc(100% + 8px);
	border-radius: 50%;
	background: var(--main);
	background: linear-gradient(153deg, #9ed5d0 0%, var(--main) 100%);
}
.sidetbstartsty .std .avatar{
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
#mgnb-outside .sidetbstartsty .std span.facewrp{
	width: 30px;
	height: 30px;
	outline: 1px solid var(--line);
}
#mgnb-outside .sidetbstartsty .std .avatar{
	width: 30px;
	height: 30px;
}
#mgnb-outside .sidetbstartsty svg{
	display: none;
}
header .accountwrp .mgnbt{
	display: none;
}
.mgnb .sidetbstartsty{
	height: auto;
	margin-top: 10px;
}
.sidetbstartsty{
	cursor: pointer;
	display: flex;
	align-items: center;	
	justify-content: center;
	height: 40px;
	gap: 2px;
}
.sidetbstartsty.username{
	margin-left: 5px;
}
.sidetbstartsty .num{
	display: none;
	align-items: center;
	justify-content: center;
	background: var(--main);
	color: var(--white);
	font-size: .75em;
	font-weight: 600;
	border-radius: 32px;
	min-width: 24px;
	height: 24px;
	padding: 0 5px;
}
header .accountwrp .login svg{
	width: 28px;
	height: 28px;
}
.dropdown.lineless{
	white-space: nowrap;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	gap: 8px;
	min-width: auto;
	outline: 0;	
	border: 0;
	font-size: .9em;
	padding: 0;
	background: transparent;
}
.dropdown.lineless svg.arw{
	width: 14px;
	height: 14px;
}
header svg{
	width: 24px;
	height: 24px;
}
.googlelogin svg{
	width: 24px;
	height: 24px;
}
.googlelogin{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	gap: 4px;
	min-width: auto;	
	padding: 0 20px;
	font-weight: 600;	
	font-size: 1.1em;
	border-radius: 16px;
	color: var(--black);
	background: var(--white);
	border: 1px solid #dedfe9;
	box-shadow: 0 1px 1px var(--whitegrey);	
}
.upimgwrp{
	cursor: pointer;
	position: relative;	
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	height: 0;
	padding-top: 85%;	
	background: var(--whitegrey);
	border-radius: 15px;	
	font-weight: 400;
}
.upimgwrp .icn{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
}
.upimgwrp svg{
	width: 32px;
	height: 32px;
	opacity: .2;
}
.calwrp .hidden{
	display: none;
}
.upimgwrp #previewArea{
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.upimgwrp #previewArea img{
	width: 100%;
	height: 100%;
	border-radius: 0;
	object-fit: contain;
}
.upimgwrp #previewArea .complabel{
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	font-size: .9em;
}
#calorieResult{
	font-size: 14px;
	margin: 30px 0 0;
}
.calwrp.result .calwrpbtn{
	display: none;
}
.calwrp.result .calwrpbtnresult{
	display: flex;
}
.calwrpbtnresult{	
	display: none;
	gap: 10px;
	margin: 30px 0 0;
	font-size: 15px;
}
.calwrpbtnresult .bt{
	max-width: 100%;
}
.calwrpbtnresult .bt.line{
	color: var(--black);	
	border: 2px solid var(--line);
	background: transparent;
}
.totalCal{
	display: block;
	font-weight: 600;
}
.totalCal span{
	font-size: 1.5em;
	font-weight: 700;
}
.submenu{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
	margin: 0 0 14px;
}
.submenu > *{
	overflow: hidden;
	position: relative;
	background: var(--whitegrey);
	border-radius: 10px;
	width: 100%;
	height: 0;
	padding-top: 50%;
}
.submenu > * > .inr{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 14px;
	z-index: 3;
}
.lchgrid{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;
	margin: 0 0 40px;
	overflow: hidden;
}
.lchgrid .item.sky{
	background: var(--sky);
}
.lchgrid .item{
	overflow: hidden;
	position: relative;
	border-radius: 8px;
	background: var(--grey);
	width: 100%;
	height: 0;
	padding-top: 65%;
}
.lchgrid .item::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;	
}
.lchgrid .item .inr.nopd{
	padding: 0;
}
.vidinr .followbox{
 	margin-top: 4px;
}
.vidinr .followbox .bt{
	height: 32px;
	background: var(--main);
	justify-content: center;
}
.vidinr .followbox .bt[sta=following]{
  color: #fff;
	border-color: var(--linetrwhite);
	font-size: .9em;
}
.followbox{
	position: relative;
	display: flex;
	gap: 6px;
}
.touch .followbox{
	position: absolute;
	left: 80px;
	bottom: 10px;
}
.listfeed.explore.pinter .followbox .bt span{
	font-size: .85em;
	font-weight: 400;
	opacity: .8;
}
.listfeed.explore.pinter{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 0px; /* 작은 단위로 설정하여 세밀하게 조정 */
	gap: 1px;
	margin: 0 -20px;
}
.listfeed.explore.pinter .hentry{
	display: grid;
}
.listfeed.explore.pinter .exploreinr{
	height: auto;
}
.listfeed.explore.pinter .hentry .exploreinr .ratio{
	height: auto;
	min-height: 110px;
	padding-top: 0!important;
}
.listfeed.explore.pinter .hentry .exploreinr .ratio img{	
	position: static;
	height: auto;
	min-height: 110px;
}
.followbox .bt span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.followbox .bt span.price{
	display: none;
}
.listfeed.explore.pinter .followbox .bt{
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 0;	
	line-height: 1.2;
	width: 100%;
}
.followbox .bt{
	padding: 0 14px;
	height: 36px;
	display: inline-flex;
	align-items: center;	
	width: auto;
	gap: 3px;
	box-shadow: var(--shadow);
	border-radius: 32px;
}
.followbox .bt[sta=following]{
	background: transparent;
	color: var(--text);
	border: 1px solid var(--line);
}
.followbox .bt[sta=following] .period{
	display: none;
}
.sharelist{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.sharelist .item.dropdown .std{
	display: flex;
}
.sharelist .item.dropdown .dropitems.min{
	min-width: auto;
	font-size: .9em;
}
.sharelist .item.dropdown{
	min-width: auto;
	border: 0;
}
.sharelist .item.dropdown .item{
	white-space: nowrap;
	width: 100%;
	height: auto;
	border-radius: 0;
	justify-content: flex-start;
	line-height: normal;
	color: var(--text);
	font-weight: 500;
}
.sharelist .item{
	cursor: pointer;	
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;	
	border-radius: 50%;
	transition-duration: 0.2s;
	color: var(--textgrey);
}
.sharelist .item svg{
	width: 18px;
	height: auto;
}
.inappalertexit{
	position: absolute;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	width: 32px;
	border-radius: 50%;
	background: var(--whitegrey);
	color: var(--textlightgrey);
	cursor: pointer;
}
.inappalertexit svg{
	width: 14px;
	height: 14px;
}
.inappalert .txt{
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
	white-space: nowrap;
	color: var(--textlightgrey);
	font-size: .9em;
}
.inappalert .meta{
	display: flex;
	gap: 8px;
	width: calc(100% - 32px);
}
.inappalert .inr{
	width: 100%;
}
.inappalert .meta .inr .name{
	font-weight: 600;
}
.inappalert .in-app-notification__avatar{
	width: 32px;
	height: 32px;
	border-radius: 50%;
}
.inappalert{
	opacity: 1;
	position: fixed;
	top: 56px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--white);
	outline: 1px solid var(--line);
	box-shadow: var(--shadow);
	line-height: 1.3;
	display: flex;
	align-items: center;
	gap: 6px;
	border-radius: 32px;
	padding: 0 10px;
	height: 52px;
	transition: opacity .3s;
	z-index: 99999;
	width: calc(100% - 40px);
	max-width: 480px;
	box-shadow: 0 0 5px 1px rgb(0 0 0 / 12%);
}
#alertbubble{
	opacity: 0;
	position: fixed;
	bottom: 55px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--black);
	color: var(--white);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 32px;
	padding: 0 25px;
	height: 58px;
	transition: opacity .3s;
	white-space: nowrap;
	z-index: 999;
}
.swbox .bt svg{
	width: 12px;
	height: 12px;
}
/* .authorcoverwrp{
	background: linear-gradient(180deg, var(--grey) 0%, var(--bg) 90%);
} */
.authorwrp{
	padding: 40px 20px;
	/* max-width: 500px;
	margin: 0 auto; */
}
.acard{
	position: relative;
	font-size: 14px;	
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 16px;
}
.verifycon, .aicon{
	display: flex;
}
.verifycon svg{
	width: 22px;
	height: 22px;
	fill: var(--main);
	color: var(--bg);
}
.aicon{
	background: var(--main);
	color: var(--white);
	border-radius: 4px;
	padding: 0 4px;
	margin-left: 4px;
	font-size: .8em;
	font-weight: 600;
	display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 16px;	
}
.acard .namewrp{
	display: flex;
	align-items: center;
}
.acard h3{
	margin: 0;
	line-height: normal;
	font-size: 1.3em;
	color: var(--textpri);
}
.acard h3 svg{
	height: auto;
	width: 20px;
	fill: var(--main);
}
.acard .info{
	width: 100%;
}
.avatarwrp{
	position: relative;
	display: inline-flex;
	border-radius: 50%;
	width: 64px;
	height: 64px;
	background: var(--grey);
	outline: 1px solid var(--linelight);
}
.acard .avatarwrp{
	width: 100px;
	height: 100px;
}
/* .acard .avatar:hover{
	opacity: .7;
} */
.subspayguide .acard a{
	display: flex;
}
.subspayguide .acard .avatar{
	flex: 0 0 36px;
	width: 36px;
	height: 36px;
}
/* .acard.ava{
	flex-direction: column;
} */
.acard .avatar{
	cursor: pointer;
	flex: 0 0 100px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	transition-duration: 0.2s;
	object-fit: cover;
}
.slider .ucard{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
}
.slider .ucard::after, .userlist .ucard::before{ 
	box-sizing: border-box;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 70%;
	z-index: 1;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.16) 50%, rgba(0,0,0,0) 100%);
}
.userlist.follow .ucard .info{
	position: static;
	color: var(--text);
	padding: 0;
}
.slider .ucard .info, .userlist .ucard .info{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 10px;
	color: var(--text);
	z-index: 2;
}
.slider .ucard .info .bio{
	opacity: .9;
	color: #fff;
}
.userlist .ucard .info .bio{
	color: var(--textgrey);	
}
.slider.tin{
	height: calc(100vh - 98px);
	border-radius: 0;
}
body .swiper-tinder-button-yes.swiper-tinder-button-active{
	background: var(--main);
}
body .swiper-tinder-button-yes{
	border-color: var(--main);
}
body .swiper-tinder-button-yes svg{
	fill: var(--main);
}
.slider .ucard .info .bio, .userlist .ucard .info .bio{
	margin: 8px 0 0;
	padding: 0;
	line-height: 1.2;
	font-weight: 400;
	font-size: .87em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	word-break: auto-phrase;
}
.acover{
	position: relative;
	height: 0;
	padding-top: 50%;
	background: var(--main);
	margin: -72px -20px -52px;
}
.acover::before{
	z-index: 1;
	content: '';
	position: absolute;
	width: 100%;
	height: 20%;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 0%, rgb(0, 0, 0, 0.1) 100%);
	opacity: .8;
}
.acover img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.acard .info .meta{
	width: 100%;
	font-size: .86em;
	color: var(--textgrey);
}
.acard .info .meta .submeta{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.acard .info .meta .submeta .reg{
	display: flex;
	align-items: center;
	gap: 2px;
}
.acard .info .meta .submeta .reg svg{
	width: 14px;
	height: 14px;
}
.acard .info .meta .submeta #countFollowers{
	border-right: 1px solid var(--linelight);
	padding-right: 6px;
	margin-right: 6px;
}
.acard .info .meta .submeta > div.distance{
	display: flex;
	align-items: center;
}
.acard .info .meta .sc{
	border-right: 1px solid var(--line);
	margin: 0 6px;
	height: 12px;
}
.acard .info .meta .age svg{
	width: auto;
	height: 11px;
	fill: var(--main);
	margin-right: 2px;
}
.acard .info .meta .age.female svg{
	fill: var(--pink)
}
.acard .info .meta .age{
	border: 1px solid var(--main);
	color: var(--main);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 6px;
	font-size: .85em;
	font-weight: 600;
	line-height: normal;
	height: 18px;
	min-width: 18px;
	padding: 0 4px;
	word-spacing: -1px;
}
.acard .info .meta .age.female{
	border-color: var(--pink);
	color: var(--pink);
}
.acard .info .meta .addit{
	display: flex;
	align-items: center;
	gap: 4px;
	line-height: normal;
	margin-top: 6px;
}
.bio{
	color: var(--textgrey);
	margin: 0 0 24px 0;
	word-break: keep-all;
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.bio.acitve p{
	margin: 0 0 1em;
}
.bio p{
	margin: 0;
}
.counts_author{
	display: flex;
	margin: 20px 0;
}
.counts_author .item{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.counts_author .item .num{
	font-weight: 700;
	font-size: 1.5em;
	letter-spacing: -.3px;
}
.counts_author .item .txt{
	font-weight: 300;
	font-size: .8em;
	color: var(--textgrey);
}
.ucard .info .meta{
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	font-size: .86em;
	margin: 4px 0 0;
}
.ucard .info .meta > div.sta.dis{
	border-color: var(--white);
	color: var(--white);
	opacity: .7;
}
.ucard .info .meta > div.sta{
	background: transparent;
	border: 1px solid var(--green);
	color: var(--green);
}
.ucard .info .meta > div .sc{
	border-right: 1px solid var(--linetr);
	margin: 0 4px;
	height: 50%;
}
.userlist.follow .ucard h3 .activity{
	opacity: 1;
	color: var(--textgrey);
}
.follow .ucard .info .meta > div.age{
	color: var(--textlightgrey);
}
.ucard .info .meta > div{
	color: #fff;
	background: transparent;
	border: 1px solid var(--linetr);
	border-radius: 20px;
	padding: 0 5px;
	display: flex;
	align-items: center;
	height: 19px;
	line-height: normal;
}
.ucard .info .meta > div.age svg{
	width: auto;
	height: 11px;
	fill: #fff;
	margin-right: 2px;
}
.lchgrid .item .icon.rt{
	bottom: auto;
	top: 0;
	transform: scaleX(-1);
	right: -23px;
}
.lchgrid .item .icon{
	position: absolute;
	width: 75px;
	height: auto;
	right: -6px;
	bottom: -15px;
	/* opacity: .1;
	filter: grayscale(100%);
	transition-duration: 0.2s;	 */
}
/* .lchgrid .item:hover .icon, .lchgrid .item.opani.active .icon{
	opacity: 1;
	filter: grayscale(0%);
} */
.lchgrid .item .inr img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lchgrid .item .inr{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 14px;
	z-index: 3;
}
.lchgrid .item .title{
	display: flex;
	justify-content: space-between;
}
.lchgrid .item .onlinecount.bottom{
	justify-content: flex-end;
}
.lchgrid .item .onlinecount{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100% - 22.8px);
}
.lchgrid .item .onlinecount .count{
	font-size: .9em;
	margin: 3px 0 0;
	color: var(--textlightgrey);
}
.lchgrid .item .onlinecount span{
	background: var(--green);
	color: #fff;
	font-weight: 500;
	margin-left: 3px;
	padding: 2px 5px;
	border-radius: 10px;
}
.onlinelist{
	display: flex;
	position: absolute;
	bottom: 12px;
}
.onlinelist .zero{
	font-size: .85em;
	color: var(--textgrey);
}
.lchgrid .walletcount{
	position: absolute;
	bottom: 12px;
	font-size: .82em;
}
.lchgrid .walletcount .quelatestdate{
	color: var(--textgrey);
}
/* .walletcount #mytkct{
	font-size: 1.2em;
	font-weight: 600;	
} */
.quecount span, .quelatestdate span{
	font-weight: 500;
	font-size: 1em;
}
.lchgrid .item .inr .onlinelist img:first-child{
	margin-left: 0;
}
.lchgrid .item .inr .onlinelist img{
	width: 24px;
	height: 24px;
	border-radius: 50%;
	padding: 1px;
	background: var(--grey);
	margin-left: -10px;
}
.lchgrid .item h3{
	margin: 0 3px 0 0;
	line-height: normal;
	font-size: 1.1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* max-width: 69%; */
}
.userlist .ucard .username, .lchgrid .item .ucard .username{
	display: flex;
	align-items: flex-end;
	line-height: normal;
	flex-wrap: wrap;
	gap: 6px;
}
.userlist .ucard .username .activity, .lchgrid .username .activity{
	font-size: .9em;
	word-spacing: -1.2px;
}
.userlist.follow .ucard .username .name{
	font-weight: 600;
	font-size: 1.1em;
}
.userlist.follow .ucard .username .activity{
	color: var(--textlightgrey);
}
.lchgrid .item .newcount.active{
	background: var(--red);
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 22px;
	min-width: 22px;
	border-radius: 24px;
	padding: 0 8px;
	line-height: normal;
	font-weight: 600;
	font-size: .9em;
}
.lchgrid .item:first-child{
	grid-row: span 2;
	height: 100%;
}
main{
	position: relative;
	width: 100%;
	min-height: calc(100vh - 48px);
}
main.gra::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 60vh;
	background: var(--white);
	background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,1) 100%);
}
body.single-que main section{
	padding: 0;
}
.cnt{
	padding: 20px 20px 20px;
}
section.topzeropd{
	padding-top: 0;
}
section.full{
	max-width: 100%;
}
section.sml{
	max-width: 500px;
	margin: 0 auto 40px;
	padding: 20px;
}
section{
	position: relative;
	width: 100%;
}
section.vhcen{
	top: 10vh;
}
.author-branding{
	display: none;
}
.site-branding{
	display: flex;
	align-items: center;
	color: var(--logo);
	padding: 20px 0;
}
.site-branding svg{
	height: 38px;
	width: auto;
}
.loginwrp .site-branding svg{
	height: 48px;
}
.loginwrp .site-branding{
	margin: 0 auto 30px;
	padding: 0;
}
#loading.active{
	display: flex;
}
#loading{
	display: none;
	align-items: center;
	justify-content: center;
	padding: 30px;
}
.loadingmodal{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 30px;
}
.modal .loadingmodal{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.faqs{
  display: flex;
  flex-direction: column;
	margin: 0 0 20px;
}
.faqs .item{
	width: 100%;
  background: var(--grey);
  border-radius: 10px;
  overflow: hidden;
	word-break: keep-all;
}
.faqs .item.active{
	background: var(--grey);
	outline: 1px solid var(--line);
}
.faqs.sml{
	gap: 10px;
}
.faqs.sml .item .qustion{
	font-size: 1em;
	padding: 14px;
}
.faqs .item .qustion{
  cursor: pointer;  
  display: flex;
  justify-content: space-between;
	gap: 7px;
	font-weight: 600;
  font-size: 1.1em;
	padding: 18px;
}
.faqs .item .qustion svg{
	width: 16px;
	height: 16px;
	color: var(--textgrey);
	position: relative;
	top: 2px;
}
.faqs .item .qustion svg.open, .faqs .item.active .qustion svg.close{
  display: block;
}
.faqs .item .qustion svg.close, .faqs .item.active .qustion svg.open{
  display: none;
}
.faqs.sml .item .answer{
	padding: 10px 16px 17px;
}
.faqs .item .answer{
	padding: 10px 20px 17px;
	border-top: 1px solid var(--line);
  display: none;
  word-break: keep-all;
	color: var(--text);
}
.faqs .item.active .answer{
	font-size: 1em;
  display: block;  
}
.faqs .item.active .answer a{
  color: var(--color_gold);
  text-decoration: underline;
}
.faqs .item.active .answer p{
	margin: 0.65em 0;
}
.faqs .item.active .answer ul{
	list-style-type: disc;
	margin-left: 1.3em;
}
.faqs .item.active .answer ul li{
	margin-bottom: 3px;
}
.writefeed{	
	display: flex;
	flex-direction: column;	
	margin: 0 0 20px;
	padding: 0 20px 20px;
}
.writefeed textarea{
	font-size: 1.1em;
	margin-bottom: 10px;
}
.galleryPreview:empty{
	display: none;
}
.galleryPreview:not(:empty), .videoPreview:not(:empty) {
	display: grid;
	margin-bottom: 10px;
}
.galleryPreview, .videoPreview{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 1px;
	border-radius: 12px;
	overflow: hidden;
}
.galleryPreview.g2, .videoPreview.g2, .galleryPreview.g3, .videoPreview.g3, .galleryPreview.g4, .videoPreview.g4 {
	grid-template-columns: repeat(2, 1fr);
}
.galleryPreview.g3 .selbox:first-child, .videoPreview.g3 .selbox:first-child{
	grid-row: span 2;
	height: 100%;
}
.galleryPreview.g3 .selbox, .videoPreview.g3 .selbox{
 	padding-top: 70%;
}
.selbox{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
	display: flex;
}
.selbox img, .selbox video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
}
.selbox .thumbContainer{
	z-index: -1;
}
.delthis{
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
	background: var(--blacktr);
	color: #fff;
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	z-index: 1;
}
.delthis svg{
	width: 16px;
	height: 16px;
}
.tool_sub{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}
.tool_sub .amount{
	color: var(--textgrey);
	font-size: .95em;
}
.tool_sub .amount #amount_price{
	cursor: pointer;
	font-size: 1.1em;
	font-weight: 700;
	color: var(--textpri);
}
.tool{
	width: 100%;
	gap: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.tool .dropdown{
	height: 34px;
}
.tool .nsfw{
	width: 100%;
}
.tool .dropdown .std{
	font-size: .95em;
}
.tool .fr{
	display: flex;
	align-items: center;
	gap: 3px;
}
.tool .bt svg{
	width: auto;
	height: 22px;
}
.tool .fr .bt{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	height: 40px;
	width: 40px;
	color: var(--textgrey);
	border-radius: 50%;
	padding: 0;
	transition-duration: 0.2s;
}
.tool .fr .bt:hover{
	color: var(--text);
	background: var(--grey);
}
#submit_feed{
	padding: 10px 20px;
	border-radius: 30px;
	width: auto;
	height: 40px;
	white-space: nowrap;
}
/* .writefeed.active textarea{
	height: 100px;
} */
/**danalstart**/
iframe#danal-iframe{
	border-radius: 16px;
}
/**danalend**/
.listitems{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 14px;
}
.listitems .item .sym svg{
	width: 24px;
	height: auto;
}
.listitems .item{
	width: 100%;
	background: var(--grey);
	border-radius: 20px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}
.listitems .item img{
	max-width: 100px;
	width: 50%;
	height: auto;
	margin: 0 auto;
}
.listitems .item h3{
	font-size: 1em;		
	line-height: 1.25;
	word-break: keep-all;
	margin: 0;
}
.listitems .item .bonus{
	display: flex;
	flex-direction: column;
	color: var(--textgrey);
	margin: 14px 0;
	font-size: .9em;
}
.listitems .item .bonus span{
	font-weight: bold;
	font-size: 1.4em;
	color: var(--text);
}
.listitems .item .desc{
	font-size: .9em;
	color: var(--textgrey);
	margin: 0 0 10px 0;
}
.listitems .item .price span{
	font-size: .9em;
}
.listitems .item .price{
	cursor: pointer;
	font-weight: 700;
	margin: 10px auto 0 auto;
	background: var(--main);
	color: var(--white);
	border-radius: 32px;
	padding: 8px 20px;
	max-width: 180px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 46px;
}
.charguide{
	font-size: .9em;
	word-break: keep-all;
	margin: 30px 0 0;
}
.charguide h3{
	display: flex;
	align-items: center;
	gap: 4px;
}
.charguide h3 svg{
	width: 14px;
	height: 14px;
	position: relative;
}
.listlog.earnings .log, .listlog.payment .log{
	padding: 30px 20px;
}
.listlog.earnings .log .sta{
	margin: 0;
}
.listlog .log .sta{
	border-right: 1px solid var(--line);
	padding-right: 6px;
	margin-right: 6px;
}
.listlog .log.completed .sta{
	color: var(--main);
}
.listlog .log .desc{
	word-break: keep-all;
	line-height: 1.35;
	max-width: calc(100% - 40px);
}
.listlog .log .desc span{
	font-weight: 700;
}
.listlog .log .con .logmeta{
	display: flex;	
	line-height: normal;
	margin-top: 4px;
}
.listlog .log.unread .linkbell{
	color: var(--main);
	border-color: var(--main);
}
.listlog .log .linkbell{
	position: absolute;
	right: 20px;
	top: 20px;
	display: flex;
	align-items: center;
	justify-content: center;	
	width: 36px;
	color: var(--textgrey);
	border: 1px solid var(--line);
	height: 36px;
	border-radius: 50%;	
}
.listlog .log .linkbell svg{
	width: 16px;
	height: 16px;	
}
.listlog .log{
	position: relative;
	background: var(--bg);
	padding: 24px;
	display: flex;
	gap: 10px;
}
.listlog .log .facewrp{
	display: flex;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: var(--grey);
}
.listlog .log .avatar{	
	/* outline: 1px solid var(--linetr); */
	border-radius: 50%;
	position: relative;
	top: 2px;
	opacity: 0;
}
.listlog .log .con{
	width: 100%;
}
.listlog .log.bell .name{
	font-size: 1.1em;	
}
.listlog .log .title{
	color: var(--textgrey);
}
.listlog .log .name{
	font-weight: 600;
	font-size: 1.15em;
}
.listlog.payment .log .name{
	font-weight: 500;
	font-size: 1em;
}
.listlog.earnings .log .title{
	border-right: 1px solid var(--line);
	padding-right: 6px;
	margin-right: 6px;
}
.listlog.earnings .log .meta{
	margin-top: 10px;
	gap: 10px;
	padding: 18px;
	border: 1px solid var(--line);
	border-radius: 10px;
	background: var(--bg);
	overflow: hidden;
}
.listlog.earnings h4{
	text-align: left;
	font-weight: 500;
	margin: 15px 0 5px;
}
.listlog.earnings .log .bankinfo{	
	margin-top: 8px;
}
.listlog.earnings .log .bankinfo label{
	font-weight: 600;
	margin: 0 0 3px;
}
.listlog.earnings .log .bankinfo .num{
	font-size: .9em;
	display: flex;
	gap: 5px;
}
.listlog.earnings .log .meta .calcu.last{
	border-bottom: 0;
}
.listlog .log .meta{
	display: flex;
	flex-direction: column;
	text-align: right;
	gap: 3px;
	margin-top: 2px;
}
.listlog .log .meta .calcu .color.lg{
	color: var(--text);
	font-size: 1.2em;
	font-weight: 700;
}
.listlog .log .meta .calcu:last-child{
	border-bottom: 0;
}
.listlog .log .meta .calcu{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px dashed var(--line);
	font-weight: 500;
	color: var(--textgrey);
}
.listlog .log .meta .calcu .sta{
	display: flex;
	align-items: center;
	background: var(--whitegrey);
	color: var(--textgrey);
	font-weight: 500;
	padding: 0 6px;
	border-radius: 10px;
	height: 19px;
	font-size: 0.8em;
}
.listlog .log.completed .meta .calcu .sta{
	background: var(--green);
	color: #fff;
}
.listlog .log.add .amount .currency{
	color: var(--main);
}
.listlog .log.add .amount .currency::before, .listlog .log.charge .amount .currency::before{
	content: '+';
}
.listlog .log .balance{
	font-size: .85em;
	color: var(--textlightgrey);
}
.listlog .log .date{
	color: var(--textlightgrey);
}
.listlog.payment .log .date{
	font-size: .9em;
}
.listlog .log .symbol{
	font-weight: 400;
	color: var(--textlightgrey);
	margin-left: 2px;	
}
.listlog .log .amount{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.listlog .log .amount .currency{
	font-size: 1.22em;
	font-weight: 600;
}
.listfeed.explore{
	max-width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2px;
	background: var(--bg);
}
.listnotice, .listfeed, .listlog{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1px;
	background: var(--linelight);
}
.listnotice .hentry.que_sticky{
	background: var(--grey);
}
.userlist.follow .ucard:hover, .listlog .log:hover, .commentList.log .item:hover, .dropdown .dropitems .item:hover{
	background: var(--grey);
}
.listfeed.explore .hentry{
	padding: 0;
	background: var(--grey);
}
.listfeed .hentry:has(.touch) {
  padding: 24px 0;
}
.listfeed .hentry, .listnotice .hentry{	
	padding: 24px 20px;
	background: var(--bg);
}
.listfeed .hentry .exploreinr{
	height: 100%;
}
.listfeed .hentry > div, .listnotice .hentry > div{
	width: 100%;
	display: flex;
	gap: 10px;
}
.listfeed .hentry > div.vidwrp, .listnotice .hentry > div.vidwrp{
	position: relative;
}
.listfeed.vids .hentry .vidwrp .vidinr{
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	color: var(--white);
	padding: 16px;	
	max-width: 76%;
}
.listfeed.vids .hentry .vidwrp .vidinr .fr{
	color: var(--white);
	display: inline-flex;
	/* align-items: center; */
	gap: 8px;
}
.listfeed.vids .hentry .vidwrp .vidinr .fr a{
	display: flex;
}
.listfeed.vids .hentry .vidwrp .vidinr .fr a .avatar{
	position: relative;
	top: 2px;
}
.listfeed.vids .hentry .vidwrp .vidinr .fr .name{
	font-weight: 600;
	color: #fff;
}
.listfeed.vids .hentry .vidwrp .vidinr .desc p{
	margin: 10px 0 0;
}
.listfeed.vids .hentry .vidwrp .vidinr .desc{
	cursor: pointer;
	line-height: 1.3;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.listfeed.vids .hentry .vidwrp .gallery_short .swiper-wrapper{
	height: 100%!important;
}
.listfeed.vids .hentry .vidwrp .gallery_short .swiper-wrapper .swiper-slide{
	width: 100%!important;
	height: 100%!important;
}
.listfeed.vids .hentry .vidwrp{
	position: relative;
}
.listfeed.vids .hentry .vidwrp::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 22%;
	background: rgba(0, 0, 0, 0.4);
	background: linear-gradient(180deg, rgb(0 0 0 / 0%) 15%, rgb(0, 0, 0, 0.6) 100%);
	z-index: 2;
}
.listfeed.vids .hentry .vidwrp .toolreact{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 16px;
	margin: 0 0 5px;
}
.listfeed.vids .hentry .vidwrp .toolreact .fr{
	flex-direction: column;
	color: #fff;
	gap: 19px;
}
.listfeed.vids .hentry .vidwrp .toolreact .fr .item svg{
	width: 23px;
	height: 23px;
}
.listfeed.vids .hentry .vidwrp .toolreact .fr .item{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: auto;
	padding: 0;
	gap: 0;
}
.listfeed.vids .hentry .vidwrp .toolreact .fr .btnmuted svg.active{
	display: block;
}
.listfeed.vids .hentry .vidwrp .toolreact .fr .btnmuted svg{
	display: none;
}
.listfeed.vids .hentry .vidwrp .meta .date{
	font-size: .9em;
}
.listfeed.vids .hentry .vidwrp .unsubs .followbox{
	display: none;
}
.listfeed.vids .hentry .vidwrp .unsubs .premiumalert p{
	margin-top: 100px;
}
.listfeed_ranks.three{
	grid-template-columns: repeat(2, 1fr);
	background: transparent;
	gap: 4px;
	margin: 10px 0 0;
}
.listfeed_ranks{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
	margin: 0;
}
.listfeed_ranks .hentry:hover{
	background: transparent;
}
.listfeed_ranks .hentry{
	padding: 0;
}
.ucard .listfeed_ranks .hentry{
	background: transparent;
}
/* .ucard:hover .listfeed_ranks .count_que{
	background: var(--white);
} */
.ucard .listfeed_ranks .count_que{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 80%;
	background: var(--whitegrey);
	border-radius: 12px;
}
.ucard:hover .listfeed_ranks .count_que{
	background: var(--whitedeep);
}
.ucard .listfeed_ranks .count_que .numwrp{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
}
.ucard .listfeed_ranks .count_que .numwrp .num{
	font-size: 1.25em;
	font-weight: 600;
}
.ucard .listfeed_ranks .count_que .numwrp .txt{
	font-size: .75em;
	font-weight: 300;
}
.ucard .listfeed_ranks .hentry .premiumalert p{
	line-height: 1.1;
}
.listfeed_ranks .hentry .galleryGrid, .listfeed_ranks .hentry .unsubs{
	position: relative;
	margin: 0;
	gap: 1px;
}
.listfeed_ranks .hentry .galleryGrid.g3 .ratio{
	padding-top: 100%;	
}
.listfeed_ranks .hentry .galleryGrid.g2 .ratio{
	padding-top: 200%;
}
.listfeed_ranks .hentry .meta{
	font-size: .8em;
}
.exploreinr .premiumalert{
	border-radius: 0;
	padding: 10px;
}
.exploreinr .premiumalert .isnsfw{
	position: static;
}
.listfeed.explore.pinter .premiumalert{
	padding: 10px;
}
.listfeed.explore.pinter .premiumalert .followbox{
	margin-top: auto;
	width: 100%;
}
.listfeed.explore.pinter .premiumalert p{
	display: none;
}
.premiumalert p{
	position: relative;
	margin: 0;
	line-height: normal;
	font-size: .9em;
	font-weight: 700;
	color: #fff;
}
.premiumalert{
	overflow: hidden;
	position: absolute;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: center;
	padding: 20px;
	border-radius: 8px;	
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
.listfeed.vids{	
  height: calc(var(--vh) * 100 - 0px);  
	overflow-y: scroll;	
	scroll-snap-type: y mandatory;
	scroll-padding: 0;
	-webkit-overflow-scrolling: touch;
	overscroll-behavior-y: contain;
	gap: 0;
	margin: 0;
}
.listfeed.vids .hentry .vidwrp .gallery_short{
	height: calc(var(--vh) * 100 - 0px);
	background: #000;
	border-radius: 0;
}
.listfeed.vids .hentry{
	scroll-snap-align: start;
	scroll-snap-stop: always;
	position: relative;	
	padding: 0;
}
.listfeed .hentry .con,
.listnotice .hentry .con,
.listfeed_ranks .hentry .con{	
	position: relative;
	width: 100%;
	cursor: pointer;	
}
.listfeed_ranks .hentry .con .metawrptop{
	padding: 6px 4px;
	margin: 0 0 10px;
}
.listfeed_ranks .hentry .con .metawrp{
	display: flex;
	align-items: center;
	gap: 6px;
	position: relative;
	z-index: 2;
}
.listfeed_ranks .hentry .con .metawrp .meta{
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.listfeed .hentry .meta, .listnotice .hentry .con .meta{
	line-height: normal;
}
.listfeed .hentry .name, .listnotice .hentry .con .name{
	font-size: 1.1em;
	font-weight: 600;
	color: var(--textpri);
}
.listfeed .hentry .date, .listnotice .hentry .con .date{
	color: var(--textgrey);
	font-size: .95em;
}
.listfeed .hentry .desc, .listnotice .hentry .con .desc{
	position: relative;
	font-size: 1.1em;
	line-height: 1.4;
}
.listfeed .hentry .desc .more,
.listnotice .hentry .con .desc .more{
	text-decoration: underline;
	color: var(--sub);
	font-size: .9em;
	margin-top: -10px;
}
.listfeed .hentry .desc p:first-child,
.listnotice .hentry .con .desc p:first-child{
	margin-top: 5px;
}
.listfeed .hentry .con .wp-video,
.listnotice .hentry .con .wp-video{
	width: 100%!important;
	height: auto;
	margin: 1em 0 0;
	border-radius: 10px;
	overflow: hidden;
}
.mejs-video{
	width: 100%!important;
}
.listfeed .hentry .exploreinr .unsubs{
	margin-top: 0;
}
.listfeed .hentry .unsubs .galleryGrid svg.icon,
.listnotice .hentry .unsubs .galleryGrid svg.icon,
.listfeed .hentry .discon .galleryGrid svg.icon,
.listnotice .hentry .discon .galleryGrid svg.icon,
.listfeed_ranks .hentry .unsubs .galleryGrid svg.icon,
.listfeed_ranks .hentry .discon .galleryGrid svg.icon{
	opacity: .2;
}
.isnsfw.quebuy{
	width: auto;	
	background: var(--main);
	color: #fff;
	border-radius: 32px;
	height: 36px;
}
.isnsfw{
	z-index: 2;
	position: absolute;
	left: 80px;
	bottom: 44px;
	color: #fff;
	background: var(--nsfw);
	box-shadow: var(--shadow);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	height: 36px;
	border-radius: 32px;
	font-weight: 700;
	line-height: normal;
	font-size: 1em;
}
.listfeed .hentry .galleryGrid svg.icon,
.listfeed.vids .hentry .gallery_short svg.icon,
.listnotice .hentry .galleryGrid svg.icon,
.listfeed_ranks .hentry .galleryGrid svg.icon{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 1;
	width: 54px;
	height: 54px;
	fill: #fff;
	opacity: .9;
}
.listfeed_ranks .hentry .galleryGrid svg.icon{
	width: 40px!important;
	height: 40px!important;
}
/* .listfeed.pinter .hentry .exploreinr .galleryGrid .count{
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	opacity: .7;
} */
.listfeed.pinter .hentry .exploreinr .galleryGrid .count svg{
	width: 36px;
	height: 36px;
}
.listfeed .hentry .exploreinr .galleryGrid .count{
	color: #fff;
	display: flex;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	opacity: .7;
	z-index: 1;
}
.listfeed .hentry .exploreinr .galleryGrid .count svg{
	width: 36px;
	height: 36px;
}
.listfeed .hentry .exploreinr .galleryGrid{
	margin-top: 0;
	border-radius: 0;
	height: 100%;
}
.listfeed .hentry .touch .galleryGrid{
	display: flex;
	gap: 6px;
	border-radius: 0;
	margin: 0;
	padding: 0 20px 0 70px;
}
.listfeed .hentry > div.touch{
	flex-direction: column;
	gap: 0;
}
.listfeed .hentry > div.touch .textdummy{
	display: flex;
	padding: 0 20px;
}
.listfeed .hentry > div.touch .textdummy .metawrp{
	padding-left: 10px;
}
.listfeed .hentry .touch .toolreact{
	padding-left: 70px;
}
.listfeed .hentry .touch .galleryGrid .ratio{
	max-width: 80%;
	padding-top: 56.25%!important;
	border-radius: 8px;
	background: var(--grey);
}
.listfeed .hentry .galleryGrid,
.listnotice .hentry .galleryGrid,
.listfeed_ranks .hentry .galleryGrid{
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	margin-top: 1em;
	border-radius: 8px;
	overflow: hidden;
}
.listfeed_ranks .hentry .galleryGrid{
	margin-top: 0;
}
.listfeed.vids .hentry .unsubs{
	margin-top: 0;
}
.listfeed.vids .hentry .unsubs .premiumalert{
	border-radius: 0;
}
.listfeed .hentry .unsubs,
.listnotice .hentry .unsubs,
.listfeed_ranks .hentry .unsubs{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.listfeed .hentry .unsubs .galleryGrid,
.listnotice .hentry .unsubs .galleryGrid,
.listfeed_ranks .hentry .unsubs .galleryGrid{
	margin-top: 0;
}
.listfeed .hentry .galleryGrid.g1,
.listnotice .hentry .galleryGrid.g1,
.listfeed_ranks .hentry .galleryGrid.g1{
	grid-template-columns: repeat(1, 1fr);
}
.listfeed .hentry .galleryGrid.g3 .ratio:first-child,
.listnotice .hentry .galleryGrid.g3 .ratio:first-child,
.listfeed_ranks .hentry .galleryGrid.g3 .ratio:first-child{
	grid-row: span 2;
	height: 100%;
}
.listfeed .hentry .galleryGrid.g3 .ratio,
.listnotice .hentry .galleryGrid.g3 .ratio{
	padding-top: 70%;
}
.listfeed_ranks .hentry .galleryGrid.g3 .ratio {
	padding-top: 100%;
}
.listfeed .hentry .blurred.ratio img,
.listnotice .hentry .blurred.ratio img,
.listfeed_ranks .hentry .blurred.ratio img{
	scale: 1.2;
}
.listfeed.vids .hentry .ratio{
	height: 100%;
	padding: 0;
}
.listfeed .hentry .exploreinr .premiumalert p,
.listfeed .hentry .exploreinr .premiumalert .price,
.listfeed_ranks .hentry .exploreinr .premiumalert p,
.listfeed_ranks .hentry .exploreinr .premiumalert .price{
	display: none;
}
.listfeed .hentry .exploreinr .ratio,
.listfeed_ranks .hentry .exploreinr .ratio{
	height: 100%;
	padding-top: 112.5%!important;
}
.listfeed .hentry .ratio,
.listnotice .hentry .ratio,
.listfeed_ranks .hentry .ratio{
	position: relative;
	display: flex;
	width: 100%;
	height: 0;
	padding-top: 100%;
	overflow: hidden;
}
.listfeed_ranks .hentry .ratio{
	background: var(--grey);
}
.listfeed.vids .hentry video{
	object-fit: contain;
}
.listfeed .hentry .ratio img, 
.listfeed .hentry video, 
.listnotice .hentry .ratio img, 
.listnotice .hentry video,
.listfeed_ranks .hentry .ratio img, 
.listfeed_ranks .hentry video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;	
}
.cnt .toolreact{
	margin: 20px 0;
}
.toolreact{
	margin: 10px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: var(--textgrey);
}
.toolreact .fr{
	display: flex;
	align-items: center;
	gap: 8px;
}
#singlecal .toolreact .count_like:hover{
	color: var(--black);
}
.toolreact .item:first-child{
	padding-left: 0;
}
.hentry .toolreact .item{
	height: 24px;
}
.toolreact .item{
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 3px;
	line-height: normal;
	height: 26px;
	padding: 0 6px;
	border-radius: 10px;
	font-size: .9em;
	transition-duration: 0.2s;
}
.toolreact .item.count_like[sta=dislike] svg{
	fill: var(--red);
	color: var(--red);
}
.toolreact > div svg{
	height: 20px;
	width: auto;
}
.hentry .toolreact > div svg{
	height: 18px;
}
.listfeed .hentry .facewrp, .listnotice .hentry .facewrp{
	border-radius: 50%;
	background: var(--grey);
	outline: 1px solid var(--linelight);
	width: 40px;
	height: 40px;
}
.listfeed .hentry img.avatar, .listnotice .hentry img.avatar{
	border-radius: 50%;
	transition-duration: 0.2s;
}
/* .listfeed .hentry img.avatar:hover, .listnotice .hentry img.avatar:hover{
	opacity: .7;
} */
.list.latestlist{
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));	
	gap: 12px;
}
.list.board{
	grid-template-columns: 1fr;
}
.list.one{
	grid-template-columns: 1fr;
}
.list{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 10px;
}
.list .days:first-child{
	margin: 0;
}
.list .days {
	grid-column: 1 / -1;
	margin: 40px 0 0;
}
.list .days h4{
	margin: 15px 0 5px;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.list .days .dayprog{
	width: 100%;
	height: 4px;
	background: var(--whitegrey);
	border-radius: 2px;
	overflow: hidden;
}
.list .days.over .dayprog span{
	background: var(--orange);
}
.list .days.over h4 .callabel{
	border-color: var(--orange);
}
.list .days .dayprog span{
	display: flex;
	height: 100%;
	background: var(--main);
}
.list .days h4 .callabel{	
	font-size: 1.2em;
	display: flex;
	align-items: center;
	gap: 5px;
	border: 1px solid var(--main);
	padding: 0 10px;
	border-radius: 10px;
}
.list .days h4 .callabel span.num{
	font-weight: 800;
	margin-right: 2px;
}
.list.board .hentry{
	background: var(--whitegrey);
	padding: 20px;
	border-radius: 8px;
}
.list.board .hentry .title{
	font-size: 1.05em;
	font-weight: 600;
}
.list.board .hentry .date{
	color: var(--textgrey);
}
.list .hentry{
	position: relative;
	width: 100%;
}
.list .hentry .permalink{
	cursor: pointer;
	width: 100%;
	display: flex;
	flex-direction: column;	
}
.list .hentry .permalink .ratio{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
	border-radius: 10px;
	overflow: hidden;
}
.list .hentry .permalink .ratio::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.03);
}
.list .hentry .permalink .ratio img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	object-fit: cover;
}
.list .hentry .permalink .meta.wavatar{
	flex-direction: row;
	gap: 7px;
}
.list .hentry .permalink .meta .desc{
	font-size: 1.2em;
}
.list .hentry .permalink .meta{
	display: flex;
	flex-direction: column;
	padding: 6px 0 0;
	font-size: 12px;
}
.list .hentry .permalink .meta .inr{
	display: flex;
	flex-direction: column;
	padding: 0 0 0;
	font-size: 12px;
}
.list .hentry .permalink .meta .avatar{
	border-radius: 50%;
}
.list .hentry .permalink .meta .title{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list .hentry .permalink .meta .inr .date{
	margin-left: 0;
}
.list .hentry .permalink .meta .date{
	color: var(--textgrey);
	font-size: .9em;
	margin-left: 3px;
}
.list .hentry .permalink .meta .ago{
	line-height: normal;
}
.list .hentry .permalink .meta .kcal{
	font-weight: 600;
	font-size: 1.1em;
}
.list .hentry .permalink .meta .kcal span{
	margin-left: 2px;
}
.itemcatwrp{
	overflow-x: auto;
	margin: 0 0 30px;
	padding: 0 15px 12px;
}
.itemcat{
	display: flex;
	justify-content: space-between;
	font-size: 15px;
	min-width: 710px;
}
.itemcat a{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	white-space: nowrap;
}
.itemcat a img{
	width: 50px;
	height: 50px;
}
.itemcat .current{
	color: var(--main);
	font-weight: bold;
}
body.single-item .itwrp.one{
	padding-top: 0;
}
body.single-item .itwrp.one .content{
	margin-top: 20px;
}
.itwrp.dvi{
	grid-template-columns: repeat(1, 1fr);
	gap: 20px;
}
.itwrp{	
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 30px;
}
.itwrp.side{
	grid-template-columns: 1fr 390px;
}
.itwrp.one{
	grid-template-columns: repeat(1, 1fr);
}
.itwrp.one  img{
	width: 100%;
	max-width: 100%;
	height: auto;
}
.itwrp.one  img.aligncenter{
	display: block;
	margin: 0 auto;
}
.itwrp .slider{
	position: relative;
	height: 0;
	padding-top: 56.25%;
	border-radius: 8px;
	outline: 1px solid var(--linelight);
	overflow: hidden;
} 
.itwrp .slider > *{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.otherpost{
	display: flex;
	flex-direction: column;
	font-size: .82em;
	margin: 50px 0;
}
.otherpost a{
	cursor: pointer;
	width: 100%;
	font-weight: bold;
	border-top: 1px solid var(--linelight);
	padding: 16px 4px;	
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	color: var(--textgrey);
}
.otherpost a:hover{
	color: var(--black);
}
.otherpost a svg{	
	height: 16px;
	width: auto;
}
.otherpost a .arrow{
	display: flex;
	align-items: center;
	gap: 8px;
	margin-right: 14px;
}
.otherpost .title{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;	
	max-width: calc(100% - 150px);	
}
#singlecal .gallery{
	border-radius: 0;
	background: var(--grey);
}
#singlecal .gallery img, #singlecal .gallery video{
	object-fit: cover;
	width: 100%;
	height: auto;
	max-height: 90vh;	
	background: #000;
}
#singlecal .gallery video{
	min-height: 50vh;
}
#singlecal .cnt .meta{
	margin: 0;
}
.cnt .meta{
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 15px 0 0;
}
.cntl .meta .dropdown{
	margin-left: auto;
}
.cnt .meta .info{
	line-height: normal;
	display: flex;
	flex-direction: column;
}
.cnt .meta .name{
	font-size: 1.1em;
	font-weight: 600;
}
.cnt .meta a{
	display: flex;
	align-items: center;
}
.cnt .meta .avatar:hover{
	opacity: .7;
}
.cnt .meta .avatar{
	border-radius: 50%;
	transition-duration: 0.2s;  
}
.cnt .meta .date{
	color: var(--textgrey);
	font-size: .95em;
}
#singlecal .ratio{
	display: flex;
	border-radius: 8px;
	overflow: hidden;
	margin: 0 0 20px;
}
.modal #singlecal .ratio{
	margin: -10px -10px 20px;
}
#singlecal .memo{
	font-size: 1.1em;
}
#singlecal .memo p{
	color: var(--text);
}
.single-inq #singlecal .inqmeta{
	display: flex;
	align-items: center;
	color: var(--textlightgrey);
}
.single-inq #singlecal .inqmeta .sc{
	border-right: 1px solid var(--line);
	margin: 0 8px;
	height: 12px;	
}
.single-inq #singlecal .memo .answer{
	border-top: 1px solid var(--linelight);
	padding-top: 10px;
	margin-top: 20px;
}

.calwrpbtn{
	font-size: 16px;
	margin: 20px 0 0;
	display: flex;
	justify-content: flex-end;
}
.calwrpbtn button{
	font-size: .9em;
	font-weight: 700;
	max-width: 100%;
	height: 58px;
}
.calwrpbtn button span.active{
	display: flex;
}
.calwrpbtn button span{
	width: 100%;
	display: none;
	align-items: center;
	justify-content: space-between;
	text-align: left;
}
.slogan{
	margin: 10px 0 30px;
}
.slogan h1{
	text-transform: capitalize;
	font-size: 1.7em;
	font-weight: 800;
	word-break: keep-all;
	margin: 0;
	color: var(--textpri);
}
.slogan p{
	color: var(--textlightgrey);	
}
.slogan p a{
	font-weight: 500;
	color: var(--black);
	text-decoration: underline;
}
.wib.sky{
	background: var(--sky);
}
.wib{
	background: var(--whitegrey);
	border-radius: 8px;
	padding: 30px;
}
.wib.meta{
	padding: 16px;
}
.wibgap{	
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.insertrevwrp{	
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 20px;
}
.insertrev{
	display: flex;
}
.insertrev textarea:focus{
	border-color: var(--line);
	background: var(--white);
}
.insertrev textarea{
	border-color: var(--whitegrey);
	background: var(--whitegrey);
}
.submitwrp.right{
	justify-content: flex-end;
}
.insertrevwrp.active .submitwrp{
	display: flex;
}
.submitwrp{
	display: none;
	align-items: center;
	gap: 12px;
}
.submitwrp .dropdown{
	font-size: .9em;
}
.revlist{
	display: flex;
	flex-direction: column;
	font-size: .95em;
}
.revlist .item{
	display: flex;
	gap: 12px;
	padding: 20px 15px 20px 0;
}
.revlist .item .avatar{	
	position: relative;
	top: 2px;
	border-radius: 50%;
}
.revlist .item .author{
	font-weight: bold;
	display: flex;
	gap: 10px;
	margin-bottom: 4px;
}
.revlist .item .author .star{
	display: flex;
	align-items: center;
	gap: 3px;
	font-size: .8em;
}
.revlist .item .author .star svg{
	width: 16px;
	height: 16px;
	color: var(--yellow);
}
.revlist .item .comment{
	font-size: .9em;
}
.revlist .item .comment p{
	margin-top: 0;
}
.revlist .item .date{
	font-size: .8em;
	color: var(--textgrey);
}
.itwrp .starstitle{
	display: flex;
	align-items: center;
	gap: 14px;
	border-bottom: 1px solid var(--linelight);
	padding: 0 30px 25px;
	margin: 0 -30px 15px;
}
.itwrp .starstitle .starswrp .stars{
	width: 100px;
	height: 20px;
}
.itwrp .starstitle .starswrp label{
	font-size: .85em;
	font-weight: 400;
	color: var(--textlightgrey);
}
.itwrp .starstitle .starswrp{
	flex-direction: column;	
	align-items: flex-start;
	gap: 3px;
	margin-top: 0;
}
.itwrp .starstitle .score{
	font-size: 2.5em;
	font-weight: 500;
	line-height: 1;
}
.starswrp{
	display: flex;
	align-items: center;
	gap: 5px;
	margin-top: 2px;
}
.starswrp .stars{
	display: flex;
	height: 18px;
	color: var(--yellow);
	fill: var(--yellow);
}
.itwrp .description h2{
	font-weight: bold;
	line-height: 1.4;
}
.itwrp .description img{
	width: 100%;
	height: auto;
}
.content .desc a{
	color: #4b8cbf;
  text-decoration: underline;
}
.vidpart .coursemeta{
	margin: 0 0 30px;
	padding: 20px 0;
	border-bottom: 0;
}
.coursemeta{
	display: flex;
	font-size: 15px;
	font-weight: 500;
	margin: -30px -30px 30px;
	padding: 20px 30px;
	border-bottom: 1px solid var(--linelight);
}
.coursemeta .author{
	display: flex;
	align-items: center;
	gap: 12px;
	padding-right: 30px;
	margin-right: 30px;
	border-right: 1px solid var(--linelight);
}
.coursemeta .author .avatar{
	border-radius: 50%;
}
.coursemeta label{
	font-size: .8em;
	font-weight: 400;
}
.itwrp .itpt.titlewrp .titleinner{
	display: flex;
	gap: 25px;
}
.itwrp .itpt.titlewrp .titleinner img{
	flex: 0 0 74px;
	width: 74px;
	height: 74px;
	object-fit: cover;
	border-radius: 8px;
}
.itwrp .itpt.titlewrp .titleinner .date{
	display: flex;
	gap: 20px;
	font-size: .9em;
	margin: 10px 0 0;
	color: var(--grey3);
}
.itwrp .itpt .mov{
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	margin: 20px 0 0;
}
.itwrp .itpt .mov.center{
	justify-content: center;
}
.itwrp .itpt .mov.back{
	text-align: left;
}
.bt.external{
	height: 38px;
	background: transparent;
	color: var(--text);
	border-bottom: 1px solid var(--line);
	border-radius: 0;
	padding: 0 10px;
}
.bt.external svg{
	color: var(--textgrey);
}
.bt.center{
	justify-content: center;
}
.bt.sml{
	height: 40px;
	max-width: 120px;
	border-radius: 8px;
	padding: 0 20px;
	background: var(--grey);
	color: var(--text);
}
.bt.pri{
	background: var(--main);
	color: var(--white);
	font-weight: 700;
}
.bmtbts{
	font-size: 15px;
}
.bt.more{
	background: var(--grey);
	color: var(--text);
}
.bt.line{
	color: var(--text);
	border: 2px solid var(--line);
	background: transparent;
}
.bt.dis{
	color: var(--textgrey);
	background: var(--whitegrey);
}
.loginbts{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 20px;
}
.bt.login.line{
	font-weight: 500;
}
.bt.login{
	width: auto;
	font-size: 1.2em;
	border-radius: 32px;
	height: 50px;
	max-width: 160px;
}
.bt{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 100%;
	width: 100%;
	height: 50px;
	background: var(--main);
	color: var(--white);
	font-weight: 700;
	font-size: 1em;
	border: 0;
	border-radius: 10px;
	padding: 0 30px;
}
.bt.lg.pri.line.more{
	margin-top: 20px;
}
.bt.lg.pri.line{
	font-size: .9em;
	font-weight: 600;
	border-radius: 32px;
	border-color: var(--line);
	border-width: 1px;
	color: var(--text);
	background: transparent;
	height: 40px;
	justify-content: space-between;
	gap: 3px;
}
.itwrp .itpt .mov > * svg, .bt svg{
	width: 18px;
	height: 18px;
}
.itwrp h2{
	margin: 0;
	font-weight: 500;
}
.desc h2{
	font-size: 1.35em;
	font-weight: bold;
	margin: 1.2em 0 .6em;
}
.setavatar.avatarwrp.vertical{
	flex-direction: column;
	gap: 12px;
}
.setavatar.avatarwrp{	
	display: flex;
	align-items: center;	
	gap: 14px;
}
.setavatar.avatarwrp label{
	margin: 0!important;
}
.alertlist{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.alert.link svg:last-child{
	margin: 0 0 0 auto;
}
.vertical #previewArea{
	width: 100px;
	height: 100px;
}
#previewArea{
	display: flex;
	flex: 0 0 auto;
	width: 64px;
	height: 64px;	
}
#previewArea img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
	/* outline: 1px solid var(--linetr); */
}
#dropArea.is-dragover img{
  outline: 2px dashed var(--main);
}
#dropAreaCover{
	position: relative;
	background: var(--whitegrey);
	border-radius: 10px;
	overflow: hidden;
}
#dropAreaCover label{
	z-index: 2;
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#dropAreaCover label svg{
	width: 28px;
	height: 28px;
	color: var(--textgrey);
}
#previewAreaCover{
	width: 100%;
	height: 0;
	padding-top: 50%;
	position: relative;
	z-index: 1;
}
#previewAreaCover img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.setavatar.avatarwrp img{
	border-radius: 50%;
}
.setavatar.vertical .namewrp{
	align-items: center;
}
.setavatar .namewrp{
	display: flex;
	flex-direction: column;
	gap: 4px;
}
.setavatar .namewrp .putlink{
	cursor: pointer;
	color: var(--main);
	font-weight: normal;
	font-size: 1em;
	line-height: normal;
}
.itwrp .meta label[for=fileElemCover] .namewrp .putlink{
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid var(--line);
}
input.hidden{
	display: none;
}
.itwrp .meta.last{
	padding-bottom: 0;
	border-bottom: 0;
}
.itwrp .meta.first{
	padding-top: 0;
}
.itwrp .meta{
	display: flex;
	flex-direction: column;
	gap: 26px;
	padding: 34px;
	border-bottom: 1px solid var(--line);
}
.mybmr.his{
	background: transparent;
	padding: 0;
}
.mybmr{
	word-break: keep-all;
	background: var(--whitegrey);
	border-radius: 8px;
	padding: 20px;
	font-size: .8em;
}
.mybmr span.green{
	color: var(--main);
	font-size: 1.2em;
	font-weight: 800;
}
.mybmr span{
	font-weight: 600;	
	font-size: 1.1em;
}
.itwrp .meta label.nomargin{
	margin: 0;
}
.itwrp .meta label.hidden{
	display: none;
}
.itwrp .meta .wrp{
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
}
.wapd{
	position: relative;
	display: flex;
	height: 100%;
}
.wapd input{
	padding-right: 40px;
}
.wapd.pre input{
	padding: 0 12px 0 155px;
}
input#nicename{
	text-transform: lowercase;
}
.wapd.pre .apd{
	right: auto;
	left: 0;	
	top: 50%;
	transform: translateY(-50%);
	padding: 0 12px;
	line-height: normal;
	color: var(--textgrey);
}
.wapd .apd{
	position: absolute;
	right: 0;
	top: 0;
	display: flex;
	align-items: center;
	height: 100%;
	min-width: 40px;	
	padding: 0 10px;	
	font-size: .9em;
	color: var(--textlightgrey);
	line-height: normal;
}
.itwrp .meta input, .itwrp .meta textarea{
	width: 100%;	
}
/* .itwrp .meta input:focus, .itwrp .meta textarea:focus{
	box-shadow: var(--shadow);
} */
.itwrp .meta.resultpt > div:last-child{
	padding: 0;
	margin: 0;
}
.itwrp .meta.resultpt .wrp{
	flex-wrap: wrap;
}
.itwrp .meta.resultpt .room{
	font-weight: 600;
}
.itwrp .meta.resultpt .colu{
	display: flex;
	flex-direction: column;
}
.itwrp .meta.resultpt .colu .item{
	text-align: right;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dashed var(--line);
}
.itwrp .meta.resultpt .colu .item:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.itwrp .meta.resultpt .colu .item a{
	font-weight: 600;	
	margin-right: 10px;
}
.itwrp .meta.resultpt .colu .item .qnt{
	margin-right: 10px;
	word-spacing: -2px;
}
.itwrp .meta.resultpt .colu .item .price{
	font-weight: 500;
}
.itwrp .meta > div.doblwrp{
	align-items: flex-end;
}
.itwrp .meta label{
	margin-bottom: 8px;
	display: flex;
	align-items: flex-end;
	line-height: normal;
	gap: 2px;
}
.itwrp .meta label span{
	font-size: .85em;
	font-weight: 500;
	color: var(--textgrey);
	word-spacing: -1px;
	margin-left: 3px;
}
.itwrp .meta > div.cond_cert{
	display: none;
}
.itwrp .meta > div{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.itwrp .meta > div span.grey{
	color: var(--textgrey);
}
.itwrp .meta .bankinfobox{
	padding: 16px;
	border-radius: 8px;
	background: var(--grey);
	text-align: center;
	word-spacing: 4px;
	font-weight: 500;
	font-size: .95em;
}
.itwrp .meta .bankinfobox .alt{
	color: var(--textgrey);
}
.itwrp .meta > div.calc.sub{
	color: var(--textgrey);
}
.itwrp .meta > div.calc label{
	font-weight: 500;
}
.itwrp .meta > div.calc{
	align-items: center;
	border-bottom: 1px dashed var(--line);
	font-weight: 500;	
	padding: 0 10px;
}
.itwrp .meta > div.calc.last{
	border-bottom: 0;
	background: var(--grey);
	padding: 20px;
	border-radius: 10px;
}
.itwrp .meta > div span.lg{	
	font-weight: 700;
	font-size: 1.22em;
}
.itwrp .meta > div span.lg.color{
	color: var(--main);
	font-size: 1.33em;
}
.itwrp .meta .pagewrp{
	flex-direction: column;
	align-items: flex-start;
}
.itwrp .meta > #pch_price .val{
	font-size: 1.4em;
	font-weight: bold;
}
.itwrp .meta .inqlist{
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 1px;
	background: var(--linelight);
}
.itwrp .meta .inqlist a{
	padding: 20px 0;
	width: 100%;
	background: var(--bg);
}
.itwrp .meta .inqlist a .type{
	color: var(--textlightgrey);
}
.itwrp .meta .inqlist a .title{
	font-weight: 500;
	font-size: 1.05em;
	margin: 0 0 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
}
.itwrp .meta .inqlist a .ed{
	color: var(--textlightgrey);
	display: flex;
	align-items: center;
	line-height: normal;
	font-size: .95em;
}
.itwrp .meta .inqlist a .ed .sc{
	border-right: 1px solid var(--line);
	margin: 0 8px;
	height: 12px;
}
.itwrp .meta .inqlist a .ed .sta.complete, .single-inq #singlecal .inqmeta .sta.complete{
	background: var(--main);
	color: var(--white);
}
.itwrp .meta .inqlist a .ed .sta, .single-inq #singlecal .inqmeta .sta{
	background: var(--whitegrey);
	color: var(--textlightgrey);
	font-size: .85em;
	border-radius: 8px;
	height: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 8px;
	margin: 0 10px 0 0;
	border: 0;
}
label{
	white-space: nowrap;
	display: flex;
	font-size: 1em;
	font-weight: 500;	
}
.supporter{
	display: flex;
	gap: 12px;	
}
.supporter .namewrp{
	display: flex;
	flex-direction: column;
	gap: 2px;
	line-height: normal;
	font-size: 1em;
}
.supporter .name{
	font-weight: bold;
	margin-bottom: 2px;
}
.supporter .date{
	font-size: .85em;
	color: var(--textgrey);
}
.supporter img.avatar{
	display: flex;
	border-radius: 50%;
	width: 36px;
	height: 36px;
}
.itwrp .desc.ans{
	background: var(--sky);
	border-radius: 10px;
	margin-top: 40px;
	padding: 20px;	
	font-size: .85em;
}
.itwrp .desc label{
	margin-bottom: 20px;
}
.itwrp .desc{	
	font-size: .95em;
	line-height: 1.65;
}
.itwrp .shipinfo{
	color: var(--textlightgrey);
	word-break: keep-all;
	line-height: 1.6;
	font-size: .9em;
}
.itwrp .shipinfo{
	padding: 24px;
	color: var(--orange);
	border-radius: 6px;
	font-size: .85rem;
}
.itwrp .shipinfo label{
	font-size: .87rem;
}
.itwrp .shipinfo p{
	margin: 7px 0 0;
}
.itwrp .shipinfo .room{
	font-weight: bold;
}
.itwrp .buyerinfo{
	display: flex;
	flex-direction: column;
	gap: 20px;
	font-size: 15px;
}
.itwrp .buyerinfo .put label{
	margin-bottom: 10px;
}
.itwrp .buyerinfo .put.hidden{
	display: none;
}
.itwrp .buyerinfo .put input{
	width: 100%;
	height: 46px;
	border: 1px solid var(--line);
	border-radius: 6px;
	padding: 10px;	
	font-size: 15px;
}
.itwrp .buyerinfo .put input:read-only{
	background: var(--whitegrey);
}
.itwrp .buyerinfo .put input[type="checkbox"]{
	width: auto;
	height: auto;
	padding: 0;
}
.itwrp .buyerinfo .put textarea{
	width: 100%;
	border: 1px solid var(--line);
	border-radius: 6px;
	padding: 10px;	
}
.itwrp .submit{
	cursor: pointer;
	width: 100%;
	height: 58px;
	background: var(--black);
	color: var(--white);
	font-weight: bold;
	font-size: 1.1rem;
	border: 0;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.itwrp .tosswrp{
	padding: 10px;
	background: var(--white);
	outline: 1px solid var(--linelight);
	border-radius: 8px;
}
.itwrp .tosswrp .result.wrapper{
	padding: 0 10px 10px;
}
.itemmeta{
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	gap: 20px;
	border-radius: 8px;
	background: var(--white);
	outline: 1px solid var(--linelight);
	padding: 30px;
}
.favwrp{
	z-index: 9;
	display: flex;
	gap: 12px;
	font-size: 11px;
	position: absolute;
	right: 0;
	top: 0;
	padding: 30px;
}
.favwrp > div{
	height: 38px;
	width: 38px;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	outline: 1px solid var(--linelight);
	border-radius: 50%;
	background: var(--white);	
	gap: 3px;
	transition: opacity .15s, color .15s, background-color .15s;
}
.favwrp > div:hover{
	background: var(--whitegrey);
}
.favwrp > div span{
	line-height: normal;
	display: none;
}
.favwrp > div svg{
	width: 16px;
	height: 16px;
}
.itemmeta .pwrp{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.itemmeta .pwrp label{
	color: var(--textlightgrey);
	font-weight: 300;
	font-size: .85em;
}
.itemmeta .price{
	font-size: 1.55em;
	font-weight: bold;
	letter-spacing: -.3px;
}
.itemmeta .pwrp #pch_title{
	margin-top: 0;
	line-height: 1.3;
	font-size: .7em;
}
.itemmeta .stockwrp{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.itemmeta .stockwrp.hidden{
	display: none;
}
.itemmeta .buybt{
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 0 0 10px;
}
.itemmeta .buybt .soldout{
	background: var(--whitegrey);
	color: var(--black);
	font-weight: 600;
}
.itemmeta .buybt #cartadd.added{	
	color: var(--black);
	border: 2px solid var(--line);
	background: transparent;
}
.itemmeta .buybt #directbuy{
	background: var(--main);
}
.itemmeta .buybt form #directbuy{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 58px;
	background: var(--main);
	color: var(--white);
	font-weight: bold;
	font-size: 17px;
	border: 0;
	border-radius: 8px;
}
.itemmeta .buybt form{
	cursor: inherit;
	background: transparent;
}
.itemmeta .buybt > *{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 58px;
	background: var(--black);
	color: var(--white);
	font-weight: bold;
	font-size: 17px;
	border: 0;
	border-radius: 8px;
}

.cartlist{
	display: flex;
	flex-direction: column;
	font-size: 15px;
}
.cartlist .item{
	position: relative;
	display: flex;
	padding: 18px 0;
	border-bottom: 1px solid var(--linelight);
}
.cartlist .item .price{
	font-weight: 600;
	margin-top: 4px;
}
.cartlist .item .del svg{
	width: 22px;
	height: 22px;
}
.cartlist .item:last-child{
	border-bottom: 0;	
}
.cartlist .item .title{	
	display: flex;
	gap: 15px;
	margin-right: 15px;
}
.cartlist .item .wrp{
	display: flex;
	flex-direction: column;
	font-size: .95em;
}
.cartlist .item .title .tiwrp{
	display: flex;
	line-height: 1.3;
}
.cartlist .item .title .ti{
	color: var(--textlightgrey);
}
.cartlist .item .title img{
	object-fit: cover;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	border-radius: 4px;
}
.cartlist .item .ctl{
	display: flex;
	gap: 20px;
	margin-left: auto;
}
.cartlist .item .ctl .del{
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	color: var(--textgrey);
}
.cartlist .item .qnt{
	font-weight: 500;
	white-space: nowrap;
	margin-left: 10px;
}
.cartcalc{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 10px;
	border-top: 2px solid var(--linelight);
	font-weight: bold;
}
.cartcalc .price_total{
	font-size: 1.1em;
}
.cartlist.ordercheck .cartcalc{
	padding: 18px 20px;
	margin: 20px 0 30px;
}
.nextpaywrp{
	display: flex;
}
.nextpaywrp button{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	max-width: 200px;
	width: 100%;
	height: 58px;
	background: var(--black);
	color: var(--white);
	font-weight: bold;
	font-size: 17px;
	border: 0;
	border-radius: 10px;	
	margin-left: auto;
}
button.wsvg{
	padding: 0 30px;
}
button.wsvg svg{	
	width: 20px;
	height: 20px;
}
.dropdown.soldout{
	color: var(--textgrey);
}
.dropdown#apystat{
	background: var(--white);
}
.dropdown#apystat .dropitems{
	min-width: 130px;
}
.itwrp .meta .dropdown{	
	font-size: inherit;
	font-weight: inherit;
	height: 36px;
}
header .dropdown.active{
	background: transparent!important;
}
/* .dropdown.active{
	background: var(--white)!important;
	border-color: var(--line)!important;
} */
.dropdown{
	white-space: nowrap;
	cursor: pointer;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	background: var(--bg);
	border: 1px solid var(--line);
	border-radius: 8px;
	height: 34px;
	min-width: 100px;
	padding: 0 12px;	
}
.sidetb.active{
	display: flex;
}
.sidetbexit{
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background: var(--blacktr);
	z-index: -1;
}
.sidetb{
	display: none;
	justify-content: flex-end;
	z-index: 9999;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;		
}
.sidetb .inr{
	border: 1px solid var(--line);
	background: var(--bg);
	padding: 24px;
	width: 100%;
	order: -1;
	display: flex;
	flex-direction: column;
	border-radius: 15px;
	position: relative;
	top: 20px;
}
.sidetb .inr .std{
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 0 0 18px;
}
.sidetb .inr .std .avatarwrp .verifycon{
	right: -5px;
	bottom: 0;
}
.sidetb .inr .std .avatarwrp .verifycon svg{
	width: 20px;
	height: 20px;
}
.sidetb .inr .std .meta{
	display: flex;
	flex-direction: column;
	line-height: normal;	
	font-size: 1.1em;
}
.sidetb .inr .std .meta > div{
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100px;
}
.sidetb .inr .std .meta .username{
	font-size: 1em;
	font-weight: 700;	
	display: flex;
	align-items: center;
	color: var(--textpri);
}
.sidetb .inr .std .meta .nicename{
	font-size: .86em;
	color: var(--textgrey);
}
.sidetb .inr .std .avatarwrp img{
	border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sidetb .inr .menu{
	display: flex;
	flex-direction: column;	
}
.sidetb .inr .menu a{
	padding: 10px 0;
	font-weight: 500;
	font-size: 1em;
}
.sidetb .inr .menu a:hover{
	color: var(--textgrey);
}
.sidetb .inr .menu .sc{
	border-bottom: 1px solid var(--linelight);
	margin: 7px 0;
}
.dropdown svg, .sidetbstartsty svg{
	color: var(--textgrey);
	width: auto;
	height: 16px;
}
.dropdown .site-branding svg{
	height: 14px;
	width: auto;
	opacity: 0;
}
.dropdown.active .dropitems{
	display: block;
}
.dropdown .dropitems.orileft{
	right: auto;
	left: 0;
}
.dropdown .dropitems.oribottom{
	top: auto;
	bottom: calc(100% + 8px);
}
header .dropdown .dropitems.orileft{
	min-width: 200px;	
}
header .dropdown .dropitems{
	top: calc(100% + 6px);
}
footer .dropdown .dropitems{
	top: 0;
	bottom: calc(100% + 6px);
}
.dropdown .dropitems.min{
	min-width: 100%;
}
#bell.dropdown .dropitems.min{
	min-width: 120px;
}
/* .dropdown#setcat.active .dropitems{
	display: grid;
}
.dropdown#setcat .dropitems{
	max-width: 460px;
	width: calc(100vw - 40px);	
	grid-template-columns: repeat(2, 1fr);
	gap: 1px;
	background: var(--whitedeep);
	padding: 0;
	z-index: 99;
}
.dropdown#setcat .dropitems .item{
	background: var(--white);
	padding: 13px;
	display: flex;
	align-items: center;
	gap: 2px;
}
.dropdown#setcat .dropitems .item img{
	height: 30px;
	width: 30px;
	object-fit: contain;
}
.dropdown#setcat .dropitems .item:hover{
	background: var(--whitegrey);
} */
.dropdown .dropitems.maxhnone{
	max-height: none;
	min-width: 155px;
}
.dropdown .dropitems.sign .bt{
	justify-content: center;
	font-size: 1.15em;
	font-weight: 700;
	background: var(--main);
	box-shadow: var(--shadow);
	border-radius: 16px;
	height: 56px;
}
.dropdown .dropitems.sign .bt svg{
	color: #fff;
}
.dropdown .dropitems.sign .googlelogin{
	font-size: 1.05em;
}
.dropdown .dropitems.sign .googlelogin:hover{
	background: var(--whitemilk);
}
.dropdown .dropitems.sign{
	padding: 26px;
	cursor: auto;
}
.dropdown .dropitems.sign .alt{
	white-space: normal;	
	margin: 14px -26px -6px;
	padding: 20px 26px 0;
	border-top: 1px solid var(--line);	
	color: var(--textgrey);
	font-size: .8em;
}
.dropdown .dropitems.sign .cols{
	display: flex;
	margin: 12px 0 0;
}
.dropdown .dropitems.sign .cols > a:last-child{
	border-right: 0;
}
.dropdown .dropitems.sign .cols > a{
	width: 106px;
	background: transparent;
	border-right: 1px solid var(--line);
	justify-content: center;
	color: var(--text);
	font-weight: 400;
	font-size: 1.05em;
}
.dropdown .dropitems{
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	min-width: 130px;
	background: var(--bg);
	outline: 1px solid var(--line);
	box-shadow: var(--shadow);
	border-radius: 8px;
	padding: 12px 0;
	z-index: 99;
	max-height: 340px;
	overflow-y: scroll;
	overflow: auto;		
}
.dropdown .dropitems .item.current{
	color: var(--main);
}
.dropdown .dropitems .item.line{
	border-bottom: 1px solid var(--linelight);
}
.dropdown .dropitems .sc{
	margin: 8px 0;
	border-bottom: 1px solid var(--linelight);
}
.dropdown .dropitems .item:hover{
	color: var(--text);
}
.dropdown .dropitems .item{
	cursor: pointer;
	color: var(--text);
	display: flex;
	font-weight: 500;
	/* font-size: .95em; */
	padding: 10px 20px;
}
.tool .dropdown .dropitems .item{
	font-size: 1em;
}
.empty.vidempty{
	display: flex;
	align-items: center;
	justify-content: center;
	height: calc(var(--vh) * 100 - 45px);
}
.empty{
	color: var(--textgrey);
	text-align: center;	
	font-weight: normal;
	font-size: .9em;
	padding: 30px 0;
	margin: 0 auto;
	word-break: keep-all;
}
.alert svg{
	width: 16px;
	height: 16px;
	flex: 0 0 16px;
	margin-right: 4px;
	position: relative;
	top: 1px;
}
.alert p{
	margin: 0;
}
.alert a{
	font-weight: 600;
	text-decoration: underline;
	color: inherit;
}
.alert{
	color: var(--orange);
	background: var(--beige);
	display: flex!important;
	align-items: flex-start!important;
	justify-content: flex-start!important;
	gap: 0!important;
	padding: 12px 12px!important;
	font-size: 12px;
	font-weight: 400;
	border-radius: 8px;
	word-break: keep-all;	
}
.alert.block{
	display: block!important;
}
.alert.tran{
	display: block!important;
	color: var(--textgrey);
	background: transparent!important;
	padding: 0!important;
}
.alert.tran span{
	color: var(--orange);
	text-decoration: underline;
}
.alert.tib{
	margin: -25px 0 20px;
}
.alert.blue{
	color: var(--bluetext);
	background: var(--sky);
}
.alert.must{
	align-items: flex-start;
}
.step{
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin: 40px 0;
	font-size: 15px;
	font-weight: 500;
}
.step .item{
	display: flex;
	gap: 12px;
	padding: 20px;
	border-radius: 6px;
	border: 1px solid var(--line);
	word-break: keep-all;
}
.partitle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 15px;
}
.partitle h3{
	margin: 0;
}
.pagetitle{
	width: 100%;
	position: relative;
	padding: 10px 20px;
	background: var(--bg);
}
.pagecontent{
	padding: 10px 20px;
}
.itpt .meta .pagetitle{	
	margin: 0 0 0;
	padding: 0;
}
.wrp .verified{
	justify-content: center;
	height: 24px;
}
.verified.pending{
	background: var(--whitegrey);
	color: var(--textgrey);
}
.verified{
	display: flex;
	align-items: center;
	background: var(--green);
	color: #fff;
	font-weight: 500;
	padding: 0 6px;
	border-radius: 32px;
	height: 19px;
	font-size: 0.8em;
	margin-right: auto;
}
.pagedesc{
	color: var(--textgrey);
	margin: 0 0 20px;
}
.pagetitle.noti{
	padding: 0 0 20px;
	border-bottom: 1px solid var(--linelight);
}
#side .sticky{
	top: 20px;
}
.sticky{
	position: sticky;
	top: 0;
	z-index: 100;
}
.sticky.stickysub{
	top: 0;
} 
.post-type-archive-item .sticky::before{
	content: "";
	position: absolute;
	top: 0;
	width: 100vw;
	height: 100%;
	background: var(--white);
	z-index: -1;
	transform: translateX(-50%);
	left: 48%;
}
.sticky .pagetitle{
	margin: 0;
}
.pagetitle.wifil{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}
.tlpgap{
	display: flex;
	gap: 8px;
}
.tlp{
	padding: 16px 20px;
	background: var(--bg);
}
.tlp .filter{
	display: flex;
	align-items: center;
	gap: 6px;
}
.tlp .filter .std{
	text-transform: capitalize;
	font-size: .9em;
}
.tlp .dropdown{
	height: 34px;
	min-width: 80px;
	white-space: nowrap;
}
.filter .toggle{
	display: flex;
	gap: 1px;
	border-radius: 8px;
	overflow: hidden;
	background: var(--line);
	border: 1px solid var(--line);
	height: 34px;
}
.filter .toggle .item{
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 12px;
	color: var(--textlightgrey);
	background: var(--bg);
	font-weight: 700;
	font-size: .95em;
}
/* .filter .toggle.txt .item{
	font-weight: 700;
} */
.filter .toggle .item svg{
	width: 16px;
	height: 16px;
}
.filter .toggle .item.active{
	background: var(--grey);
	color: var(--text);
}
.searchboxwrp{
	display: flex;
	gap: 8px;
}
.searchbox.max{
	max-width: 100%;
}
.searchbox.focus{
	z-index: 101;
}
.searchbox{
	position: relative;
	max-width: 200px;
	width: 100%;
}
.searchbox .searchresult.active{
	display: block;
}
.searchbox .searchresult{
	display: none;
	position: absolute;
	top: calc(100% + 8px);
	left: 0;
	width: 100%;
	background: var(--bg);
	box-shadow: rgba(0, 0, 0, 0.08) 0px 0px 1px 0px, rgba(0, 0, 0, 0.1) 0px 16px 30px 4px;
	/* outline: 1px solid var(--linelight); */
	border-radius: 10px;
	padding: 0 16px;
	z-index: 9;
	overflow: hidden;
}
.searchbox .searchresult .moreresult{
	cursor: pointer;
	padding: 16px;
	background: var(--whitegrey);
	font-size: .9em;
	display: flex;
	justify-content: space-between;
	margin: 0 -16px;
}
.searchbox .searchresult .moreresult span{
	display: flex;
	align-items: center;
	gap: 3px;
	font-weight: 600;
}
.searchbox .searchresult .moreresult svg{
	color: var(--textgrey);
	height: 14px;
	width: auto;
}
.searchbox.lg .gradi{
	border-radius: 32px;
	padding: 2px;
	background: var(--maingradi);
}
.searchbox.lg input{
	z-index: 1;
	position: relative;
	height: 43px;
	border-radius: 32px;
	border: 0;
	background: var(--bg);
	font-size: 1.1em;
	padding: 0 40px 0 18px;
}
.searchbox.lg button{
	width: 50px;
}
.searchbox.lg button svg{
	width: 18px;
	height: auto;
	z-index: 1;
}
/* .searchbox.focus input{
	border-color: var(--white);
	background: var(--white);
} */
.searchbox input{
	padding: 0 12px 0 40px;
	height: 34px;
	width: 100%;
	font-size: 1em;
	/* background: var(--whitegrey);
	border-color: var(--whitegrey); */
}
.searchbox .bt svg{
	width: 16px;
	height: auto;
}
.searchbox .bt.reset{
	right: 0;
	left: auto;
}
.searchbox.lg .bt{
	left: auto;
	right: 0;
}
.searchbox .bt{
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	height: 100%;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	color: var(--textgrey);
	border: 0;
}
.breadwrp{
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 500;
	font-size: .9em;
	margin: 10px 0;
	color: var(--textgrey);
}
.breadwrp .buyercount{
	font-weight: 400;
}
.cats{
	display: flex;
	align-items: center;
	font-size: .9em;
	font-weight: 500;
	margin: 0 0 10px;
	overflow: hidden;
	gap: 6px;
}
.cats a.active{
	color: var(--white);
	background: var(--main);
}
.cats a{
	cursor: pointer;
	white-space: nowrap;
	color: var(--textlightgrey);
	background: var(--whitegrey);
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	padding: 0 4px;
	height: 32px;
	width: 100%;
	font-weight: 700;
}
.pagetitle.zbp{
	margin: 0 0 10px;
}
.pagetitle.zbp40{
	margin: 0 0 40px;
}
.pagetitle.big.row{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	margin: 30px 0 80px;
}

.pagetitle.big h1{
	word-break: keep-all;
	font-weight: 700;
	font-size: 2em;
}
.pagetitle h1{
	font-size: 1.5em;
	font-weight: 700;
	margin: 0;
}
.pagetitle h1.coursetitle{
	font-size: 1.2em;
	font-weight: 700;
}
.pagetitle h2{
	font-weight: normal;
	font-size: .6em;
	margin: 6px 0 0;
	color: var(--textlightgrey);
}
.pgwrp #pagination{
	margin-top: 0;
}
.wib #pagination{
	margin: 10px auto 0;
	padding-bottom: 0;
}
#pagination {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 20px 0;
	margin: 30px auto 0;
	width: 100%;
	font-size: 13px;
}
#pagination .arrows {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	order: 2;
}
#pagination .page-numbers.current {
	display: none;
}
#pagination button {
	cursor: pointer;
	height: 45px;
	width: 160px;
	font-weight: 500;
	color: var(--white);
	background: var(--black);
	border: 1px solid var(--black);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
#pagination button svg {
	height: 16px;
	width: auto;
}
#pagination .counts {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	font-size: 1em;
	color: var(--textlightgrey);
}
#pagination .counts #pagego{
	cursor: pointer;
	display: none;
	align-items: center;
	justify-content: center;
	height: 26px;
	padding: 0 10px;
	flex: 0 0 auto;
	font-weight: 500;
	background: var(--black);
	color: var(--white);
	border-radius: 4px;
	font-size: .95em;
}
#pagination .counts input {
	text-align: center;
	height: 26px;
	font-size: 1em;
	padding: 4px;
	width: 40px;
	border: 1px solid var(--linelight);
	border-radius: 4px;
}
#pagination .counts input::-webkit-inner-spin-button, #pagination .counts input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	appearance: none;
	margin: 0;
}
#pagination .counts .total{
	color: var(--textgrey);
}
.modal#postview{
	padding-top: 60px;
}
.modal#postview .modalcon{
	min-height: 100%;
	/* border-radius: 0; */
}
/* .modal#postview .modalconwrp .exitic{
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
}
.modal#postview .modalconwrp .exitic svg{
	width: 22px;
	height: 22px;
} */
.modal{		
	position: fixed;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	background: var(--blacktr);
	z-index: 999;
	padding-top: 20vh;
	overflow-y: auto;
}
.modal.zindextop{
	z-index: 1005;
}
.modal#mediaview{
	padding-top: 0;
}
.modal#mediaview .modalcon{
	border-radius: 0;
	background: #000;
}
.modal#mediaview #singlecal .gallery{
	height: 100vh;
	display: flex;
	align-items: center;
}
.modal#mediaview .modalconwrp .exitic{
	top: 10px;
	right: 10px;
	opacity: .9;
}
.modal.sml, .modal.tiny{
	align-items: center;
	padding: 20px 20px 40px;
}
.modal.tiny .bts{
	display: flex;
	gap: 10px;
}
.modal.tiny .bt{
	border-radius: 32px;
	justify-content: center;
}
.modal.tiny .bt.hide, .modal.tiny .anidots.hide{
	display: none;
}
.modal.tiny .modalcon #stamsg{
	word-break: keep-all;
	font-weight: 600;
	font-size: 1.1em;
}
.modal.tiny .modalcon{
	border-radius: 20px;
}
.modal.nfrm .modalcon{
	background: transparent;
}
.modal.sml .modalcon{
	border-radius: 15px;
	overflow: visible;
}
.modal.sml .modalcon .modalconin{
	overflow: visible;
}
.modal .modalconwrp{
	position: relative;
	max-width: 500px;
	width: 100%;
}
.modal.active{
	display: flex;
}
.modal.tiny#frameless .modalconwrp{
	max-width: 280px;
}
.modal.tiny#yesno .modalconwrp{
	max-width: 260px;
}
.modal.tiny .modalconwrp{
	max-width: 220px;
}
.modal.sml .modalconwrp{
	max-width: 400px;
}
.modal.mid .modalconwrp{
	max-width: 800px;
}
.modal .modalcon{
	background: var(--bg);
	border-radius: 15px 15px 0 0;
	overflow: hidden;
}
.modal#postview .modalcon .modalconin, .modal#buytk .modalcon .modalconin{	
	min-height: 80vh;
	padding: 0;	
}
.modal#mediaview .modalcon .modalconin{
	min-height: 100vh;
	padding: 0;	
}
.modal.nfrm .modalconin{
	padding: 0;
	display: flex;
}
.modal.nfrm .modalconin img{
	width: 100%;
	height: auto;
}
.modal .modalconin{
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	max-width: 500px;
	width: 100%;
	padding: 30px 24px;
}
.modal .modalconin .modalfoodfm{
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 16px;
}
.modal .modalconin .thumb {
	display: flex;
}
.modal .modalconin .thumb img{
	width: 64px;
	height: 64px;
	border-radius: 8px;
	object-fit: cover;
}
.modal#searchmodal .modalcon{
	font-size: 15px;
}
.modal#searchmodal .resultsch{
	position: relative;
	box-shadow: none;
	top: 10px;
	max-height: 70vh;
	overflow-y: auto;
}
.modal .modalconin.center{
	text-align: center;
}
.modal .modalconin h2{
	margin-top: 0;
	font-size: 1.75em;
}
.modal .modalconin .logo{
	height: 12px;
	width: auto;
	margin: 20px 0;
}
.modal .modalconin p, .modal .modalconin ul{
	color: var(--textgrey);
}
.modal .modalcon .video{
	display: flex;
}
.modal .modalconwrp .exitic{
	z-index: 9;
	cursor: pointer;
	position: absolute;
	top: -40px;
	right: 0;
	width: 40px;
	height: 40px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.modal .modalconwrp .exitic svg{
	width: 24px;
	height: 24px;
}
footer section{
	padding: 30px 20px;
}
footer{
	color: var(--textlightgrey);
	font-weight: 400;
	font-size: .87em;	
	border-top: 1px solid var(--line);
}
footer p{
	word-break: keep-all;
}
footer a{
	color: var(--textgrey);
}
.sidetb .preferences{
	margin: 30px 0 0;
	font-size: .9em;
	gap: 6px;
	grid-template-columns: repeat(1, 1fr);
}
.sidetb .preferences .std{
	margin: 0;
	padding: 0;
}
.preferences{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	margin: 0 0 20px;
}
.preferences button, .preferences .dropdown{
	cursor: pointer;
	height: 34px;
	border-radius: 8px;
	color: var(--textgrey);
	border: 1px solid var(--line);
	background: var(--bg);
	padding: 0 12px;
	font-size: 1em;
	font-weight: 400;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: normal;
}
.preferences button svg, .preferences .dropdown svg{
	color: var(--textgrey);
	width: 14px;
	height: 14px;
}
.preferences .dropdown .dropitems{
	width: 100%;
	bottom: calc(100% + 8px);
	top: auto;
}
footer .fmb{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
	gap: 24px;
	margin-bottom: 30px;
	padding: 0 6px;
}
footer .fmb .item{
	display: flex;
	flex-direction: column;
	gap: 10px;
}
footer .cn{
	font-size: 1.4em;
	font-weight: 900;
	margin-bottom: 20px;
}
footer .cn svg{
	height: 13px;
	width: auto;
}
footer span.sec{
	margin: 0 4px;
	font-weight: 200;
}
footer .copyright{
	font-size: .92em;
}
.tab.authortab span{
	margin-left: 3px;
	font-size: .9em;
}
.sticky .tab{
	width: auto;
}
.tab{
	background: var(--bg);
	display: flex;
	align-items: center;
	width: 100%;
	overflow: hidden;
	font-size: 1.1em;
	font-weight: 600;
}
.tab a{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	border-bottom: 2px solid var(--line);
	color: var(--textgrey);
	height: 54px;
}
.tab a.active{
	color: var(--textpri);
	border-color: var(--textpri);
}
.substable{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 14px;
}
.substable .item{
	position: relative;
	cursor: pointer;
	padding: 3px;
	margin: -3px;
}
.substable .item > div{
	position: relative;
	padding: 20px;
	border-radius: 10px;
	border: 1px solid var(--linelight);
	background: var(--white);
	color: var(--textgrey);
	font-weight: bold;
}
.substable .item.active > div{	
	color: var(--black);
}
.substable .item::before{
	display: none;
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--main);
	background: linear-gradient(153deg, #9ed5d0 0%, var(--main) 100%);
	border-radius: 13px;
	top: 0;
}
.substable .item.active::before{
	display: block;
}
.substable .item .title{
	font-weight: 500;
	margin-bottom: 5px;
}
.subspayguide{
	background: var(--bg);
}
.subspayguide .acard{
	gap: 10px;
	font-size: 14px;	
	display: flex;	
	align-items: center;
	padding: 0;
}
.subspayguide .acard h3{
	font-size: 1.17em;
}
.subspayguide .acard .info{
	padding: 0;
}
.subspayguide .acard .info span{
	font-size: .9em;
}
.subspayguide .period{
	font-size: 1.1em;
	margin: 25px 0 0;
}
.subspayguide .period label{
	margin: 0 0 5px;
}
.subspayguide .period .amtinfo{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 20px 0;
	font-size: .9em;	
}
.subspayguide .period .amtinfo .amt span{
	font-weight: 600;
	font-size: 1.3em;
}
.subspayguide .period .bt{
	height: 55px;
	background: var(--main);
}
/**PWA 시작**/
#install_container.hidden {
  display: none;
}
button.appInstall {
	cursor: pointer;
	font-size: 1.15em;
	font-weight: 600;
	min-width: 120px;
	padding: 0 20px;
	height: 55px;
	flex: 0 0 55px;
	background: var(--main);
	color: var(--white);
	border: 0;
	border-radius: 32px;
	width: 100%;
	max-width: 400px;
}
#install_container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  z-index: 999999;
  background-color: rgba(0, 0, 0, 0.60);
}
.install_container_close {
  width: 100%;
  height: 100%;
}
.install_pop {
	position: relative;
  margin: 0 auto;
  width: 100%;
  background: var(--bg);
  border-radius: 15px 15px 0 0;
  padding: 30px;
}
#install_status{
	max-width: 1000px;
	margin: 0 auto;
	padding: 18px 0;
	display: none;
	flex-direction: column;
	align-items: center;
	text-align: center;
	justify-content: center;
	color: var(--black);
	font-size: 1.1em;
	font-weight: 600;
	word-break: keep-all;
}
#install_status p{
	font-weight: 400;
	font-size: .8em;
	color: var(--textgrey);
}
#install_status .anidots{
	margin-top: 15px;
}
#install_content {
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
}
#install_content span#noth {
  cursor: pointer;
  color: var(--textgrey);
	margin-top: 20px;
}
#install_content h2 {
	font-size: 1.4em;
	font-weight: 700;
	padding: 0 20px;
	margin: 10px 0 20px;
	word-break: keep-all;
	line-height: 1.4;	
}
/**PWA 끝**/
/**슬라이더**/
.notibarwrp{
	position: relative;
	word-break: keep-all;
	margin-bottom: 14px;
	border-radius: 10px;
	background: var(--main);
	font-size: 1.15em;
	font-weight: 500;
	height: 80px;
}
.notibarwrp .arrows{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	fill: var(--white);
	color: var(--white);
	z-index: 9;
}
.notibarwrp .arrows > div svg{
	margin: 0;
	width: 14px;
	height: 14px;
}
.notibarwrp .arrows > div:hover{
	opacity: 1;
}
.notibarwrp .arrows > div{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px 12px;
	opacity: .5;
}
.notibarwrp .swiper-slide{
	width: 100%!important;
}
.notibarwrp a{
	color: var(--white);
	max-width: 70%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.notibarwrp a img{
	position: relative;
	top: 1px;
}
.notiwrp{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.notibarwrp svg{
	width: 18px;
	height: 18px;
	margin-left: 10px;
}
.slidernav > div{
	z-index: 9;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;	
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: transparent;
	height: 40px;
	width: 40px;
	color: var(--white);
	border-radius: 50%;
	padding: 0;
	transition-duration: 0.2s;
}
.slidernav > div.left{
	left: 0;
}
.slidernav > div.next{
	right: 0;
}
.slidernav > div.next.swiper-button-disabled, .slidernav > div.prev.swiper-button-disabled{
	display: none;
}
.slidernav svg{
	width: 24px;
	height: auto;
	color: #fff;
}
.sliderwrp{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
}
.lchgrid .swiper{
	border-radius: 0;
}
.swiper {
	position: relative;
  width: 100%;
	height: 100%;
	max-width: 100%;
	border-radius: 8px;
}
.swiper .swiper-wrapper .swiper-slide{
	display: flex;
}
.swiper .swiper-wrapper .swiper-slide .item{
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	border-radius: 8px;
	overflow: hidden;
	border: 1px solid rgba(0, 0, 0, 0.05);
}
.swiper .swiper-wrapper .swiper-slide .item::after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	background: rgb(0,0,0);
	background: linear-gradient(188deg, rgba(0,0,0,0) 33%, rgba(0,0,0,0.3085609243697479) 76%, rgba(0,0,0,0.5886729691876751) 100%);
}
.swiper .swiper-wrapper .swiper-slide .item img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper .swiper-wrapper .swiper-slide .item .meta{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	color: var(--white);
	padding: 20px;	
	line-height: 1.3;
	font-size: 14px;
	word-break: keep-all;
}
.swiper .swiper-wrapper .swiper-slide .item .meta .title{
	font-size: 1.4em;
	font-weight: bold;
	max-width: 60%;
}
.swiper .swiper-wrapper .swiper-slide .item .meta .summary{
	margin-top: 10px;
	max-width: 80%;
}
.sliderbtprev, .sliderbtnext{
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	outline: 1px solid rgba(0, 0, 0, 0.05);
	background: var(--white);
	height: 40px;
	width: 40px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 9;
}
.sliderbtprev{
	left: -20px;
}
.sliderbtnext{
	right: -20px;
}
.sliderbtprev svg, .sliderbtnext svg{
	width: 16px;
	height: 16px;
}
#coverlist{
	padding: 20px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	column-count: 5;
	column-gap: 14px;
}
#coverlist img{
  break-inside: avoid;
  margin-bottom: 14px;
	border-radius: 15px;
	width: 100%;
	height: auto;
	object-fit: cover;
	opacity: .9;
}
.commentWrite {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 15px 0 20px;
}
.commentWrite .idea {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.commentWrite .idea .avatar{
	/* outline: 1px solid var(--linetr); */
	border-radius: 50%;
	position: absolute;
	left: 8px;
	top: 8px;
}
.commentWrite .idea textarea{
	padding: 12px 12px 12px 45px;
	border-radius: 32px;
	resize: none;
}
.commentWrite .idea .col{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 8px;
}
.commentWrite .idea .control.active{
	display: flex;
}
.commentWrite .idea .control {
	display: none;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
}
.commentWrite .idea .control .guestip{
	margin-right: auto;
	color: var(--textgrey);
	font-size: 13px;
	font-weight: 300;
}
.commentWrite.active .idea .control {
	display: flex;
}
.commentWrite .control button {
	height: 40px;
	width: 100%;
	max-width: 100px;
	padding: 0 20px;
	border-radius: 32px;
	justify-content: center;
}
.commentWrite .control button svg{
	width: 16px;
	height: 16px;
}
.commentList {
	display: flex;
	flex-direction: column;
	margin: 30px 0 0;
	padding: 0 8px;
}
.commentList.log{
	padding: 0;
	gap: 1px;
	background: var(--line);
}
.commentList.log .item{
	padding: 20px 20px;
	background: var(--bg);
}
.commentList.log .item .from a{
	color: var(--main);
	text-decoration: underline;
}
.commentList .item {
	padding: 11px 0;
}
.commentList .item .user {
	height: auto;
	display: flex;
	align-items: flex-start;
	gap: 8px;
}
.commentList .item .con{
	width: 100%;
}
.commentList .item .user .profileIMG{
	flex: 0 0 auto;
	width: 28px;
	height: 28px;
}
.commentList .item .user .profileIMG img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
	/* outline: 1px solid var(--linetr); */
}
.commentList .item .user .name {
	position: relative;
	display: flex;
	align-items: flex-end;
	flex-direction: row;
	gap: 5px;
	margin: 0;
}
.commentList .item .user .name .nick{
	display: flex;
	align-items: flex-end;
	gap: 6px;
}
.commentList .item .user .name .dropdown{
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
}
.commentList .item .user .name .nickname {
	white-space: nowrap;
	font-weight: 600;
}
.commentList .item .user .name .date{
	font-size: .9em;
	color: var(--textgrey);
}
.commentList .item p {
	margin: 5px 0;
}
/**authorstart**/
.connect{
	margin: 30px 0 0;
	display: flex;
	gap: 8px;
}
.connect .bt.pri[sta=following]{
	color: var(--black);
	background: var(--white);
	border-color: var(--line);	
}
.connect .bt.deactivate.author{
	color: var(--black);
}
.connect .bt.deactivate{
	border-color: var(--whitegrey);
	background: var(--whitegrey);
	color: var(--textgrey);
}
.connect .bt.pri{
	background: var(--main);
	border-color: var(--main);
	color: var(--white);
}
.connect .bt{
	position: relative;
	padding: 14px 15px;
	height: auto;
	display: flex;
	align-items: flex-start;
	gap: 10px;
	border-radius: 13px;	
	border: 2px solid var(--line);
	background: transparent;
	color: var(--text);
}
.connect .bt svg{
	width: auto;
	height: 18px;
	position: absolute;
	top: 14px;
	right: 14px;
}
.connect .bt .amount{
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: .8em;
	gap: 3px;
	opacity: .8;
	flex-wrap: wrap;
}
/**authorend**/
/**msgstart**/
.msg_ground{
	display: flex;
	max-width: 100%;  
	height: 100vh;
	padding: 0;
}
.msg_userlist{
  display: flex;
  flex-direction: column;
  gap: 2px;
	margin-bottom: 60px;
}
.msg_userlist p.sub{
  color: var(--textgrey);
}
.msg_userlist .user{
	display: flex;
	align-items: center;
	flex-direction: row;
  position: relative;
  cursor: pointer;
  width: 100%;
  gap: 12px;  
	padding: 10px 20px;
}
.msg_userlist .user .facewrp{
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--grey);
	outline: 1px solid var(--linelight);
}
.msg_userlist .user .avatar{
	border-radius: 50%;
  object-fit: cover;
}
.msg_userlist .user .name .nick{
	font-weight: 600;
	white-space: nowrap;
}
.msg_userlist .user .name .nickwrp {
	display: flex;
	align-items: flex-end;
	gap: 6px;
}
.msg_userlist .user .name .nickwrp .date{
	word-spacing: -1px;
	font-size: .9em;
}
.msg_userlist .user .name .date{
	color: var(--textgrey);
	font-weight: 400;
	font-size: .9em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 90%;
}
.msg_userlist .user.active {
  box-shadow: inset -4px 0 0 0 var(--main);
}
.msg_userlist .user .msglatest{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 3px;
	margin-left: auto;
}
.msg_userlist .user .msglatest .date{
	font-size: .87em;
	color: var(--textgrey);
	line-height: normal;
}
.msg_userlist .user .newcount{
  background: var(--red);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 22px;
  min-width: 22px;
  border-radius: 20px;
  padding: 0 8px;
  font-weight: 500;
  font-size: 1em;
}
.msg_userlist .user:hover{
  background: var(--grey);
}
.msg_userlist .user .name{
  display: flex;
  flex-direction: column;
	gap: 1px;
}
.msg_chat{  
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  position: relative;
	background: var(--bg);
	height: 100vh;
}
.msg_room{
	width: 100%;
	max-width: 310px;
	display: flex;
	flex-direction: column;	
	border-right: 1px solid var(--line);
}
#msg_header .wallet{
	justify-content: flex-end;
}
#msg_header .walletcount #mytkct{
	font-size: 1.15em;
}
#msg_header{
  flex: 0 0 54px;
  width: 100%;
  /* box-shadow: inset 0 -1px 0 0 var(--line); */
  padding: 0 12px;
  display: flex;
  align-items: center;
	justify-content: space-between;
  gap: .5em;
	background: var(--bg);
}
#msg_header > div{
	display: flex;
  align-items: center;
	gap: 0;
}
#msg_header > div .dropdown .std{
	display: flex;
}
#msg_header #back svg{
	height: 20px;
	width: 20px;
	fill: var(--textgrey);
}
#msg_header #back{
	cursor: pointer;
	display: flex;
	background: transparent;
	border: 0;
	height: 40px;
	align-items: center;
	justify-content: center;
	margin-left: -15px;
	padding: 0 12px;
	z-index: 1;
}
#msg_header #set{
  margin-left: auto;
}
#msg_header #set .dropmenu::before{
  right: 17px;
}
.msg_room .btWrrap .bt{
  border: 0;
  padding: 0;
  border-radius: 50%;
	background: transparent;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}
.msg_room .btWrrap .bt.drop .dropmenu::before{
  right: 18px;
}
.msg_room .btWrrap .bt#pref{
  margin-right: 12px;
}
#pageback{
  display: none;
  padding: 0;
  border: 0;
  border-radius: 50%;
}
#msg_header .whoname{
	display: flex;
	align-items: center;
	gap: 8px;
}
#msg_header .whoamount{
	display: block;
	color: var(--textgrey);
}
#msg_header .whoamount.nonecustomer{
	display: none;
}
#msg_header .whoinfo{
	display: flex;
	flex-direction: column;
	font-size: .85em;
	line-height: 1.3;
}
#msg_header .avatarchg{
	display: flex;
}
#msg_header .avatarchg img{
	border-radius: 50%;
	width: 34px;
	height: 34px;
	/* outline: 1px solid var(--linetr); */
	object-fit: cover;
}
#msg_header h3{
	margin: 0;
	font-size: 1.2em;
}
.msg_room .btWrrap .bt svg, #pageback svg{
  width: auto;
  height: 18px;
	color: var(--textgrey);
}
#msg_his{
	height: calc(100% - 54px);
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 12px 20px 110px;
	overflow-y: scroll;
}
#msg_his .aiset .dayline.leave{
  margin: 4em 0 2em;
}
#msg_his .aiset .dayline.leave h3{
  margin: 0;
}
#msg_his .dayline.leave{
  opacity: 1;
  margin: 4em auto;
  flex-direction: column;
  align-items: center;
	max-width: 380px;
}
#msg_his .dayline.leave span{  
  padding: 0 14px;
	word-break: keep-all;
}
#msg_his .dayline.leave p{
  font-size: .94em;
  max-width: 500px;
  word-break: keep-all;
}
#msg_his .dayline{
  display: flex;
  justify-content: center;
  text-align: center;
  color: var(--textgrey);
}
#msg_his .aiset{
  display: flex;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 58px;
  width: 100%;
  height: calc(100vh - 58px);
  z-index: 1;  
}
#msg_his .aiset #aimsgstart{
  margin: 3em auto 0;
  background: var(--main);
  border-color: var(--main);
  color: var(--white);
  height: 52px;
  min-width: 180px;
  font-weight: 600;
  font-size: 1.04em;
  border-radius: 32px;
}
#msg_his .userlist.aichoose{
  width: 100%;
  max-width: 320px;
  grid-template-columns: repeat(2, 1fr);  
  margin: 0 auto;
  padding: 2px;
  gap: 10px;
}
#msg_his .userlist.aichoose .user{
  cursor: pointer;
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#msg_his .userlist .user .name .nickname{
  margin: 0;
  font-size: 17px;
  line-height: 22px;
}
#msg_his .userlist.aichoose .user.active{
  outline: 2px solid var(--main);
  background: transparent;
}
.bubble{
  width: 100%;
  display: flex;  
  gap: 8px;
	/* font-size: 14px; */
}
.bubble .ucard img{
	transition-duration: 0.2s;
}
.bubble .ucard:hover img{
	opacity: .7;
}
.bubble.mine .bubblecon{
	align-items: flex-end;
}
.bubble .bubblecon{
	width: 100%;
	display: flex;
	flex-direction: column;
}
.bubble#loading svg{
  width: 26px;
  height: auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.bubble.mine{
	justify-content: flex-end;
}
.bubble .imagesWrrap{
	position: relative;
	cursor: pointer;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 1px;
	max-width: 80%;
	width: 100%;
	margin-bottom: 6px;
	border-radius: 8px;
	overflow: hidden;
}
.bubble .imagesWrrap.g2, .bubble .imagesWrrap.g4{
	grid-template-columns: repeat(2, 1fr);
}
.bubble .imagesWrrap.g3{
	grid-template-columns: repeat(2, 1fr);
}
.bubble .imagesWrrap.g3 .item:first-child{
	grid-row: span 2;
	height: 100%;
}
.bubble .imagesWrrap.g3 .item{
	padding-top: 62%;
}
.bubble .imagesWrrap svg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 11;
	width: 58px;
	height: 58px;
	fill: #fff;
	opacity: .9;
}
.bubble .imagesWrrap .item{
  display: flex;  
  position: relative;
  overflow: hidden;
	height: 0;
	padding-top: 80%;
	background: var(--grey);
}
.bubble .imagesWrrap.notp .item{
	background: var(--sky);
}
.bubble.mine .imagesWrrap .item{
  justify-content: flex-end;
}
.bubble .imagesWrrap.ing .item::after{
  background: rgb(28 32 40 / 64%);
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: saturate(100%) blur(10px);
  backdrop-filter: saturate(100%) blur(10px);
}
.bubble .imagesWrrap.ing .item svg{
  position: absolute;
  color: var(--white);
  z-index: 1;
  width: 32px;
  height: 32px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  opacity: .65;
}
.bubble .imagesWrrap.blurred img{
	scale: 1.2;
}
.bubble .imagesWrrap img, .bubble .imagesWrrap video{
	position: absolute;
	left: 0;
	top: 0;
  height: 100%;
  width: 100%;  
  object-fit: cover;
}
.bubble .imagesWrrap .buy{
	width: auto;
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	transform : translateX(-50%) translateY(-50%);
	min-width: 105px;
	max-width: none;
	white-space: nowrap;
	outline: 1px solid var(--linetr);
  box-shadow: var(--shadow);
	background: var(--main);
	color: #fff;
	border-radius: 32px;
	font-size: .9em;
	font-weight: 700;
	justify-content: center;
	height: 38px;
	gap: 4px;
}
.bubble .imagesWrrap .buy span{
	border-left: 1px solid rgb(255 255 255 / 30%);
	padding-left: 8px;
	margin-left: 8px;
}
.bubble .imagesWrrap .buy span.done{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 24px;
	background: var(--main);
	outline: 1px solid var(--linetr);
	box-shadow: var(--shadow);
	padding: 0 10px;
	border-radius: 32px;
	border-left: 0;
	font-size: .95em;	
}
.bubble .imagesWrrap .buy span.done img{
	width: 65px;
	height: 65px;
	position: relative;
	transition: none;
	left: auto;
	top: auto;
	right: -20px;
	bottom: -25px;
}
.bubble .imagesWrrap .buy.sale{	
	gap: 0;
	border-radius: 0;
	font-weight: 700;
	font-size: .9em;
	outline: none;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.4);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.0) 0%, rgb(0, 0, 0, 0.6) 100%);
	width: 100%;
	height: 40%;
	justify-content: flex-end;
	align-items: flex-end;
	padding: 10px;
	top: auto;
	left: 0;
	bottom: 0;
	transform: none;	
}
.bubble .imagesWrrap .buy .inr{
	display: flex;
	align-items: center;
}
.bubble .imagesWrrap .buy svg{
	position: static;
	width: 16px;
	height: auto;
	fill: transparent;
	transform: none;
}
.bubble .talkWrrap{
  display: flex;
  gap: 8px;
  max-width: 80%;
}
.bubble .avatar{
  border-radius: 50%;
}
.bubble .talkWrrap .talk{
  padding: 0 12px;
  background: var(--grey); 
  border-radius: 0 15px 15px 15px;
}
.bubble.mine .talkWrrap .talk{
	color: var(--white);
  background: var(--main);
	border: 0px solid var(--line);
  border-radius: 15px 0 15px 15px;
}
.bubble .talkWrrap .talk p{
  margin: 10px 0;
}
.msg_sendWrrap{
	z-index: 3;
	padding: 10px;
  position: absolute;  	
	left: 0;
	bottom: 0;
	width: 100%;
	/* background: var(--whitegradi0); */
}
.msg_sendWrrap .galleryPreview, .msg_sendWrrap .videoPreview{
	margin-bottom: 0;
	background: var(--white);
	max-width: 80%;
	box-shadow: var(--shadow);
}
.msg_sendWrrap .tool{
	flex-wrap: nowrap;
	gap: 10px;
	margin: 4px 0;
	justify-content: flex-start;
}
.msg_sendWrrap .tool .wapd input{
	height: 30px;
	width: 100%;
	border-color: var(--main);
}
.msg_sendWrrap .tool .wapd{
	align-items: center;
	width: 100%;
}
.msg_sendWrrap .tool .wapd.hide{
	display: none;
}
.msg_sendWrrap textarea{
	resize: none;
	font-size: 1.1em;
	border-radius: 10px;
	padding: 10px 50px 10px 12px;
}
.msg_sendWrrap .msg_area{
	position: relative;
	display: flex;
}
.msg_sendWrrap .msg_area button{
	height: 100%;
	padding: 0;
	border: 0;
	position: absolute;
	width: 50px;
	right: 0;
	top: 0;
	background: transparent;
	color: var(--text);
	display: flex;
	align-items: center;
	justify-content: center;
}
.msg_sendWrrap .msg_area button svg{
	height: 20px;
	width: auto;
}

#searchResult .userlist{
  grid-template-columns: repeat(1, 1fr);
  gap: 18px;
}
/**msgend**/
/**mediastart**/
.listmedia{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 14px;
	padding: 24px;
}
.listmedia .bubble{
	background: var(--bg);
}
.listmedia .bubble .imagesWrrap svg{
	width: 40px;
  height: 40px;
}
.listmedia .bubble .imagesWrrap{
	margin-bottom: 0;
	max-width: 100%;
	width: 120px;
	flex: 0 0 auto;
}
.listmedia .bubble .imagesWrrap.g2 .item{
	padding-top: 160%;
}
.listmedia .bubble .imagesWrrap.g3 .item{
	padding-top: 80%;
}
.listmedia .bubble .bubblecon{
	flex-direction: row;
	gap: 12px;
}
.listmedia .bubble .buyerinfo{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	font-size: .9em;
	color: var(--textgrey);
	padding: 4px 0;
}
.listmedia .bubble .buyerinfo .meta{
	font-size: .92em;
}
.listmedia .bubble .buyerinfo .item{
	display: flex;
	align-items: center;	
}
.listmedia .bubble .buyerinfo .item span{
	width: 60px;
}
/* .listmedia .bubble .buyerinfo .item a{
	color: var(--main);
} */
.listmedia .bubble .buyerinfo .item .talk{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	line-height: 1.4;
	font-weight: 600;
	font-size: 1.1em;
	color: var(--text);
	margin: 0 0 6px;
	word-break: keep-all;
}
/**mediaend**/

.checklist{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 14px;
	width: 100%;
}
.checklist .sc{
	opacity: .8;
	border-bottom: 1px solid var(--linelight);
	margin: 7px 0;
}
.checklist .item{
	cursor: pointer;
	display: flex;
	gap: 8px;
	font-size: 1.1em;
	font-weight: 400;
	color: var(--text);
}
.checklist .item .checkbox svg{
	display: none;
	width: 80%;
	height: 80%;
}
.checklist .item.active .checkbox svg{
	display: block;
}
.checklist .item.active .checkbox{
	border-color: var(--main);
	background: var(--main);
	color: #fff;
}
.checklist .item .checkbox{
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	border: 1px solid var(--line);
	border-radius: 8px;
	width: 20px;
	height: 20px;
}
.itwrp .meta.cond_cert{
	margin: 40px 0;
	border-bottom: 0;
}
.itwrp .meta > div.blockedlist{
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 0;
}
.blockedlist .user:last-child{
	border-bottom: 0;
}
.blockedlist .user{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--line);
	padding: 10px;
}
.blockedlist .user .fr{
	display: flex;
	align-items: center;	
	gap: 8px;
}
.blockedlist .user .avatar{
	border-radius: 50%;
	object-fit: cover;
	/* outline: 1px solid var(--linetr); */
}
.blockedlist .user .delthis{
	position: static;
	background: transparent;
	color: var(--textgrey);
	border: 1px solid var(--line);
}
.ranklist{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.ranklist .item{
	display: flex;
	align-items: center;
	gap: 9px;
}
.ranklist .item:first-child{
	padding-top: 0;
}
.ranklist .item:last-child{
	border-bottom: 0;
}
.ranklist .item .followbox{
	display: none;
	margin-top: 0;
	margin-left: auto;
}
.ranklist .item .followbox .bt{
	min-width: 80px;
	height: 30px;
	justify-content: center;	
	font-size: .85em;
	padding: 0 10px;
}
.listfeed_ranks .followbox{
	margin-top: 4px;
}
.listfeed_ranks .followbox .bt{
	height: 28px;
}
.listfeed_ranks .followbox .bt span{
	font-size: .9em;
}
.listfeed_ranks .hentry .con .metawrp .meta{
	width: 100%;
}
.listfeed_ranks .hentry .con .name{
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 80%;
	font-size: 1.2em;
	font-weight: 600;
}
.ranknum{
	position: relative;
	flex: 0 0 auto;
	display: flex;
	color: var(--text);
	width: 20px;
	height: 20px;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	border-radius: 6px;
	outline: 1px solid var(--line);
	font-size: .9em;
}
.ranknum span{	
	position: absolute;
	left: 50%;
	top: 4px;
	transform: translateX(-50%);
	line-height: normal;
	font-size: .9em;
	font-weight: 700;
}
.ranklist .item a{
	display: flex;
}
.ranklist .item .avatarwrp{
	flex: 0 0 auto;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: var(--grey);
}
.ranklist .item .avatar:hover{
	opacity: .7;
}
.ranklist .item .avatar{
	border-radius: 50%;
	object-fit: cover;
	transition-duration: 0.2s;
	width: 100%;
	height: 100%;
}
.ranklist .item .meta{
	display: flex;
	flex-direction: column;
	gap: 1px;
}
.ranklist .item .name{
	font-size: 1em;
	font-weight: 600;
}
.ranklist .item .counts{
	font-size: .85em;
	color: var(--textlightgrey);
	margin: 2px 0 0;
	display: flex;
	align-items: center;
}
.ranklist .item .counts span{
	display: flex;
	align-items: center;
	border-right: 1px solid var(--line);
	padding-right: 6px;
	margin-right: 6px;
}
.ranklist .item .counts span:last-child{
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}
.ranklist .item .counts span svg{
	width: 12px;
	height: 12px;
	margin-right: 1px;
}
.newbielist.mar{
	margin: 20px -20px;
}
.newbielist{
	position: relative;
	margin: 0 -20px;
	width: auto;
	max-width: none;
}
.newbielist::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 100%;
	background: var(--whitegradi90);
	z-index: 9;
}
.newbielist::after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	background: var(--whitegradi270);
	z-index: 9;
}
.newbielist .swiper-slide{
	width: 54px;
} 
.newbielist a{
	display: flex;
}
.newbielist .avatar{
	border-radius: 50%;
	object-fit: cover;
}
.userlist.follow{
	grid-template-columns: repeat(1, 1fr);
	gap: 1px;
}
.userlist.three{
	margin: 0 -10px;
	grid-template-columns: repeat(2, 1fr);
}
.userlist{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 6px;
}
.userlist.follow{
	background: var(--linelight);
}
.searchresult .userlist.follow .ucard{
	padding: 18px;
}
.searchresult .userlist.follow .ucard .fr{
	align-items: center;
}
.userlist.follow .ucard{
	height: auto;
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	border-radius: 0;
	gap: 10px;
	padding: 24px;
	background: var(--bg);
}
.userlist.follow .ucard .fr{
	display: flex;
	gap: 10px;
}
.userlist.follow .ucard .period{
	color: var(--textlightgrey);
	display: flex;
	align-items: center;
	line-height: normal;
	margin: 3px 0 0;
	font-size: .9em;
	gap: 6px;
}
.userlist.follow .ucard .ddays{
	color: var(--text);
}
.userlist.follow .ucard .ddays span{
	word-spacing: -1px;
}
.userlist .ucard{
	align-items: center;
	position: relative;
	cursor: pointer;
	height: 0;
	padding-top: 115%;
	border-radius: 8px;
	overflow: hidden;	
}
.userlist.follow .ucard .avatarwrp{
	flex: 0 0 auto;
	width: 44px;
	height: 44px;
}
.userlist.follow .ucard img.avatar{
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	object-fit: cover;
}
.userlist .ucard img.avatar{
	display: flex;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;	
	bottom: 0;
}
.userlist.follow .ucard::before{
	display: none;
}
.mswrp{
	flex-direction: column;
	gap: 0;
}
#map{
	height: 200px;
	margin: -10px 0;
	z-index: 0;
	border-radius: 8px;
	border: 1px solid var(--line);
}
input#town{
	background: var(--white);
	border-color: var(--white);
	padding: 0;
	height: auto;
}
#payment-method{
	border: 1px solid var(--linelight);
	border-radius: 12px;
	overflow: hidden;
}
.buymeta{
	width: 100%;
	margin: 30px 0;
	display: flex;
	flex-direction: column;
}
.buymeta .item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid var(--linelight);
	padding: 14px 8px;
}
.buymeta .item label{
	font-weight: 500;
	color: var(--textlightgrey);
}
.buymeta .item span{	
	font-weight: 500;
}
.buymeta .item.price span{
	font-size: 1.35em;
	font-weight: 700;
}
.buymeta .item:last-child{
	border-bottom: 0;
}
@media screen and (max-width: 768px){
	header{
		gap: 0;
		flex-direction: row;
		justify-content: space-between;
		height: 48px;
		width: 100%;
		padding: 10px 20px 0;
		box-shadow: none;			
		border-right: 0;
		background: var(--bg);
		z-index: 1000;
	}
	.author header .site-branding {
		display: none;
	}
	.author header{
		background: transparent;
	}
	.author header.mvt{
		background: var(--bg);
	}
	.author-branding{
		display: flex;
	}
	.site-branding.cnt, .author-branding{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	.site-branding svg{
		height: 34px;
	}
	.sticky.stickysub{
		top: 48px;
	}
	.loginbts{
		align-items: center;
		flex-direction: row;
		margin: 0;
		gap: 2px;
	}
	.bt.login{
		padding: 0 15px;
		width: auto;
		height: 34px;
		font-size: 1em;
	}
	.bt.login.line{
		border: 0;
	}
	#page{
		display: block;
		min-width: auto;
	}
	#middle, #side{		
		width: 100%!important;
	}	
	#side{
		display: none;
	}
	#hisback{
		display: flex;
	}
	.dropdown .site-branding svg{
		height: 12px;
	}
	#site-navigation{
		display: none;
	}
	.site-branding{
		padding: 0;
		height: auto;
	}
	header .menu{
		display: none;
	}
	header .fr{
		gap: 0;
	}	
	header .accountwrp #lab, header .accountwrp #langset, header .accountwrp .login{
		font-size: 13px;
	}
	header .accountwrp .lab{
		gap: 5px;
	}	
	header .sidetbstartsty{
		display: none;
	}
	.mgnb .sidetbstartsty{
		margin-top: 0;
	}
	.sidetbstartsty .std .username{
		display: none;
	}
	header .dropdown .dropitems{
		top: calc(100% + 2px);
	}
	header .accountwrp{
		margin: 0 0 0 auto;
		padding: 0;
	}
	header .accountwrp .mgnbt{
		display: flex;
	}
	header.trans{
		position: relative;
		top: -48px;
	}
	header.trans #hisback svg{
		fill: #fcfcfc;
	}
	header.trans .username, header.trans .dropdown svg{
		color: #fcfcfc;
	}
	header.trans .site-branding svg .grad-start{
		stop-color: #fcfcfc;
	}
	section.sml{
		padding: 20px;
	}
	.itwrp .meta{
		margin: 0 -20px;
	}
	.tlp{
		padding: 10px 20px;
	}
	footer{
		margin-bottom: 60px!important;
	}
	/* .authorcoverwrp{
		margin-top: -48px;
		padding-top: 48px;
	} */
	.authorwrp{
		padding: 20px;
	}
	.mgnbt svg{
		height: 24px;
	}
	.mgnbt .inr{
		justify-content: center;
		background: transparent!important;
		color: var(--textlightgrey);
	}
	.sidetb{
		position: fixed;
		left: 0;
		background: var(--blacktr);
		height: 100%;
	}	
	.sidetb .inr{
		order: 0;
		padding: 18px;
		flex: 0 0 65vw;
		max-width: 260px;
		order: 0;
		border: 0;
		border-radius: 0;
		margin: 0;
		position: static;
	}	
	.sidetb .preferences{
		margin: auto 0 0;
	}
	.sidetbexit{
		background: transparent;
	}
	.mgnb{
		flex-direction: row;
		z-index: 100;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;		
		background: var(--bg);
		/* box-shadow: 0 10px 30px 0px rgb(0 0 0 / 24%);
		box-shadow: 0 0 0 1px var(--linelight); */
		padding: 0 10px;
	}	
	.mgnbt{
		justify-content: center;
	}
	/* .mgnbt[href="/?act=store"]{
		display: none;
	} */
	.mgnbt .txt{
		display: none;
	}
	.mgnbt .newdot{
		z-index: 1;
		position: absolute;
		left: calc(50% + 10px);
    transform: translateX(-50%);
		font-size: .9em;
		height: 18px;
		min-width: 18px;		
		padding: 0 6px;
		margin-right: 0;
	}
	.notibarwrp{
		height: 65px;
		font-size: 1em;
	}
	.notibarwrp .arrows{
		right: 2px;
	}
	.notibarwrp .arrows > div{
		padding: 2px 8px;
	}
	.listfeed .hentry .touch .galleryGrid .ratio{
		padding-top: 90%!important;
	}
	.sliderwrp, .latestlist{
		width: 100vw;
		margin: 0 -15px 28px;
	}	
	.sliderwrp .swiper, .latestlist .swiper{
		border-radius: 0;
		padding-left: 15px;
	}
	.swiper .swiper-wrapper .swiper-slide .item .meta .title{
		max-width: 100%;
	}
	.swiper .swiper-wrapper .swiper-slide .item .meta .summary{
		margin-top: 6px;
	}
	.swiper .swiper-wrapper .swiper-slide .item .meta{
		font-size: 12px;
		padding: 10px;
	}
	.sliderbtprev, .sliderbtnext{
		display: none;
	}
	.pagetitle.big.row{
		margin: 0 0 30px;
	}
	.pagetitle.big h1{
		font-size: 1.3em;
	}
	.pagetitle.big.row .tab{
		margin-top: 30px;
		max-width: 100%;
	}
	.itemcat {
		font-size: 13px;
	}
	.cartlist .item .title{
		align-items: flex-start;
	}
	.cartcalc{
		font-size: .96rem;
	}
	.cartlist .item .ctl .del{
		align-items: flex-start;
	}
	.nextpaywrp button{
		max-width: 100%;
	}
	.favwrp{
		padding: 20px;
		gap: 10px;
	}
	.faqs {
		gap: 12px;
	}
	#pagination {
		flex-direction: column;
	}
	.itwrp .meta > div{
		align-items: flex-start;
	}
	.itwrp .meta.resultpt .wrp{
		gap: 10px;
	}
	.itwrp .meta.resultpt .wrp span, .itwrp .meta.resultpt .wrp input{
		width: 100%;
	}
	.itwrp .meta.resultpt .colu .item{
		text-align: left;
	}
	.itemmeta .buybt > *, .itemmeta .buybt form #directbuy{
		font-size: 15px;
		height: 56px;
	}
	.insertrev{
		flex-direction: column;
	}
	.wib{
		padding: 20px;
	}
	.wib.noradi, .wib.faqs{
		border-radius: 0;
		margin: 0 -15px;
	}
	.itwrp .starstitle{
		padding: 0 20px 25px;
    margin: 0 -20px 15px;
	}
	.itemmeta{
		padding: 20px;
	}
	.itwrp .meta > div.doblwrp{
		flex-direction: column;
		gap: 26px;
	}
	.substable{
		grid-template-columns: repeat(1, 1fr);
	}
	footer .cn svg{
		height: 11px;
	}
	footer br{
		display: none;
	}
	.alert{
		font-size: 12px;
	}
	footer .fmb{
		gap: 0;
	}
	.modal #singlecal .ratio{
		border-radius: 0;
		margin: -30px -30px 20px;
	}	
	.msg_ground{
    grid-template-columns: repeat(1, 1fr);
    min-height: auto;
	}
	.listfeed, .listlog{
		max-width: 100%;
	}
	/* .listlog .log{
		padding: 20px 20px;
	} */
	.listlog.earnings .log{
		padding: 30px 20px;
	}
	/* .userlist.follow .ucard{
		padding: 22px 20px;
	} */
	.searchresult .userlist.follow{
		margin: 0 -16px;
	}
	.searchresult .userlist.follow .ucard{
		padding: 16px;
	}
	.itwrp{
		width: auto;
	}
	.listitems{
		gap: 12px;
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}
	.listitems .item{
		padding: 18px;
	}
	.listitems .item .price{
		flex-direction: column;
	}
	#payment-method{
		margin: 0;
	}
	.tool{
		gap: 12px;
	}	
	.msg_room{
		max-width: 100%;
		border-right: 0;
		margin-bottom: 45px;
	}
	.msg_chat{
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    position: relative;
    position: fixed;
    transform: translateX(-50%);
    left: 50%;
    top: 0;
    height: 100%;    
    z-index: 1000;		
	}
	.listfeed.vids{
		margin-top: -48px;	
		height: calc(var(--vh) * 100 - 48px);  
	}
	.listfeed.vids .hentry .vidwrp .gallery_short{
		height: calc(var(--vh) * 100 - 48px);
	}	

}

@media screen and (max-width: 500px){
}