/*! 
 * Bootstrap Reboot v4.4.1 (https://getbootstrap.com/)
 * edit by https://www.shephe.com
 */*,::after,::before {
	box-sizing: border-box
}

.mb_1,p {
	margin-top: 0;
	margin-bottom: 1rem
}

b {
	font-weight: 700
}

sub {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

.sub,sub {
	bottom: -.25em
}

@keyframes heart {
	0%,17.5% {
		font-size: 0
	}
}

@keyframes bubble {
	15% {
		transform: scale(1);
		border-color: #a480ff;
		border-width: 1rem
	}

	100%,50% {
		transform: scale(1);
		border-width: 0
	}
}

@keyframes sparkles {
	0%,20% {
		opacity: 0
	}

	25% {
		opacity: 1;
		box-shadow: .32476rem -2.4375rem 0 0 #ff8080,-.32476rem -2.0625rem 0 0 #ffed80,2.1082rem -1.26585rem 0 0 #ffed80,1.41004rem -1.53985rem 0 0 #a4ff80,2.30412rem .85901rem 0 0 #a4ff80,2.08305rem .14233rem 0 0 #80ffc8,.76499rem 2.33702rem 0 0 #80ffc8,1.18748rem 1.71734rem 0 0 #80c8ff,-1.35019rem 2.0552rem 0 0 #80c8ff,-.60229rem 1.99916rem 0 0 #a480ff,-2.44865rem .22578rem 0 0 #a480ff,-1.93852rem .77557rem 0 0 #ff80ed,-1.70323rem -1.77366rem 0 0 #ff80ed,-1.81501rem -1.03204rem 0 0 #ff8080
	}
}

@keyframes text_l {
	from {
		background-position: -150px 0
	}

	to {
		background-position: 0 0
	}
}

@keyframes text_r {
	to {
		transform: rotateX(360deg)
	}
}

@keyframes animate04 {
	50% {
		transform: translate(20px)
	}
}

@keyframes animate10 {
	0% {
		transform: translate(0)
	}

	100% {
		transform: translate(-110vw)
	}
}

@keyframes animate10-mobile {
	0% {
		transform: translate(15vw) scale(.75)
	}

	100% {
		transform: translate(-200vw) scale(.75)
	}
}

@keyframes animate11 {
	50% {
		transform: translateY(5px);
		opacity: 0
	}
}

@keyframes animate13 {
	0% {
		transform: translate(-20vw,200px) scale(1.5)
	}

	100% {
		transform: translate(50vw,-200px) scale(.2)
	}
}

@keyframes cubespin {
	to {
		transform: rotateX(-35deg) rotateY(-315deg) rotate(-360deg)
	}
}

.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}

.no-gutters {
	margin-right: 0;
	margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.col,.col-auto {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}

.col.grow {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%
}

.col.full {
	flex-basis: 100%;
	max-width: 100%
}

.col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: 100%
}

@media (max-width:1025px) {
	.col,.col-auto.line {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%
	}
}

.row-cols-1>* {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%
}

.row-cols-2>* {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%
}

.row-cols-3>* {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%
}

.row-cols-4>* {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%
}

.row-cols-5>* {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}

.row-cols-6>* {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%
}

@media (min-width:1025px) {
	.row-cols-lg-1>* {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%
	}

	.row-cols-lg-2>* {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%
	}

	.row-cols-lg-3>* {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%
	}

	.row-cols-lg-4>* {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%
	}

	.row-cols-lg-5>* {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%
	}

	.row-cols-lg-6>* {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%
	}
}

.d-flex {
	display: -ms-flexbox;
	display: flex
}

:root {
	--font-family-all: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Noto Color Emoji","Microsoft YaHei","WenQuanYi Micro Hei","Hiragino Sans GB";
	--font-family-sans-serif: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	--font-family-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	--font-family-lang: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
	--font-family-emoji: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols
}

a {
	color: #007bff;
	-webkit-tap-highlight-color: transparent
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2
}

li,ul {
	list-style: none
}

.small,small {
	font-size: 87.5%;
	font-weight: 400
}

.text-right {
	text-align: right
}

body {
	font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
	overflow-x: hidden;
	text-align: initial;
	color: #3f4257;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5
}

* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	outline: 0
}

:focus,input {
	outline: 0
}

a:focus,a:hover,a:visited {
	text-decoration: none;
	outline: 0
}[hidden],[hide] {
	display: none
}

.p-lg {
	padding: 3.5rem 0
}

.mb_0 {
	margin-bottom: 0
}

@font-face {
	font-family:iconfont;src:url(https://lab.luozhinet.com/tool/emoji/image/font_1699811_8gbvwyjdvvv.eot);src:url(https://lab.luozhinet.com/tool/emoji/image/font_1699811_8gbvwyjdvvv.eot?#iefix) format('embedded-opentype'),url(https://lab.luozhinet.com/tool/emoji/image/font_1699811_8gbvwyjdvvv.woff2) format('woff2'),url(https://lab.luozhinet.com/tool/emoji/image/font_1699811_8gbvwyjdvvv.woff) format('woff'),url(https://lab.luozhinet.com/tool/emoji/image/font_1699811_8gbvwyjdvvv.ttf) format('truetype'),url(https://lab.luozhinet.com/tool/emoji/image/font_1699811_8gbvwyjdvvv.svg) format('svg')
}

@media (min-width:1600px) {
	.container,.container-lg,.container-xl {
		max-width: 1440px
	}
}

input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]) {
	border: none;
	color: #50546f;
	transition: .25s;
	height: 42px;
	border-radius: 5px;
	padding: .75rem 1rem
}

input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):focus {
	border-color: #3b99ff
}

a {
	color: #3f4257;
	text-decoration: none;
	background-color: transparent
}

a:hover {
	color: #3b99ff
}

.emoji_font,.emoji_link>a {
	display: flex;
	font-style: normal;
	margin-right: 2px;
	font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
	direction: initial;
	align-items: center;
	justify-content: center
}

.emoji_font.line,.emoji_link>a {
	display: inline-flex;
	min-width: 1.5em
}

.top_search input[type=submit] {
	position: relative;
	cursor: pointer
}

.new {
	position: relative
}

.new:after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	position: absolute;
	top: 10%;
	right: -.5rem;
	border-radius: 50%;
	background-color: #ff5e3a
}

.all_lang>h2,.nav_title {
	display: none;
	position: relative;
	font-size: 18px;
	color: #fff;
	padding: 15px;
	border-bottom: solid 1px rgba(255,255,255,.1)
}

.input-wrapper {
	background-color: #fff;
	border-radius: 5px;
	font-size: 14px;
	min-width: 300px
}

.top_search .input-wrapper+label {
	display: none;
	margin-bottom: 0;
	width: 45px;
	text-align: center;
	color: #fff;
	background-color: #ff5e3a;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 700;
	line-height: 36px;
	margin-left: 5px
}

.input-wrapper input:not([type=submit]):not([type=button]) {
	border: none;
	padding: 0 12px 0 12px;
	width: calc(100% - 36px);
	background-color: transparent;
	line-height: 42px
}

.input-wrapper input[type=button],.input-wrapper input[type=submit] {
	border: none;
	background-color: transparent;
	line-height: 36px;
	width: 36px;
	font-size: 18px
}

.top_search {
	display: flex;
	max-width: 460px;
	margin: auto
}

.search-icon {
	position: relative;
	width: 100%
}

#nav_filter[type=checkbox] {
	display: none
}

.all_lang {
	position: fixed;
	z-index: 9;
	width: 240px;
	right: 0;
	top: 0;
	bottom: 0;
	overflow-y: auto;
	background-color: #3f4257;
	transform: translate(101%);
	transition: transform .33s
}

.all_lang ul li a {
	display: block;
	position: relative;
	color: #edf2f6;
	font-size: 14px;
	padding: 12px 15px;
	margin: 0 .5rem;
	border-radius: 5px;
	cursor: pointer;
	text-transform: capitalize;
	transition: .25s
}

.all_lang ul li a:hover {
	background-color: rgba(255,255,255,.1)
}

.all_lang>h2 {
	display: block
}

.all_lang>h2 label,.nav_title>label {
	display: none;
	margin-bottom: 0;
	font-size: 18px;
	color: #ff5e3a;
	font-weight: 700;
	position: absolute;
	top: 15px;
	right: 15px;
	line-height: 1
}

.all_lang>h2 label {
	display: block
}

.all_lang ul li a:after {
	content: "\e7eb";
	position: absolute;
	top: 15px;
	right: 10px;
	font-weight: 700;
	font-family: iconfont;
	font-size: 12px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.all_lang_shadow {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	background-color: rgba(0,0,0,.35);
	transform: translate3d(0,0,0);
	transition: .33s
}[type=checkbox]:checked~.all_lang {
	transform: translate(-240px);
	box-shadow: 0 15px 25px 1px rgba(0,0,0,.1)
}

.content_right>div+div {
	margin-top: 30px
}

.emoji-data:before,.line-row[id]:before,[emoji-data]:before {
	font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
	content: attr(id);
	display: block;
	font-size: inherit;
	line-height: inherit;
	white-space: nowrap;
	letter-spacing: 10px
}

.emoji-data:before {
	content: attr(title)
}

.line-row[id],[emoji-data] {
	position: absolute
}

.yy01 {
	bottom: 30%;
	right: 4%;
	font-size: 40px
}

.yy02 {
	bottom: 25%;
	right: 11%;
	font-size: 60px
}

.yy03 {
	bottom: 30%;
	right: 10%;
	font-size: 30px
}

.yy04 {
	top: 5%;
	right: 2%;
	font-size: 90px;
	animation: animate04 6s linear infinite
}

.yy05 {
	top: 5%;
	right: 6%;
	font-size: 60px
}

.yy06 {
	bottom: 30%;
	right: 30%;
	font-size: 100px
}

.yy07 {
	bottom: 20%;
	right: 13%;
	font-size: 60px
}

.yy08 {
	bottom: 20%;
	right: 20%;
	font-size: 60px
}

.yy09 {
	bottom: 20%;
	right: 0;
	font-size: 60px
}

.yy10 {
	bottom: 8%;
	right: -10%;
	font-size: 60px;
	animation: animate10 15s linear infinite
}

.yy11 {
	bottom: 15%;
	left: 22%;
	font-size: 40px
}

.yy12 {
	bottom: 10%;
	right: -15%;
	font-size: 90px;
	animation: animate10 18s linear infinite
}

.yy13 {
	top: 10%;
	left: -5%;
	font-size: 40px;
	animation: animate13 6s linear infinite
}

.yy14 {
	bottom: 20%;
	left: 2%;
	font-size: 30px
}

.yy15 {
	bottom: 15%;
	left: 25%;
	font-size: 35px
}

.yy16 {
	bottom: 22%;
	left: 0;
	font-size: 40px
}

.yy17 {
	bottom: 30%;
	left: 0;
	font-size: 100px
}

.yy18 {
	bottom: 30%;
	left: 6%;
	font-size: 60px
}

.yy19 {
	top: 20%;
	left: 5%;
	font-size: 60px;
	animation: animate04 6s linear infinite -3s
}

.yy11:after {
	content: "💭";
	font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
	display: block;
	font-size: 30px;
	position: absolute;
	top: -50%;
	right: -50%;
	animation: animate11 2s linear infinite
}

.yy12:after {
	content: "💨";
	font-family: "Apple Color Emoji","Segoe UI Emoji",NotoColorEmoji,"Segoe UI Symbol","Android Emoji",EmojiSymbols;
	display: block;
	font-size: 30px;
	position: absolute;
	top: 50%;
	right: -20%;
	animation: animate11 2s linear infinite
}

.card {
	position: relative;
	margin-bottom: 30px
}

.card>a {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 190px;
	overflow: hidden;
	border-radius: 5px
}

.card>a>h2 {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	font-size: 18px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-transform: uppercase;
	z-index: 1
}

.card>a>p.data {
	position: absolute;
	bottom: 20px;
	left: 20px;
	margin: 0;
	color: #4485ed;
	font-size: 12px;
	background-color: #fff;
	padding: 3px 6px;
	border-radius: 50px;
	min-width: 1.5rem;
	text-align: center
}

.col:nth-of-type(4n-1)>.topic_item:before,[class^=col]:nth-of-type(4n-1)>.card>a {
	background-color: #f04c3a
}

.col:nth-of-type(4n-2)>.topic_item:before,[class^=col]:nth-of-type(4n-2)>.card>a {
	background-color: #4485ed
}

.col:nth-of-type(4n-3)>.topic_item:before,[class^=col]:nth-of-type(4n-3)>.card>a {
	background-color: #f90
}

.col:nth-of-type(4n-4)>.topic_item:before,[class^=col]:nth-of-type(4n-4)>.card>a {
	background-color: #35a541
}[class^=col]>.card>a:hover>p.core {
	text-shadow: none;
	transform: scale(.9)
}

.main {
	display: flex
}

.content_right {
	flex: 1 0 auto;
	background-color: #edf2f6;
	padding: 30px;
	width: auto;
	max-width: 100%
}

.btn_box:hover,:checked~.submenu_toggle {
	background-color: #383b4c
}

.search_filter li a {
	display: flex;
	align-items: center;
	text-transform: capitalize
}

.search_filter li a:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	border: 2px solid #ccc;
	border-radius: 50%
}

:checked~.submenu_toggle>li {
	max-height: 2rem
}

:checked~.submenu_toggle li a:hover {
	background-color: #5a5e7d
}

.emoji_card_list {
	margin-bottom: 30px
}

.emoji_card_list>h1,.emoji_card_list>h2,.emoji_card_list>h3 {
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	padding: 1rem 1.5rem;
	margin-bottom: 0;
	border-bottom: 1px solid #edf2f6
}

.py_1 {
	padding: .5rem 0
}

.link_bg_1 {
	background-color: #2f5b9c
}

.link_bg_2 {
	background-color: #37bff1
}

.link_bg_3 {
	background-color: #f74881
}

.main {
	margin-left: 240px
}

.text_blue {
	color: #3b99ff
}

.top_search_wrapper {
	transition: .33s
}

.y_scroll {
	position: relative
}

#lang[type=checkbox]:checked~.side-menu .all_lang {
	transform: translate(0)
}

#lang[type=checkbox]:checked~.side-menu .all_lang_shadow {
	opacity: 1;
	visibility: visible
}

#nav_filter[type=checkbox]:checked~.stick_sidebar_left {
	transform: translateY(0)
}

#nav_filter[type=checkbox]:checked~.all_lang_shadow {
	opacity: 1;
	visibility: visible
}

#nav_filter~.all_lang_shadow {
	z-index: 3
}

.pages_name h1 {
	font-size: 1.15rem;
	margin-bottom: 0
}

.pages_name {
	position: relative;
	z-index: 1
}

.emoji_card_list {
	background-color: #fff;
	border-radius: 5px
}

.emoji_card_list .row.no-gutters.p-2 {
	padding: .5rem
}

.emoji_card_content {
	padding: 1rem 1.5rem
}

.emoji_card_content>.row:not(.emoji_imgs):not(.emoji_topic):not(.no-gutters)>[class*=col] {
	margin-bottom: 1.5rem
}

.emoji_card {
	border-radius: 5px;
	padding: .5rem;
	display: flex;
	height: 100%;
	align-items: center;
	transition: .33s
}

.emoji_card:hover {
	background-color: #edf2f6;
	color: #fff
}

.emoji_card .emoji_font {
	flex: 0 0 auto;
	margin: 0 .5rem 0 0;
	font-size: 2rem;
	min-width: 2.5rem
}

.emoji_card .emoji_name {
	margin: 0;
	flex: 1 1 auto;
	font-size: .875rem
}

.emoji_card_list>h3,.emoji_card_list>h4 {
	font-size: 14px;
	padding: 10px 1.5rem;
	margin-bottom: 0;
	font-weight: 400;
	background-color: rgba(237,242,246,.15)
}

.emoji_card_list>div+h3 {
	border-top: 1px solid #edf2f6
}

.emoji_card_nav .card {
	font-size: 1rem;
	margin-bottom: 0
}

.emoji_card_nav .card>a,.emoji_card_nav .card>p {
	height: auto;
	padding: .75rem;
	font-size: .875rem
}

.emoji_card_nav .card>p {
	font-weight: 700;
	margin-bottom: 0
}

.emoji_card_list h2 {
	position: relative
}

.emoji_card_list h2 i[id]:target {
	position: absolute;
	top: -5rem
}

.emoji_card_list>h2 a,.emoji_card_list>h3 a {
	display: flex;
	flex-flow: nowrap
}

@keyframes svg-line {
	50% {
		stroke-dashoffset: 3%
	}
}

@keyframes stroke-opacity {
	0%,25% {
		stroke-opacity: .75;
		stroke-width: 2%
	}

	100%,75% {
		stroke-opacity: 0;
		stroke-width: 0
	}
}

@keyframes fill-opacity {
	0%,100%,25% {
		fill-opacity: 0
	}

	50%,90% {
		fill-opacity: 1
	}
}

@keyframes dashoffset {
	100% {
		stroke-dashoffset: 0
	}
}

@keyframes svg-circle {
	100%,50% {
		stroke-dashoffset: 0
	}
}

@keyframes svg-line-slash {
	100%,50% {
		stroke-dashoffset: 0
	}

	85% {
		stroke-opacity: 1
	}

	100% {
		stroke-opacity: 0
	}
}

@keyframes svg-x {
	50% {
		transform: translate(10px,0)
	}
}

@keyframes svg-y {
	50% {
		transform: translate(0,10px)
	}
}

.copy_btn_group {
	display: inline-flex;
	margin-left: .5rem
}

.copy_btn_group .emoji_font {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	min-width: 2.5rem;
	margin-right: 0;
	border: 1px solid rgb(59 153 255 / .5);
	border-right: none;
	user-select: all
}

.x_small {
	font-size: .75rem;
	line-height: 1rem
}

.emoji_card_content>p {
	color: #515365
}

.emoji_card_content>p a {
	color: #3b99ff
}

.emoji_card_content .emoji_link>a,.emoji_card_content>p a.emoji_link {
	display: inline-block;
	padding: 1px 2px;
	margin: 2px;
	border-radius: 5px;
	background: #3b99ff;
	color: #fff;
	text-align: center
}

.emoji_link .emoji_font {
	margin-right: 0
}

*+.combo_text {
	display: inline-block;
	margin-left: 5px
}[text-data]::before {
	content: attr(title);
	font-size: inherit;
	line-height: inherit
}

.bg_none {
	background-color: transparent
}

.form-item {
	position: relative;
	margin-top: .5rem
}

.form-item input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]) {
	display: block;
	width: 100%;
	height: 3rem;
	border: 1px solid #dee2e6
}

.form-item label {
	position: absolute;
	background-color: #fff;
	color: #888da8;
	padding: 0 6px;
	font-size: .875rem;
	top: -10px;
	left: 12px;
	user-select: none
}

.form-item [type=checkbox]~label,.form-item [type=radio]~label {
	position: static
}

.content_right input[type=button],.content_right input[type=submit],.submit_btn,.submit_btn:hover {
	font-size: .875rem;
	border-radius: 3px;
	padding: 9px 2rem;
	min-width: 10rem;
	color: #fff;
	background-color: #3b99ff;
	border: none;
	text-align: center;
	line-height: 1rem;
	border: 1px solid transparent;
	display: inline-block
}

.form-item input::-webkit-input-placeholder,.form-item input::placeholder {
	color: #ccc
}

article .emoji_symbol::after {
	content: "OK";
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	left: -100%;
	top: 0;
	color: #fff;
	background-color: #ff5e3a
}

@keyframes page_copy {
	0%,100% {
		transform: translate(0)
	}

	25%,75% {
		transform: translate(100%)
	}
}

@keyframes error_rotate {
	from {
		transform: perspective(600px) rotateX(15deg) rotateY(30deg) rotateZ(-15deg)
	}

	to {
		transform: perspective(600px) rotateX(15deg) rotateY(-15deg) rotateZ(-10deg)
	}
}

.ad {
	margin-bottom: 1rem
}

@media (max-width:1025px) {
	.ad.pc {
		display: none
	}
}

@media (min-width:1025px) {
	.ad {
		margin-bottom: 1.75rem;
		max-width: calc(100vw - 240px - 90px - 30px - 330px - 25px)
	}
}

@media (min-width:1750px) {
	.ad {
		max-width: calc(1440px - 30px - 30px - 330px)
	}
}

article .emoji_symbol {
	display: block;
	font-size: 14px;
	min-width: 3.5rem;
	text-align: center;
	border-radius: 3px;
	color: #fff;
	background-color: #888da8;
	cursor: pointer;
	overflow: hidden;
	position: relative
}

article .emoji_symbol {
	padding: 2px 0
}

article:not([id]) .emoji_symbol {
	margin-left: .75rem
}

article .emoji_symbol:hover {
	background-color: #50546f
}

.head_box label:hover {
	transform: scale(1.2)
}

.head_box :checked+label {
	background-color: #3b99ff
}[dir=rtl] .main {
	margin-left: 0;
	margin-right: 240px
}

.input-wrapper input[type=submit],[emoji-data]:before {
	direction: initial
}[dir=rtl] .top_search .input-wrapper+label {
	margin-left: 0;
	margin-right: 5px
}[dir=rtl] .all_lang ul li a:after {
	right: auto;
	left: 10px
}[dir=rtl] .all_lang>h2 label,[dir=rtl] .nav_title>label {
	right: auto;
	left: 15px
}[dir=rtl] .emoji_font {
	margin-right: 0;
	margin-left: 2px
}[dir=rtl] .search_filter li a:before {
	margin-right: 0;
	margin-left: 10px
}[dir=rtl] .all_lang {
	right: auto;
	left: 0;
	transform: translate(-101%)
}[dir=rtl] .copy_btn_group .emoji_font {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-left: 0;
	border: 1px solid rgb(59 153 255 / .5)
}[dir=rtl] .head_box :checked+label {
	left: auto;
	right: 1rem
}

@media (min-width:1025px) {
[	dir=rtl] .nav {
		border-right: none;
		border-left: 1px solid #3f4257
	}
}

@media (min-width:1200px) {
	.col.col-2-3 {
		flex: 0 0 66.66%;
		max-width: 66.66%
	}

	.nav {
		align-self: stretch;
		background: #50546f5e;
		border-right: 1px solid #3f4257;
		display: flex;
		align-items: center
	}
}

@media (max-width:1440px) {
[	dir=rtl] .top_search_wrapper {
		right: auto;
		left: 0
	}

	.all_lang>h2 label,.nav_title>label,.top_search .input-wrapper+label {
		display: flex;
		justify-content: center;
		align-items: center
	}

	.input-wrapper {
		min-width: auto;
		flex: 1 1 auto
	}
}

@media (max-width:1200px) {
	.nav_title {
		display: block
	}

	.nav_title+ul {
		max-height: calc(100vh - 9.5rem);
		overflow: hidden;
		overflow-y: auto
	}

	.nav .new:after {
		content: "\e7ec";
		position: absolute;
		top: 8px;
		right: 15px;
		width: auto;
		height: auto;
		font-weight: 400;
		font-family: iconfont;
		font-size: 14px;
		font-style: normal;
		opacity: 1;
		visibility: visible;
		background-color: transparent
	}[	dir=rtl] .nav .new:after {
		right: auto;
		left: 15px
	}
}

@media (max-width:1025px) {
	.p-lg {
		padding: 1.5rem 0
	}

	.row {
		margin-right: -.5rem;
		margin-left: -.5rem
	}

	.col,.container,.container-lg,.container-xl,[class*=col-] {
		padding-right: .5rem;
		padding-left: .5rem
	}

	.no-gutters {
		margin-right: 0;
		margin-left: 0
	}

	.line-row[id] {
		transform: scale(.75)
	}

	.yy05 {
		top: 0;
		right: 0
	}

	.yy04 {
		top: 0;
		right: -10%;
		font-size: 50px
	}

	.yy12 {
		bottom: 5%;
		right: -15%;
		font-size: 90px
	}

	.yy11:after,.yy12:after {
		font-size: 1.5rem
	}

	.yy18 {
		bottom: 20%;
		left: 0
	}

	.yy19 {
		top: -10%;
		left: 0
	}

	.yy10,.yy12 {
		animation-name: animate10-mobile
	}

	.main,[dir=rtl] .main {
		margin-left: 0;
		margin-right: 0
	}

	.content_right {
		padding: 15px 0
	}

	.content_right>div+div {
		margin-top: 1rem
	}

	.card,.emoji_card_list {
		margin-bottom: 1rem
	}

	.card>a {
		height: 160px
	}

	.top_search_wrapper {
		right: 0;
		padding: 0 6px 4px;
		width: 100%;
		order: 2
	}

	.top_search {
		flex: 1 0 100%
	}

	.y_scroll>* {
		display: flex;
		flex-wrap: nowrap;
		overflow: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		transform: translateZ(0)
	}

	.y_scroll>*>* {
		flex: 0 0 66%;
		max-width: 66%
	}

	.y_scroll.y_scroll_cols_auto>*>* {
		flex: 0 0 auto;
		max-width: none
	}

	.y_scroll::after {
		content: "";
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		right: 0;
		width: 5rem;
		background: linear-gradient(90deg,rgba(255,255,255,0),#fff);
		pointer-events: none
	}

	.y_scroll::before {
		content: "\e7eb";
		font-family: iconfont;
		position: absolute;
		display: block;
		top: 0;
		bottom: 0;
		right: 0;
		height: 40px;
		margin: auto 0;
		border-radius: 50%;
		line-height: 40px;
		color: #007bff;
		font-weight: 700;
		z-index: 1;
		pointer-events: none
	}[	dir=rtl] .y_scroll::after,[dir=rtl] .y_scroll::before {
		right: auto;
		left: 0;
		transform: rotateY(180deg)
	}

	.emoji_card_list h2 i[id]:target {
		top: -3.5rem
	}

	.emoji_card .emoji_name {
		font-size: .875rem
	}

	.emoji_card_content,.emoji_card_list>h1,.emoji_card_list>h2,.emoji_card_list>h3 {
		padding: 1rem
	}

	.top_search input[type=submit],.top_search input[type=text]:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]) {
		height: 36px;
		line-height: 36px
	}
}

@media (prefers-color-scheme:dark) {
	.emoji_card_content>p,.form-item input::-webkit-input-placeholder,.form-item input::placeholder,a,body,input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]) {
		color: #edf2f6
	}

	.emoji_card_list>div+h3,.emoji_card_list>h1,.emoji_card_list>h2,.emoji_card_list>h3,.form-item input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]),.head_box,.head_box::before {
		border-color: #3f4257
	}

	.content_right,.head_box,.input-wrapper,input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]) {
		background-color: #212529
	}

	.emoji_card_list,.form-item label {
		background-color: #303342
	}

	.emoji_card:hover,.emoji_card_list>h3 {
		background-color: rgba(33,37,41,.25)
	}

	.y_scroll::after {
		background: linear-gradient(90deg,rgba(255,255,255,0),#212529)
	}
}