html,body{height:100%;font-size:0}body{background:#f0f0f0;overflow:auto}a,.m .ah a{color:#cc6600}.ah a:hover{text-decoration:underline}svg{max-width:100%;max-height:100%;fill:grey}
iframe{margin:0}

/* BASIC */
.n,main{position:relative;max-width:1000px;margin:0 auto;min-height:100%}main{padding-top:68px;text-align:center}
.m,.c{display:inline-block;vertical-align:top}
.m{
	width:25%;
	min-height:300px
}

.c{
	width:60%;
	margin-left:16px;
	min-height:300px
}

.e{
	position:relative;
	background:#fff;
	color:#353535;
	padding:18px;
	margin-bottom:18px;
	text-align:left;
	font-size:15px;
	border-radius:16px;
	box-shadow:0 2px 4px 0 rgb(0 0 0/10%);
	overflow:hidden
}
.e2{
	padding:5px 8px
}

/* HEADER */
header{position:absolute;left:0;right:0;background:#ee8208;height:50px;z-index:5;transition:transform 0.5s}
header .n{padding:0 60px;width:100%;height:100%}
header .i{display:inline-block;height:100%;background-repeat:no-repeat;background-position:center;width:55px;background-size:100% 60%}
header .t{width:120px;background-size:auto 45%;background-position:left}
header a:hover{opacity:0.98}
header[class=hh]{transform:translateY(-100%)}
header[class=hfx]{position:fixed}
header .h{position:absolute;top:-10px;bottom:0;left:70px;width:150px;background-position:top center;background-repeat:no-repeat;background-size:cover}

header .hsearch{
	position:relative;
	display:inline-block;
	width:300px;
	height:100%;
	padding:5px 0;
	margin-left:215px;
	vertical-align:top
}
header .hsearch input{
	font-size:14px;
	font-weight:500;
	margin:0;
	padding:10px 45px;
	height:39px;
	background:#d66e02;
	color:#fff;
	border-color:transparent;
	border-radius:30px
}
.hsearch .ihs,.hsearch .ihs2{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:10px;
	width:26px;
	height:26px;
	fill:#fff
}
.hsearch .ihs2{
	left:auto;
	right:10px
}
.hsearch .toihs2{
	position:absolute;
	top:7px;
	right:2px;
	bottom:7px;
	width:38px;
	z-index:1;
	border-radius:30px;
	cursor:pointer
}
.hsearch .toihs2:hover{
	background:rgba(256,256,256,.2);
	
}

.hsearch .toihs2:active{
	background:rgba(256,256,256,.25);
}

.hsearch input::-webkit-input-placeholder{color:#f9d9b5}.hsearch input:-moz-placeholder{color:#f9d9b5}.hsearch input::-moz-placeholder{color:#f9d9b5}.hsearch input:-ms-input-placeholder{color:#f9d9b5}

.msearch{
	position:relative;
	font-size:12px;
	font-family:monospace;
	display:none
}
.msearch .ihs{display:none}
.msearch .ihs2{top:38%}
.msearch input{padding-right:45px;background:#1a1f23;color:#fff}
.msearch .hsearch .toihs2{top:7px;bottom:22px;right:5px;border-radius:10px}

.btn_opt{
	position:absolute;
	top:0;right:60px;bottom:0;
	width:50px;
	cursor:pointer
}
.btn_opt div{
	position:relative;width:100%;height:100%
}
.btn_opt svg{
	fill:#fff;
	position:absolute;
	top:50%;
	left:50%;
	width:30px;
	height:30px;
	transform:translate(-50%,-50%)
}

/* MENU */
.p{
	position:relative;
	height:38px;
	margin:2px 0;
	border-radius:10px
}
.p:hover{
	background:rgba(0,0,0,.05);cursor:pointer
}
.p .t{
	position:absolute;
	left:50px;top:50%;
	font-weight:500;
	transform:translateY(-50%)
}
.p svg{
	position:absolute;
	left:10px;top:50%;
	transform:translateY(-50%);
	width:25px;
	height:25px
}
.m a{color:inherit}

/* Btn */
button{
	background:#ee8208;
	color:#fff;
	padding:13px 18px;
    border:1px solid #ee8208;
	border-radius:10px;
	font-weight:600;
	cursor:pointer;
	overflow:hidden
}
button:hover{
	background:#fc9c26;border-color:#fc9c26
}
button:active{
	transform:scale(0.99)
}

.btnC{
	background:rgba(75,189,92,.1);
	color:#2c7838;
	border:none;
	padding:8px 25px
}
.btnC:hover{
	background:rgba(75,189,92,.2)
}

.rgbtn{
	position:absolute;
	right:15px;
	top:15px;
	font-size:14px;
	padding:5px 10px
}

.cancel{
	position:absolute;
	right:0
}
.btnR,.cancel{
	background:rgba(242,222,222,.4);
    color:#b54e4e;
	border-color:transparent
}
.cancel:hover,.btnR:hover{
	background:rgba(242,222,222,.5);
	border-color:transparent
}

/* inp */
input,textarea,select{
	width:100%;
	padding:15px;
	border:1px solid #d3d3d3;
	margin-bottom:15px;
	border-radius:16px;
	outline:none
}
textarea{
	max-width:100%;
	min-width:100%;
	min-height:150px;
	resize: none
}
input:focus,textarea:focus,select:focus{
	border-color:#bababa
}
select:hover{
	cursor:pointer
}

/* MAIN */
.h1,.h1big{margin:0;font-size:18px}
.h1big{font-size:30px}

/* BANNER */
.bnr{
	padding:0;
	overflow:hidden
}
.bnrt{
	position:relative;
	padding:12px 15px;
	margin:5px;
	min-width:200px;
	box-sizing:border-box;
	font-weight:600;
	background:rgba(256,256,256,.7);
	border-radius:15px;
	z-index:1;
}
.bnrtx{
	max-width:90%
}
.bnri{
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:right center 
}
.bnrt b{
	font-weight:700
}

.bnright .bnrtx{
	max-width:80%
}
.bnrtx70{
	max-width:70%
}

.bnright .bnri{
	left:auto;
	width:45%;
	top:0;
	right:-20%;
	bottom:-20%;
	background-size:contain
}
.green{color:#18948e}
.orange{color:#cc8800}

/* INDX */
.bcrx .sb,.bcrx .a{
	display:inline-block;
	width:135px;
	height:100px;
	margin-left:5px;
	overflow:hidden
}
.bcrx a:nth-child(1){
	margin:0
}
.bcrx .sb:hover{
	transform:scale(.98);cursor:pointer
}
.bcrx .si{
	top:15px;
	left:50%;transform:none;
	box-shadow:0 0 0 3px #fff;
	z-index:1
}
.bcrx .sb .st{
	padding:57px 0 0 0;
	font-size:12px
}
.bcra .sb .st{
	padding:0
}
.bcrx .sf{
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:40px;
	background-size:cover;
	background-position:center center
}
.bcra .sf{
	bottom:0;height:auto;border-radius:16px
}

.bcra .st{
	position:absolute;
	top:105px;left:0;right:0;
	white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-wrap:break-word;z-index:2;
	text-align:center
}

.bcra .sb{
	margin-bottom:50px;
	overflow:visible
}
.bcra .sb div{
	padding:0 8px
}
.imgs .bcra .sb{
	margin-bottom:0
}
.imgs .bcra .sf{
	width:100%;min-height:100%;object-fit:cover;background-color:rgba(0,0,0,.1)
}
.imgs .bcra{
	margin-bottom:-5px
}

/* ARTICLE */
.a .de{display:none}
.a .e{
	padding:13px 18px
}
.a .e:hover{
	box-shadow:0 0 10px rgba(0,0,0,.2)
}
.a .e small{
	display:block;
	margin-top:5px
}
.a .im{
	position:relative;
	height:150px;
	margin:15px 0;
	border-radius:10px;
	background:#e8e8e8;
	text-align:center;
	border-radius:10px;overflow:hidden;
}
.bl{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover
}
.bl:after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,.1);
	border-radius:10px;overflow:hidden;
	backdrop-filter:blur(5px);
	z-index:1
}
.a .im img,.ads .ads_img img{
	position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
	max-height:100%;
    max-width:100%;
    width:auto;
    height:auto;
	z-index:2;
	object-fit:contain
}
.vw{
	position:absolute;
	right:0;
	top:0;
}
.vw .re{
	padding-left:25px
}
.vw svg{
	position:absolute;
	left:0;top:2px;
	width:18px;height:18px
}
.rght{
	position:absolute;
	right:15px;top:50%;transform:translateY(-50%);
}

.abtns .vw{
	top:15px;
	right:10px
}

/* CODE ARTICLE */
.nav{
	display:flex;
	margin-bottom:15px;
	font-size:0
}
.nav .nv{
	position:relative;
	display:inline-block;
	min-width:30px;
	padding:10px 12px;
	margin-right:8px;
	background:#fefefe;
	font-size:13px;
	font-weight:600;
	vertical-align:top;
	border-radius:16px;
	border:1px solid #e8e8e8;
	box-sizing:border-box;
	line-height:1;
	cursor:pointer;
	z-index:1
}
.nav .nv:hover{
	background:#fff;
	border-color:#d3d3d3
}
.article h1{
	position:relative;
	line-height:1.2;
	z-index:1
}
.pa a:hover{
	text-decoration:underline
}
.article .ait{
	position:relative;
	display:flex;
	padding:13px 15px;
	justify-content:space-between;
	margin:10px 0 15px 0;
	border-radius:10px;
	font-weight:600;
	border:1px solid #e8e8e8;
	background:#fff;
	box-shadow:0 0 2px rgba(0,0,0,.12);
	z-index:1
}
.aitx{
	position:relative
}
.aitx:after{
	position:absolute;
	content:'';
	bottom:0;
	top:-900px;
	left:-18px;
	right:-18px;
	background:linear-gradient(0deg,transparent,rgba(0,0,0,.1))
}

.pa{
	font-size:17px
}
.pa h2,.pa h3{
	line-height:1.2;
	font-weight:700;
	margin:15px 0
}
.pa .h1{
	font-size:25px
}
.pa b,.pa strong{
	font-weight:600
}
.pa li,.pa blockquote{
	font-weight:500;
	margin:10px 0;
	line-height:1.3
}
.pa blockquote{
	padding:0 30px;
	margin:15px 0;
	padding-left:18px;
	border-left:2px solid #ee8202
}

.pa figure{
	margin:15px 0;
	padding:0
}
figure figcaption{
	margin:10px 5px 0 5px;
	font-size:13px;
	line-height:1.3;
	color:grey
}
.quoteA{
	font-size:14px;
	color:grey
}
/**/

.pa .img{
	position:relative;
	height:15em;
	background:#f2f2f2;
	border-radius:10px;
	overflow:hidden;
	cursor:pointer
}
.pa .img:hover{
	box-shadow:0 0 0 1px #e8e8e8
}
.pa .img img{
	position:absolute;
	top:50%;left:50%;
	transform:translate(-50%,-50%);
	max-width:100%;
	max-height:100%;
	width:auto;
    height:auto;
	object-fit:contain;
	z-index:2;
	transition-duration:.2s;
}
.pa .img:hover img{
	max-width:110%;
	max-height:110%
}
.pa pre{
	white-space:pre-wrap
}

.sb{
	position:relative;
	padding:13px 15px;
	background:rgba(0,0,0,.01);
	border-radius:16px;
	border:1px solid #e8e8e8
}
.si{
	position:absolute;
	left:15px;
	top:50%;
	transform:translateY(-50%);
	width:48px;
	height:48px;
	background-color:#f2f2f2;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	border-radius:100%
}
.si2{
	background-color:transparent
}
.sb .st{
	padding-left:60px;
	font-size:16px;
	text-align:left
}
.siu{
	position:absolute;
	bottom:-2px;
	right:-2px;
	width:20px;
	height:20px;
	border-radius:100%;
	background-color:#fff;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
	box-shadow:0 0 3px rgba(0,0,0,.3)
}

.sb2 .si{
	width:30px;
	height:30px
}
.sb2 .st{
	padding-left:45px;
}
.clk:hover{
	cursor:pointer;
	border-color:#d3d3d3
}
.clk:active{
	transform:scale(0.98)
}
.sb2 .si{
	background-color:transparent;
	border-radius:5px
}
.sb .rgt{
	position:absolute;
	right:15px;
	top:50%;
	transform:translateY(-50%)
}
.sb .argt{
	text-align:right
}
.sb .arw{
	width:20px;
	height:20px
}

/**/
.actu{
	font-size:0
}
.actu .p{
	display:inline-block;
	min-width:60px;
	font-size:16px;
	margin:0;
	padding:25px 15px 25px 50px;
	float:left;
	overflow:hidden
}
.actu .p .t{
	position:static
}
.actu .p svg{
	width:35px;
	height:35px
}
.rpmrg .p{
	margin-left:5px
}
.rpmrg .p:nth-child(1){
	margin:0
} 

/* PUSH */
.psh{
	display:none;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	max-width:600px;
	overflow-y:auto;
	max-height:100%;
	padding:15px 0;
	z-index:10;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.psh .e{
	max-width:600px;
	min-height:200px;
	margin:15px auto
}
.psh::-webkit-scrollbar{
    display:none;width:0;height:0
}
.psh #cpsh{
	position:absolute;
	width:35px;height:35px;
	top:50%;transform:translateY(-50%);
	right:15px;
	right:-5px;
	padding:5px;
	background:#fafafa;
	border:1px solid #e8e8e8;
	border-radius:100%;
	z-index:1;
	cursor:pointer
}
.psh #cpsh:hover{
	background:#f2f2f2
}
.psh #psh{
	display:none
}
.psh .ln{
	height:18px
}

.pozc{
	position:absolute;
	top:55%;left:50%;
	transform:translate(-50%,-50%)
}
#pshf{
	position:relative;
	width:56px;
	height:56px;
	border:3px solid #e8e8e8;
	border-radius:50%;
	display:inline-block;
	box-sizing:border-box;
	animation:rotation 1s linear infinite
}
#pshf::after{
  content:'';  
  box-sizing:border-box;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:56px;
  height:56px;
  border-radius:50%;
  border:3px solid transparent;
  border-bottom-color:#FF3D00
}
@keyframes rotation{
	0%{
		transform:rotate(0deg)
	}
	100%{
		transform:rotate(360deg)
	}
} 

#hpsh{
	display:block;
	padding-right:45px;
	min-height:30px
}

/* COMMENT */
.comments .sb .si{
	transform:none;top:15px
}
.comments .sb .st{
	font-size:14px
}
.comments .sb .st div{
	font-size:15px;
	line-height:1.3;
	font-weight:400;
	margin:3px 0
}
.comments .p{
	background:#fafafa;
	box-shadow:inset 0 0 3px rgba(0,0,0,.2)
	
}
.comments .p:hover{
	background:#f2f2f2
}
.redc{
	color:#f00050
}

.add_comment{
	border-radius:16px;
	font-size:0;
	overflow:hidden
}
.add_comment textarea{
	margin:0;
	min-height:100px;
	font-size:14px;
	padding-right:60px;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.add_comment textarea::-webkit-scrollbar{width:0}
.add_comment .to{
	position:absolute;
	top:5px;
	right:5px;
	width:42px;
	height:41px;
	border-radius:10px;
	z-index:1;border:none;
	cursor:pointer
}
.add_comment .to svg{
	position:absolute;
	top:4px;
	right:4px;
	width:32px;
	height:32px
}
.add_comment .to:active svg,.actu .p:active{
	transform:scale(0.97)
}

/* Push content */
.mn .p{
	margin:5px 0 0 0
}
.mn .p:nth-child(1){
	margin:0
}

/* Group */
.group .bnr{
	min-height:10em;
	margin-bottom:0;
	border-radius:16px 16px 0 0
}
.group .bnr .bnri{
	background-position:center center
}
.group .bnright .bnri,.bnright .bnri{
	background-position:left bottom
}
.group .tp{
	min-height:60px;
	margin-bottom:15px;
	background:transparent;
	border:none
}
.group .tp .si{
	width:70px;
	height:70px;
	left:0
}
.group .tp .st{
	float:right
}
.group .tp .p{
	padding:20px 8px;
	margin-left:5px;
	min-width:45px;
	background:rgba(255,165,0,.1)
}
.group .tp .p .t{
	padding-left:35px;
	padding-right:10px
}
.group .tp .p:hover,.lds button:hover{
	background:rgba(255,165,0,.2)
}
.group .tp .actu{
	margin:-6px -10px 0 0
}
.group .tp .p svg{
	left:8px;fill:#ffa500;
	width:30px;
	height:30px
}

/* wall */
.a .w:hover{
	box-shadow:0 2px 4px 0 rgb(0 0 0/10%)
}
.w .re .im{
	width:100%;
	min-height:20em
}
.w .sb{
	padding:8px 0;
	background:transparent;
	border:none
}
.w .sb .si{
	left:0
}
.w .sb .st{
	line-height:1.3;
	font-size:14px;
	padding-right:60px
}
.w .wrm{
	display:inline-block;
	min-width:171px;
	color:#cc6600;
	cursor:pointer
}
.w .wrm:hover{
	color:#994d00
}
.w .wp,.w .im{
	cursor:pointer
}
.w .actu{
	margin-top:15px
}
.w .actu .p{
	background:rgba(255,165,0,.1);border-radius:16px;
	margin-left:10px;
	padding:10px;
	min-width:53px
}
.w .actu .p:hover{
	background:rgba(255,165,0,.2)
}
.w .actu .p .t{
	padding:18px 0 0 35px;
	color:#ffa500
}
.w .actu .p svg{
	fill:#ffa500
}
.w .actu .p:nth-child(1){
	margin:0
}
.w .vw{
	top:10px
}
.wt{
	word-wrap:break-word
}
.w .sb .more,.ait .more{
	left:auto;
	right:0;
	cursor:pointer;
	border-radius:16px
}
.ait .more{right:12px}
.w .sb .more svg,.ait .more svg{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:30px;height:30px
}
.ahc{
	display:inline-block;
	margin-left:5px;
	cursor:pointer
}
.wboxvid{
	width:100%;
	height:15em;
	margin-top:15px;
	border-radius:10px;
	background:#fafafa
}
.wboxvid iframe{
	width:100%;
	height:100%;
	border-radius:10px;
	overflow:hidden
}

.w2 .sb:hover{background:#fafafa;box-shadow:-5px 0 0 3px #fafafa,5px 0 0 3px #fafafa}
.w2 .sb .st{padding-right:0}

.actt{
	position:absolute;
	right:0;
	top:2px;
	width:35px;
	height:35px;
	border-radius:100%;
	background:#f2f2f2;
	cursor:pointer
}
.actt .re{
	width:100%;height:100%
}
.actt svg{
	position:absolute;
	top:50%;left:50%;transform:translate(-50%,-50%);
	width:20px;
	height:20px
}
.translate{
	right:45px
}

/* wedit */
.wedit .actu .p .t{
	padding-left:40px;font-weight:600
}
.wedit .unflow{
	border-radius:16px;
	margin-bottom:20px;
	font-size:0
}
.wedit textarea{
	margin:0;
	min-height:250px;
	line-height:1.4;
	font-size:16px;
	background:#fafafa
}
.wmedia{
	margin-bottom:20px
}
.wmedia .wmde{
	position:relative;
	display:inline-block;
	width:100px;
	height:80px;
	margin-right:5px;
	border-radius:10px;
	background-color:rgba(0,0,0,.2)
}
.wmedia .wmde:last-child{
	margin:0
}
.wmedia .wmde img{
	width:100%;
	min-height:100%;
	object-fit:cover;
	border-radius:10px
}
.wmedia .wmcls{
	position:absolute;
	top:-8px;
	right:-8px;
	padding:5px;
	width:30px;
	height:30px;
	border-radius:100px;
	background:rgba(0,0,0,.8);
	box-shadow:0 0 0 2px rgba(256,256,256,.5);
	cursor:pointer;
	z-index:1
}
.wmedia .wmcls svg{
	fill:#fff
}
.wmedia .wmcls:hover{
	background:rgba(0,0,0,.9)
}
.wmedia .wmcls:active{
	transform:scale(.98)
}
.wedit .wvideo .wvid{
	position:relative;
	width:100%;
	height:15em;
	margin-bottom:25px;
	border-radius:16px;
	background:#fafafa
}
.wedit .wvideo iframe{
	width:100%;
	height:100%;
	border-radius:16px;
	overflow:hidden
}

.wvid .rm{
	position:absolute;
	top:-10px;
	right:-10px;
	width:40px;
	height:40px;
	background:#fff6e5;
	box-shadow:0 0 3px rgba(0,0,0,.3);
	z-index:1;
	border-radius:100%;
	cursor:pointer
}
.wvid .rm div{
	position:relative;
	width:100%;
	height:100%
}
.wvid .rm svg{
	position:absolute;
	top:50%;left:50%;
	transform:translate(-50%,-50%);
	width:25px;
	height:25px;
	fill:red;
}
.wvid .rm:hover{
	background:#ffe4b3
}

.wedit .wmore{position:absolute;right:0}
.wedit .wpopup{
	display:none;
	position:absolute;
	right:-2px;
	bottom:140%;
	min-height:50px;
	width:100%;
	max-width:280px;
	padding:5px 0;
	background:#fff;
	border-radius:16px;
	box-shadow:0 0 30px rgba(0,0,0,.3);
	z-index:2
}
.wedit .wpopup .p{
	width:-webkit-fill-available;
	margin-right:5px
}
.wedit .wpopup .p .t{font-size:14px}

.wedit .wpopup .p{
	background:inherit
}

/* like */
.group .tp .actv,.w .actu .actv,.actu .actv,.w .sb .more:hover,.ait .more:hover,.actt:hover{
	background:rgba(75,189,92,.1)
}
.w .actu .actv .t,.actu .actv .t{
	color:#4bbd5c
}
.group .tp .actv:hover,.w .actu .actv:hover,.actu .actv:hover{
	background:rgba(75,189,92,.2)
}
.group .tp .actv svg,.w .actu .actv svg,.actu .actv svg,.actu .actv:hover svg,.w .sb .more:hover svg,.ait .more:hover svg,.actta svg{
	fill:#4bbd5c
}

/* FORM */
.w{position:relative}.w .i{position:absolute;top:2px;right:5px;bottom:0;width:40px;height:46px;cursor:pointer}.w .i svg{position:relative;top:50%;transform:translateY(-50%);width:30px;height:30px;fill:#bababa}.w .i:hover svg{fill:grey}.w input{padding-right:60px}.w2 input{padding-right:100px}.w2 .i2{right:48px}.w .psw{width:50px}.psw .s2,.psw2 .s1{display:none}.psw2 .s2{display:block}.btn_left_mrg{margin-left:15px}

/* INFO */
.out div{background:#fafafa;border:1px solid #fff;max-width:500px;padding:15px 18px;margin-bottom:15px;border-radius:16px;font-weight:600}
.out .tru{background:rgba(75,189,92,.1);border-color:rgba(75,189,92,.2)}
.out .err{background:rgba(237,72,72,.1);border-color:rgba(237,72,72,.2)}

/* LOAD */
.ld{
	position:relative;
	color:transparent
}
.ld:after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:8px;
	height:8px;
	border-radius:50%;
	background-color:#fff;
	box-shadow:16px 0 #fff,-16px 0 #fff;
	animation:flash 0.5s ease-out infinite alternate;
	z-index:2
}
.ld:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:inherit;
	z-index:1
}

.lds .ld:after{width:28px;height:28px;background-size:contain;background-image:url("../img/spin/d.svg");background-color:transparent;box-shadow:none;animation:none}.lds button{background:rgba(255,165,0,.1)}.lds svg{fill:#ffa500}.lds .ld svg{opacity:0}

.ldmore,.ldmore:hover{
	width:70px;height:30px;margin-top:15px;background:rgba(0,0,0,.4);border:none
}

@keyframes flash{
	0%{
		background-color:#FFF2;
		box-shadow:16px 0 #FFF2,-16px 0 #FFF;
	}
	50%{
		background-color:#FFF;
		box-shadow:16px 0 #FFF2,-16px 0 #FFF2;
	}
	100%{
		background-color:#FFF2;
		box-shadow:16px 0 #FFF,-16px 0 #FFF2;
	}
}

/* FONE */
.fn,.fn2{
	display:none;
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	background:rgba(0,0,0,.7);
	z-index:6
}

/* 2 */
.line{
	margin:15px 0;
	height:2px;
	background:#e8e8e8
}

/* ads */
.ads_menu{
	margin:15px 0
}
.ads_menu .ads{
	background:#fff;
	border-radius:16px;
	padding:10px;
	font-size:13px;
	color:#353535;
	text-align:left;
	box-shadow:0 2px 4px 0 rgb(0 0 0/10%)
}
.ads_menu button{
	width:100%
}

.ads .ads_img{
	position:relative;
	height:10em;
	background:#e8e8e8;
	border-radius:10px;
	margin-bottom:10px;
	overflow:hidden
}

.ads .text{
	margin-bottom:10px
}
.ads .text span{
	font-size:11px
}
#ads_menu_rcy{
	display:none;
	position:relative;
	min-height:300px;
	max-height:350px;
	border-radius:16px;
	overflow:hidden;
	box-shadow:0 2px 4px 0 rgb(0 0 0/10%)
}

/* video */
.videos .sb{
	height:8em
}
.videos .sb .si{
	transform:none;
	height:auto;
	left:15px;top:15px;bottom:15px;
	width:10em;
	border-radius:10px
}
.videos .sb .st{
	position:absolute;
	right:0;
	left:10em;
	top:50%;
	transform:translateY(-50%);
	padding:15px 20px
}
.videos .sb .sn{
	white-space:normal;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-line-clamp:3;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-wrap:break-word
}

.video_player{
	position:relative;
	margin:-15px -15px 15px -15px;
	height:20em;
	background:#000;
	border-radius:16px 16px 5px 5px;
	overflow:hidden
}

/* settings */
.btn_settings{
	display:none;
	margin-top:15px
}
.inpt{
	margin-bottom:8px
}

/* ADS */
.rtb{
	position:relative;
	background:#d8d8d8;
	min-height:150px;
	max-height:150px;
	margin-bottom:18px;
	border-radius:18px;
	overflow:hidden
}

.skeleton{ 
	content:""; 
	position:absolute; 
	top:0;bottom:0;right:0;left:0;
	transform:translateX(-100%); 
	background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(255,255,255,0.2)),to(transparent)); 
	background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent); 
	animation: skeleton 0.8s infinite
} 
@keyframes skeleton{ 
	100%{transform:translateX(100%)} 
}
.icon_skeleton{
	content:"";
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:60px;
	height:60px;
	background-image:url("../img/icon/ads.svg");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover
}

/* grid */
.grid{
	display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-gap:10px
}

.oauth .sb{margin-bottom:15px}

.ntfpg{
	position:fixed;
	bottom:20px;left:0;right:0;
	text-align:center;
	z-index:13
}
.ntfpg .ntf{
	display:inline-block;
	padding:10px 18px;
	color:#fff;
	background:#000;
	border-radius:10px;
	font-size:14px;
	box-shadow:0 0 0 1px rgba(256,256,256,.1),0 10px 20px rgba(0,0,0,.2);
}

.diffends{
	position:relative;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.diffends .sb{
	position:absolute;
	font-size:14px;
	top:-3px;
	right:0;
	padding:3px 10px;
	padding-right:30px;
	border:1px solid #e8e8e8
}
.diffends .sb svg{
	position:absolute;
	right:5px;
	width:15px;
	height:15px;
	top:50%;
	transform:translateY(-50%)
}
.diffends a{
	color:inherit!important
}

#moveupage{
	display:none;
	position:fixed;
	bottom:15px;
	left:15px;
	border-radius:10px 10px 5px 5px;
	z-index:999;
	width:38px;
	height:38px;
	background:rgba(0,0,0,.9);
	overflow:hidden;
	backdrop-filter:blur(5px);
	box-shadow:0 0 0 1px rgba(256,256,256,.5),0 3px 5px rgba(0,0,0,.3);
	cursor:pointer
}
#moveupage .re{
	width:100%;
	height:100%
}
#moveupage svg{
	position:absolute;
	left:50%;top:50%;
	transform:translate(-50%,-50%);
	fill:#fff;
	width:20px;
	height:20px
}
#moveupage:hover{
	background:#000;
	transform:scale(1.05)
}

.approv_cookie{
	position:fixed;
	bottom:10px;
	right:10px;
	width:400px;
	border-radius:16px;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,.2),0 3px 10px rgba(0,0,0,.2);
	font-size:12px;
	text-align:left;
	z-index:99
}
.approv_cookie .re{
	padding:10px 100px 10px 60px
}
.approv_cookie svg{
	position:absolute;
	top:15px;
	left:15px;
	width:30px;
	height:30px
}
.approv_cookie button{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:15px;
	padding:8px 10px;
	border-radius:10px;
	font-size:13px
}
.hashtag{color:#9e82f6}

.selcbox{
	border:1px solid #d3d3d3;
	padding:13px 15px;
	border-radius:16px
}
.vrnts{
	display:flex;
	gap:10px;
	margin:10px -15px 0 -15px;
	padding:0 15px;
	overflow:auto
}
.selcbox .vrnts div{
	flex:1;
	text-align:center;
	border:1px solid #d3d3d3;
	border-radius:16px;
	padding:10px 18px;
	font-weight:600;
	background:rgba(0,0,0,.1);
	cursor:pointer
}
.selcbox .vrnts div:active{
	transform:scale(.98)
}
.selcbox .vrnts div:hover{
	background:rgba(0,0,0,.08)
}
.selcbox .vrnts .av,.selcbox .vrnts .av:hover{
	background:rgba(75,189,92,.2);
	color:#2c7838;
	border-color:rgba(75,189,92,.3)
}