.form-control {
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	appearance: none;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}


.btn {
	--bs-btn-padding-x: 0.75rem;
	--bs-btn-padding-y: 0.375rem;
	--bs-btn-font-family:;
	--bs-btn-font-size: 1rem;
	--bs-btn-font-weight: 400;
	--bs-btn-line-height: 1.5;
	--bs-btn-color: #495057;
	--bs-btn-bg: transparent;
	--bs-btn-border-width: 1px;
	--bs-btn-border-color: transparent;
	--bs-btn-border-radius: 0.25rem;
	--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	--bs-btn-disabled-opacity: 0.65;
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
	display: inline-block;
	padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
	font-family: var(--bs-btn-font-family);
	font-size: var(--bs-btn-font-size);
	font-weight: var(--bs-btn-font-weight);
	line-height: var(--bs-btn-line-height);
	color: var(--bs-btn-color);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
	border-radius: var(--bs-btn-border-radius);
	background-color: var(--bs-btn-bg);
	transition: color .08s ease-in-out, background-color .08s ease-in-out, border-color .08s ease-in-out, box-shadow .08s ease-in-out
}

.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color)
}

.btn-check:focus + .btn, .btn:focus {
	color: var(--bs-btn-hover-color);
	background-color: var(--bs-btn-hover-bg);
	border-color: var(--bs-btn-hover-border-color);
	outline: 0;
	box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show {
	color: var(--bs-btn-active-color);
	background-color: var(--bs-btn-active-bg);
	border-color: var(--bs-btn-active-border-color)
}

.btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus {
	box-shadow: var(--bs-btn-focus-box-shadow)
}

.btn:disabled, .btn.disabled, fieldset:disabled .btn {
	color: var(--bs-btn-disabled-color);
	pointer-events: none;
	background-color: var(--bs-btn-disabled-bg);
	border-color: var(--bs-btn-disabled-border-color);
	opacity: var(--bs-btn-disabled-opacity)
}

.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #337ab7;
	--bs-btn-border-color: #337ab7;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #2b689c;
	--bs-btn-hover-border-color: #296292;
	--bs-btn-focus-shadow-rgb: 82, 142, 194;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #296292;
	--bs-btn-active-border-color: #265c89;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #337ab7;
	--bs-btn-disabled-border-color: #337ab7
}

.btn-secondary {
	--bs-btn-color: #fff;
	--bs-btn-bg: #6c757d;
	--bs-btn-border-color: #6c757d;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #5c636a;
	--bs-btn-hover-border-color: #565e64;
	--bs-btn-focus-shadow-rgb: 130, 138, 145;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #565e64;
	--bs-btn-active-border-color: #51585e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #6c757d;
	--bs-btn-disabled-border-color: #6c757d
}

.btn-success {
	--bs-btn-color: #fff;
	--bs-btn-bg: #198754;
	--bs-btn-border-color: #198754;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #157347;
	--bs-btn-hover-border-color: #146c43;
	--bs-btn-focus-shadow-rgb: 60, 153, 110;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #146c43;
	--bs-btn-active-border-color: #13653f;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #198754;
	--bs-btn-disabled-border-color: #198754
}

.btn-info {
	--bs-btn-color: #000;
	--bs-btn-bg: #0dcaf0;
	--bs-btn-border-color: #0dcaf0;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #31d2f2;
	--bs-btn-hover-border-color: #25cff2;
	--bs-btn-focus-shadow-rgb: 11, 172, 204;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #3dd5f3;
	--bs-btn-active-border-color: #25cff2;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #0dcaf0;
	--bs-btn-disabled-border-color: #0dcaf0
}

.btn-warning {
	--bs-btn-color: #000;
	--bs-btn-bg: #ffc107;
	--bs-btn-border-color: #ffc107;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #ffca2c;
	--bs-btn-hover-border-color: #ffc720;
	--bs-btn-focus-shadow-rgb: 217, 164, 6;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #ffcd39;
	--bs-btn-active-border-color: #ffc720;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #ffc107;
	--bs-btn-disabled-border-color: #ffc107
}

.btn-danger {
	--bs-btn-color: #000;
	--bs-btn-bg: #f75353;
	--bs-btn-border-color: #f75353;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #f86d6d;
	--bs-btn-hover-border-color: #f86464;
	--bs-btn-focus-shadow-rgb: 210, 71, 71;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #f97575;
	--bs-btn-active-border-color: #f86464;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #f75353;
	--bs-btn-disabled-border-color: #f75353
}

.btn-light {
	--bs-btn-color: #000;
	--bs-btn-bg: #f8f9fa;
	--bs-btn-border-color: #f8f9fa;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #d3d4d5;
	--bs-btn-hover-border-color: #c6c7c8;
	--bs-btn-focus-shadow-rgb: 211, 212, 213;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #c6c7c8;
	--bs-btn-active-border-color: #babbbc;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
	--bs-btn-disabled-bg: #f8f9fa;
	--bs-btn-disabled-border-color: #f8f9fa
}

.btn-dark {
	--bs-btn-color: #fff;
	--bs-btn-bg: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #424649;
	--bs-btn-hover-border-color: #373b3e;
	--bs-btn-focus-shadow-rgb: 66, 70, 73;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #4d5154;
	--bs-btn-active-border-color: #373b3e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #212529;
	--bs-btn-disabled-border-color: #212529
}

.btn-outline-primary {
	--bs-btn-color: #337ab7;
	--bs-btn-border-color: #337ab7;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #337ab7;
	--bs-btn-hover-border-color: #337ab7;
	--bs-btn-focus-shadow-rgb: 51, 122, 183;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #337ab7;
	--bs-btn-active-border-color: #337ab7;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #337ab7;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #337ab7;
	--bs-gradient: none
}

.btn-outline-secondary {
	--bs-btn-color: #6c757d;
	--bs-btn-border-color: #6c757d;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #6c757d;
	--bs-btn-hover-border-color: #6c757d;
	--bs-btn-focus-shadow-rgb: 108, 117, 125;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #6c757d;
	--bs-btn-active-border-color: #6c757d;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #6c757d;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #6c757d;
	--bs-gradient: none
}

.btn-outline-success {
	--bs-btn-color: #198754;
	--bs-btn-border-color: #198754;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #198754;
	--bs-btn-hover-border-color: #198754;
	--bs-btn-focus-shadow-rgb: 25, 135, 84;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #198754;
	--bs-btn-active-border-color: #198754;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #198754;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #198754;
	--bs-gradient: none
}

.btn-outline-info {
	--bs-btn-color: #0dcaf0;
	--bs-btn-border-color: #0dcaf0;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #0dcaf0;
	--bs-btn-hover-border-color: #0dcaf0;
	--bs-btn-focus-shadow-rgb: 13, 202, 240;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #0dcaf0;
	--bs-btn-active-border-color: #0dcaf0;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #0dcaf0;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #0dcaf0;
	--bs-gradient: none
}

.btn-outline-warning {
	--bs-btn-color: #ffc107;
	--bs-btn-border-color: #ffc107;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #ffc107;
	--bs-btn-hover-border-color: #ffc107;
	--bs-btn-focus-shadow-rgb: 255, 193, 7;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #ffc107;
	--bs-btn-active-border-color: #ffc107;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #ffc107;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #ffc107;
	--bs-gradient: none
}

.btn-outline-danger {
	--bs-btn-color: #f75353;
	--bs-btn-border-color: #f75353;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #f75353;
	--bs-btn-hover-border-color: #f75353;
	--bs-btn-focus-shadow-rgb: 247, 83, 83;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #f75353;
	--bs-btn-active-border-color: #f75353;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #f75353;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #f75353;
	--bs-gradient: none
}

.btn-outline-light {
	--bs-btn-color: #f8f9fa;
	--bs-btn-border-color: #f8f9fa;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #f8f9fa;
	--bs-btn-hover-border-color: #f8f9fa;
	--bs-btn-focus-shadow-rgb: 248, 249, 250;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #f8f9fa;
	--bs-btn-active-border-color: #f8f9fa;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #f8f9fa;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #f8f9fa;
	--bs-gradient: none
}

.btn-outline-dark {
	--bs-btn-color: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #212529;
	--bs-btn-hover-border-color: #212529;
	--bs-btn-focus-shadow-rgb: 33, 37, 41;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #212529;
	--bs-btn-active-border-color: #212529;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #212529;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #212529;
	--bs-gradient: none
}

.btn-link {
	--bs-btn-font-weight: 400;
	--bs-btn-color: var(--bs-link-color);
	--bs-btn-bg: transparent;
	--bs-btn-border-color: transparent;
	--bs-btn-hover-color: var(--bs-link-hover-color);
	--bs-btn-hover-border-color: transparent;
	--bs-btn-active-color: var(--bs-link-hover-color);
	--bs-btn-active-border-color: transparent;
	--bs-btn-disabled-color: #6c757d;
	--bs-btn-disabled-border-color: transparent;
	--bs-btn-box-shadow: none;
	--bs-btn-focus-shadow-rgb: 82, 142, 194;
	text-decoration: underline
}

.btn-link:focus {
	color: var(--bs-btn-color)
}

.btn-link:hover {
	color: var(--bs-btn-hover-color)
}

.btn-lg, .btn-group-lg > .btn {
	--bs-btn-padding-y: 0.5rem;
	--bs-btn-padding-x: 1rem;
	--bs-btn-font-size: 1.25rem;
	--bs-btn-border-radius: 0.3rem
}

.btn-sm, .btn-group-sm > .btn {
	--bs-btn-padding-y: 0.25rem;
	--bs-btn-padding-x: 0.5rem;
	--bs-btn-font-size: 0.875rem;
	--bs-btn-border-radius: 0.2rem
}


.btn-group, .btn-group-vertical {
	position: relative;
	display: inline-flex;
	vertical-align: middle
}

.btn-group > .btn, .btn-group-vertical > .btn {
	position: relative;
	flex: 1 1 auto
}

.btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active {
	z-index: 1
}

.btn-toolbar {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}

.btn-toolbar .input-group {
	width: auto
}

.btn-group {
	border-radius: .25rem
}

.btn-group > .btn:not(:first-child), .btn-group > .btn-group:not(:first-child) {
	margin-left: -1px
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle), .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn-group:not(:last-child) > .btn {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn, .btn-group > .btn-group:not(:first-child) > .btn {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}



.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
	padding-right: .375rem;
	padding-left: .375rem
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
	padding-right: .75rem;
	padding-left: .75rem
}

.btn-group-vertical {
	flex-direction: column;
	align-items: flex-start;
	justify-content: center
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
	width: 100%
}

.btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) {
	margin-top: -1px
}

.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0
}

.btn-group-vertical > .btn ~ .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.resize-none {
	resize: none
}

.ui-card {
	border: 1px solid #ddd;
	padding: 10px 25px;
	background: #fff;
	border-radius: 4px
}

.nowrap {
	white-space: nowrap
}

.ui-docs {
	display: flex;
	flex-wrap: nowrap;
	padding: 0;
	min-height: 600px
}

.ui-docs .docs-left {
	width: 180px;
	flex-shrink: 0;
	background: #fafafa;
	padding-bottom: 15px;
	border-right: 1px solid #ddd;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.ui-docs .docs-left .docs-head {
	padding: 15px 15px 10px
}

.ui-docs .docs-left .docs-head a img {
	display: block;
	border-radius: 5px;
	border: 2px solid #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .1)
}

.ui-docs .docs-left .docs-head h3, .ui-docs .docs-left .docs-head .h3 {
	font-size: 17px;
	line-height: 24px;
	margin: 12px 0px 5px;
	font-weight: 400
}

.ui-docs .docs-left .docs-head h3 > i, .ui-docs .docs-left .docs-head .h3 > i {
	font-size: 10px;
	line-height: 20px;
	position: relative;
	top: -2px;
	left: 6px
}

.ui-docs .docs-left ul.docs-nav {
	list-style-type: none;
	padding: 0px;
	margin: 0px
}

.ui-docs .docs-left ul.docs-nav li > a {
	display: block;
	padding: 10px 18px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.ui-docs .docs-left ul.docs-nav li > a:hover, .ui-docs .docs-left ul.docs-nav li.active > a {
	background: #f4f4f4;
	color: #777;
	box-shadow: inset 0px 0px 1px rgba(0, 0, 0, .2)
}

.ui-docs .docs-left ul.docs-nav li > a > i {
	margin-right: 15px
}

.ui-docs .docs-left ul.docs-nav li.separator {
	border-bottom: 1px solid #e7e7e7
}

.ui-docs .docs-right {
	padding: 17px 22px;
	width: 100%
}

.ui-docs .docs-right .alert {
	background-color: #f8a841;
	margin-top: 10px;
	margin-bottom: 0;
	padding: 10px;
	border-radius: 2px
}

.ui-docs .docs-right .alert h2, .ui-docs .docs-right .alert .h2, .ui-docs .docs-right .alert p, .ui-docs .docs-right .alert a {
	color: #eee;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, .2);
	font-size: 14px;
	line-height: 25px
}

.ui-docs .docs-right .alert h2, .ui-docs .docs-right .alert .h2 {
	font-weight: bold
}

.ui-docs .docs-right .alert a {
	text-decoration: underline
}



.ui-item {
	word-break: break-all;
	padding: 20px 25px
}

.ui-item .title {
	font-size: 20px;
	line-height: 40px;
	float: left;
	color: #999;
	font-weight: 400
}

.ui-item .col-time {
	line-height: 40px;
	font-size: 14px;
	font-weight: 600;
	color: #999
}

.ui-item .col-time > span {
	font-size: 18px;
	color: #888;
	font-weight: 600;
	margin: 0px 3px
}

.ui-item .small-title {
	font-size: 15px;
	line-height: 25px;
	margin-bottom: 5px;
	color: #888
}

.topic-tags {
	padding: 6px 0
}

.topic-tags span {
	border: 1px #eee dashed;
	padding: .2em .6em .3em
}

.topic-tags span:before {
	content: "ID: ";
	padding: 0
}

.notice {
	padding: 10px 25px;
	border: 1px solid #e7e7e7;
	background: #fff;
	border-top: 2px solid #198754
}

.ui-img img {
	height: 180px;
	width: 100%;
	object-fit: cover
}

.ui-share-baidu {
	padding: 15px
}

.ui-share-baidu h3, .ui-share-baidu .h3 {
	font-size: 14px;
	line-height: 24px
}

.baidu-share .share-box {
	margin-bottom: 12px;
	padding: 15px;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
	background: #fff;
	box-shadow: 2px 2px 0 1px rgba(0, 0, 0, .07)
}


.ui-attachment {
	border-radius: 4px
}

.ui-attachment h4, .ui-attachment .h4 {
	margin-left: 20px;
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 15px
}

.ui-attachment .table {
	margin: 0;
	background: #fff;
	border: 1px solid #ddd
}

.ui-attachment .table td img {
	width: 30px;
	height: 30px;
	border-radius: 100%
}

.ui-attachment .table td, .ui-attachment .table th {
	border: 0;
	padding: 15px 10px;
	line-height: 30px
}

.ui-attachment .table .icon-title {
	font-size: 20px;
	text-align: center
}

.ui-attachment .table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee
}

.ui-comment .talk {
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 10px 20px;
	box-shadow: 2px 2px 0 1px rgba(0, 0, 0, .07)
}

.ui-comment .talk h4, .ui-comment .talk .h4 {
	font-size: 16px;
	line-height: 30px;
	font-weight: 600
}

.ui-comment .talk:before, .ui-comment .talk:after {
	right: 100%;
	top: 28px;
	border: solid rgba(0, 0, 0, 0);
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.ui-comment .talk:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 8px;
	margin-top: -8px
}

.ui-comment .talk:before {
	border-color: rgba(221, 221, 221, 0);
	border-right-color: #ccc;
	border-width: 9px;
	margin-top: -9px
}


#scrollUp {
	display: inline-block;
	position: fixed;
	background-image: url("../img/top.png");
	bottom: 20px;
	right: 20px;
	width: 38px;
	height: 38px;
	transition: background-color .3s, opacity .5s, visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 1000
}

#scrollUp:hover {
	cursor: pointer
}

#scrollUp.show {
	opacity: 1;
	visibility: visible
}

.copy {
	font-size: 18px
}

.copy a i {
	width: 40px;
	height: 40px;
	line-height: 34px;
	text-align: center;
	border: 2px solid #fff;
	border-radius: 100%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .2);
	background: #fff;
	margin-right: 10px
}

.copy a.active-two i {
	color: #fff
}


.ui-user {
	border: 1px solid #e7e7e7;
	box-shadow: 2px 2px 0px 1px rgba(0, 0, 0, .06);
	border-radius: 4px;
	background: #fff
}

.ui-user .left {
	float: left;
	width: 150px;
	text-align: center;
	padding: 20px 0 0 0
}

.ui-user .right {
	background: #fcfcfc;
	margin-left: 150px;
	border-left: 1px solid #eee;
	padding: 10px
}

.ui-user .right .item {
	border: 1px solid #e7e7e7;
	box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, .05);
	margin: 10px auto;
	max-width: 180px;
	padding: 9px 12px;
	border-radius: 3px;
	background: #fff
}

.ui-user .right .item h5, .ui-user .right .item .h5 {
	font-size: 18px;
	line-height: 28px;
	margin: 0px;
	font-weight: 400
}

.ui-user .right .item h4, .ui-user .right .item .h4 {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	color: #777;
	text-transform: uppercase
}

.ui-user .right .item h4 > a, .ui-user .right .item .h4 > a {
	color: #777
}

.ui-profile ul.profile-nav {
	list-style-type: none;
	padding: 0;
	margin: 0
}

.ui-profile ul.profile-nav li {
	position: relative;
	list-style: none;
	background-color: rgba(0, 0, 0, 0);
	border-radius: 6px;
	margin-bottom: 5px
}

.ui-profile ul.profile-nav li.active {
	background-color: #f0f2f4;
	font-weight: 600
}

.ui-profile ul.profile-nav li.active::after {
	position: absolute;
	top: calc(50% - 12px);
	left: -8px;
	width: 4px;
	height: 24px;
	content: "";
	background: #0969da;
	border-radius: 6px
}

.ui-profile ul.profile-nav li a {
	padding: 6px 8px;
	border-radius: 6px;
	position: relative;
	transition: background 33.333ms linear;
	align-items: center;
	color: #495057;
	display: grid;
	grid-template-rows: min-content;
	grid-template-areas: "icon title";
	grid-template-columns: min-content minmax(0, auto)
}

.ui-profile ul.profile-nav li a .icon {
	grid-area: icon
}

.ui-profile ul.profile-nav li a .title {
	grid-area: title
}

.ui-profile ul.profile-nav li a:hover {
	background-color: #f0f2f4
}

.ui-profile .order-detail {
	border: 1px solid #ced4da;
	border-radius: .25rem;
	min-height: 100px
}

.ui-profile .app-item {
	background-color: #f0f2f4;
	border-radius: .25rem;
	border: 1px solid #d3d6d8
}

.ui-profile .app-logo-default {
	font-size: 50px;
	width: 50px
}

.ui-tool {
	padding: 25px 25px 20px 25px
}

.ui-tool textarea.form-control {
	border: 1px solid #ddd;
	box-shadow: none;
	padding: 8px;
	border-radius: 0;
	font-size: 1.1rem;
	margin-bottom: 10px;
	font-family: "Source Code Pro", "SF Mono", Monaco, Inconsolata, "Fira Mono", "Droid Sans Mono", monospace, monospace
}

.ui-tool .ui-heading {
	font-size: 18px;
	border-bottom: 2px #f75353 solid;
	padding-bottom: 20px;
	margin-bottom: 15px;
	color: #999
}

.ui-tool .btn {
	margin-bottom: 10px
}

.ui-tool .btn-group {
	margin-right: 5px
}

.ui-tool .btn-highlight {
	color: #333;
	background-color: #e6e6e6;
	border-color: #adadad
}

.ui-news .item {
	border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)
}

.ui-news .item:last-of-type {
	border-bottom: 0
}

.ui-news .item .icons {
	display: none
}

.ui-news .item:hover .icons {
	display: block
}

.ui-news .item .title {
	font-size: 1.1rem
}

.ui-news .item a {
	color: #000;
	transition: color .2s;
	-moz-transition: color .2s;
	-webkit-transition: color .2s;
	-o-transition: color .2s
}

.ui-news .item a:visited {
	color: #999
}

.ui-news .item a:hover {
	color: #f75353
}

.ui-gift h2, .ui-gift .h2 {
	font-size: 1.5rem;
	line-height: 3.5rem
}

.ui-gift .item {
	position: relative;
	max-width: 360px;
	padding: 5px;
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	border: 2px solid #eee;
	background-color: #fff
}

.ui-gift .item:hover {
	border: 2px solid #f75353
}

.ui-gift .item:hover .ecom {
	margin-top: -50px
}

.ui-gift .item img {
	width: 100%;
	max-width: 360px;
	margin: 0 auto;
	border: 1px solid #eee;
	border-radius: 3px
}

.ui-gift .item .item-dtls h4, .ui-gift .item .item-dtls .h4 {
	margin-top: 13px;
	margin-bottom: 10px;
	text-transform: uppercase
}

.ui-gift .item .item-dtls .price {
	display: block;
	margin-bottom: 13px;
	font-size: 25px
}

.ui-gift .item .ecom {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	-webkit-transition: all .35s ease-in;
	-moz-transition: all .35s ease-in;
	-ms-transition: all .35s ease-in;
	-o-transition: all .35s ease-in;
	transition: all .35s ease-in
}

.ui-gift .item .ecom a.btn {
	border: 1px solid #fff;
	color: #fff;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all .35s ease-in;
	-moz-transition: all .35s ease-in;
	-ms-transition: all .35s ease-in;
	-o-transition: all .35s ease-in;
	transition: all .35s ease-in
}

.ui-gift .item .ecom a.btn:hover {
	background: #fff;
	color: #777
}