:root {
	--colorboxx: rgba(220, 225, 229, .1);
	--colorbackx: #000000ad;
}

html.light-mode {
	--colorboxx: white;
	--colorbackx: #ffffffad;
}

main {
	background: linear-gradient(to bottom,transparent,var(--body)),linear-gradient(to right,var(--colorbackx),var(--body));
}

.is_back {
	position: fixed;
	top: -10%;
	left: -10%;
	height: 120%;
	z-index: -1;
	width: 120%;
	opacity: .6;
	max-width: 120%;
}

.cat-list {
	backdrop-filter: blur(50px);
}

.cat-list .owl-carousel {
	height: 84px;
}

.cat-list .owl-carousel .owl-stage-outer {
	overflow: inherit;
}

.cat-list li {
	margin: 18px 0 18px 15px;
}

.cat-list li a {
	padding: 12px 25px;
	line-height: 24px;
}

.cat-list li a .arrow {
	margin: 5px 15px 0 0;
}

.cat-list li a .icon {
	height: 24px;
	margin-left: 10px;
}

.dark-mode .cat-list li a .icon,.light-mode .cat-list li:hover a .icon {
	filter: brightness(10);
	opacity: .7 !important;
}

main .text.rt-bold {
	background-color: var(--colorboxx);
	backdrop-filter: blur(15px);
	border-radius: 15px;
	padding: 10px;
	box-shadow: 0 .25rem 1.5rem 1px rgba(0, 0, 0, .03);
}

main .info.rt.rt-ddd.rt-14.rt-bold .inf {
	background-color: var(--colorboxx);
	backdrop-filter: blur(15px);
	border-radius: 15px;
	padding: 10px;
	box-shadow: 0 .25rem 1.5rem 1px rgba(0, 0, 0, .03);
	margin: 0 2px;
}

.cat-list li.active {
	background-color: var(--color3);
}

.cat-list li.active a {
	color: var(--color);
	font-weight: bold;
}

.cat-list li.active .arrow {
	display: none;
}

html.light-mode .cat-list {
	background-color: #f5f5f5;
	border-bottom: 1px #eee solid;
}

html.light-mode .cat-list li {
	background-color: #eee;
}

html.light-mode .cat-list li.active {
	background-color: #d1efcd;
}

.cat-list li:hover {
	background-color: var(--color) !important;
}

.cat-list li:hover a {
	color: #fff !important;
}

.developer-head {
	padding: 0 200px;
}

.developer-head .text {
	line-height: 2;
	margin-bottom: 15px;
}

.developer-head .pic-area img {
	width: 100px;
	height: 100px;
	margin-bottom: 15px;
}

.developer-head .info {
	margin-bottom: 25px;
}

.developer-head .info .inf {
	display: inline-block;
	padding: 0 15px;
	margin: 10px 0;
}

.developer-head .info .inf.tw {
	border-right: 1px var(--blur) solid;
	border-left: 1px var(--blur) solid;
}

.developer-head .info .inf .count {
	margin-left: 5px;
}

.developer-head .info .inf i {
	margin-left: 5px;
}

.developer-head .info .inf .web {
	padding: 7px 15px;
	box-shadow: 0 .25rem 1.5rem 1px rgba(0,0,0,.08);
	display: inline-block;
}

.light-mode .developer-head .info .inf {
	border-color: rgba(0, 0, 0, 0.1);
}

.developer-head .info .inf .web:hover {
	opacity: .8;
}

.rt-posts {
	margin: 50px 0;
}

.rt-posts .titr {
	padding: 0 10px 15px;
}

.rt-posts .rt-p .paginate {
	/* transform: translateY(5px); */
	margin: 0 0 0 10px;
}

.rt-posts .rt-p .paginate:before {
	display: none;
}

.rt-posts .entery .not-f {
	margin-top: 30px;
}

.rt-posts .entery .mini-p {
	width: calc(16.66% - 20px);
	margin: 10px;
}

.rt-posts .entery .is_post {
	backdrop-filter: blur(15px);
	width: calc(33.33% - 20px);
	margin: 10px;
	padding: 15px;
}

.rt-posts .entery .is_post .pic {
	width: 140px;
}

.rt-posts .entery .is_post .pic .is_blur {
	z-index: 0;
}

.rt-posts .entery .is_post .inside {
	width: calc(100% - 155px);
}

.rt-posts .entery .is_post .inside .title {
	line-height: 1.8;
	height: 50px;
	margin-bottom: 15px;
	letter-spacing: 1px;
}

.rt-posts .entery .is_post .inside .cat-p a {
	display: inline-block;
	padding: 0 4px;
	color: #999;
}

.rt-posts .entery .is_post .inside .cat-p i:last-child {
	display: none;
}

.rt-posts .entery .is_post .des {
	right: 10px;
	backdrop-filter: blur(10px);
	padding: 4px 7px 2px;
	background-color: rgba(0, 0, 0, 0.4);
	letter-spacing: 1px;
	line-height: 1;
}

.rt-posts .entery .is_post .des.mod {
	bottom: 10px;
}

.rt-posts .entery .is_post .des.sta {
	top: 10px;
	letter-spacing: 0;
	padding: 5px 8px;
}

.rt-posts .entery .is_post .des.sta.rt-blue {
	color: #8ac8df;
}

.rt-posts .entery .is_post .info {
	border-top: 3px var(--white) dashed;
	margin-top: 20px;
	padding-top: 15px;
}

.rt-posts .entery .is_post .info .inf {
	width: 50%;
}

.rt-posts .entery .is_post .info .inf i {
	margin-left: 4px;
}

.rt-posts .entery .is_post .info .inf:nth-child(even) {
	text-align: left;
	direction: ltr;
}

.rt-posts .entery .is_post .info .inf:nth-child(even) i {
	margin: 0 4px 0 0;
}

.rt-posts .entery .is_post:hover {
	background-color: var(--blur2);
}

.rt-posts .entery .is_post:hover .pic {
	transform: scale(1.04);
}

.rt-posts .entery .is_post:hover .des,.rt-posts .entery .is_post:hover .corner {
	opacity: 0;
}

html.light-mode .rt-posts .titr {
	color: #474c52;
}

html.light-mode .rt-posts .entery .is_post .title a {
	color: #474c52;
}

html.light-mode .rt-posts .entery .is_post {
	box-shadow: 0 .25rem 1.5rem 1px rgba(0,0,0,.03);
}

.mini-p.is_news .pic,.mini-p.is_news .pic .rt-15px {
	height: 90px;
}

.mini-p.is_news .inside {
	height: auto;
}

.mini-p.is_news .desc {
	text-align: justify;
	line-height: 1.9;
	height: 125px;
	margin-bottom: 10px;
}

@media only screen and (max-width:1280px) {
	.rt-posts .entery .mini-p {
		width: calc(20% - 20px);
	}
}

@media only screen and (max-width:1080px) {
	.rt-posts .entery .is_post {
		width: calc(50% - 20px);
	}

	.rt-posts .entery .mini-p {
		width: calc(25% - 20px);
	}
}

@media only screen and (max-width:1040px) {
	.developer-head {
		padding: 0 100px;
	}
}

@media only screen and (max-width:920px) {
	.mini-p.is_news .pic,.mini-p.is_news .pic .rt-15px {
		height: 50px;
		border-radius: 8px;
	}

	.mini-p.is_news .desc {
		margin-bottom: 7px;
	}

	.developer-head {
		padding: 0;
	}

	.developer-head .text {
		font-size: 13px;
	}

	.developer-head .info {
		font-size: 12px;
	}

	.cat-list li {
		margin: 15px 0 15px 10px;
		font-size: 13px;
	}

	.cat-list li a {
		padding: 8px 20px;
	}

	.cat-list .owl-carousel {
		height: auto;
	}

	.rt-posts {
		margin: 30px 0;
	}

	.rt-posts .rt-p .paginate {
		display: none;
	}

	.rt-posts .entery .is_post {
		width: 100%;
		margin: 7.5px 0;
		padding: 15px 20px;
	}

	.rt-posts .titr {
		width: 100%;
		text-align: center;
		padding: 0 0 15px;
		font-size: 20px;
		line-height: 1.85;
	}

	.rt-posts .entery .is_post .pic {
		width: 100px;
		margin: 8px 0;
	}

	.rt-posts .entery .is_post .inside {
		width: calc(100% - 120px);
	}

	.rt-posts .entery .is_post .title {
		font-size: 14px;
	}

	.rt-posts .entery .is_post .cat-p,.mini-p .info {
		font-size: 12px;
	}

	.rt-posts .entery .is_post .inside .title {
		height: 47px;
		margin-bottom: 7px;
	}

	.rt-posts .entery .is_post .inside .des {
		right: 5px;
		font-size: 11px;
		padding-bottom: 0;
	}

	.rt-posts .entery .is_post .inside .des.mod {
		bottom: 5px;
	}

	.rt-posts .entery .is_post .inside .des.sta {
		top: 5px;
		right: 5px;
		font-size: 10px;
	}

	.rt-posts .entery .is_post .info {
		margin-top: 15px;
		padding-top: 10px;
	}

	.rt-posts .entery .not-f {
		margin-top: 0;
	}

	.rt-posts .entery .not-x {
		margin-bottom: 50px;
	}

	.alert-cont {
		font-size: 15px;
	}
}

@media only screen and (max-width:750px) {
	.rt-posts .entery .mini-p {
		width: calc(33.33% - 20px);
	}
}

@media only screen and (max-width:570px) {
	.rt-posts .entery .mini-p {
		width: calc(50% - 10px);
		margin: 5px;
	}

	.developer-head .info .inf {
		border: 0 !important;
		margin: 7px 0;
		padding: 0 6px;
	}
}