﻿.modal.fade .modal-dialog {
	margin-top: 10% !important;
}

.modal {
	--bs-modal-zindex: 99999999 !important;
}

.modal-header {
	border-bottom-color: #dee2e6;
}

#FlowersDialog {
	z-index: 99999999999999999999;
}

#imgBig img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
	background: #000;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #000;
}


#imgBoxs {
}

#imgBig {
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-bottom: 5px;
	display:block;
}

#imgLists {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
}


	#imgLists li {
		float: left;
		list-style: none;
		margin: 0 4px 0 0;
		padding: 0;
		width: 20%;
		border: 1px solid #ccc;
		border-radius: 5px;
	}

	#imgLists li a img {
		border: none;
		width: 100%;
		height: 100%;
		border-radius: 5px;
	}

#infoBox {
}

#spName {
	display: block;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #454545;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
}

#spContent {
	display: block;
	font-size: 16px;
	line-height: 18px;
	color: #454545;
	padding-bottom: 10px;
}

#spPrice {
	display: block;
	font-size: 16px;
	line-height: 18px;
	color: #454545;
}

.redborder {
	border: 1px solid red !important;
}

.gds9kdd {
	margin-top: 5px;
	display: none;
}

.ge8dj_2 .title {
	margin: 0px;
	margin: 5px 0;
}

.ge8dj_2 {
	justify-content: space-between;
	display: flex;
}

.msgWrap {
	width: 48%;
}

.edtMsg {
	width: 50%;
}

	.edtMsg .width100, .msgWrap .width100 {
		max-width: 100%;
	}

.numage8infos .input-sm {
	padding: 0px 8px !important;
	height: unset;
	min-height: unset;
	line-height: 1.5;
	font-size: 16px;
	border-radius: 6px;
	max-height: unset;
	height: 30px;
}

.fl-rela {
	max-width: 100%;
}

.fl-peraonname {
	max-width: 100%;
}

.ge8dj_1_3 {
	text-align: right;
	display: flex;
	align-items: center;
}

	.ge8dj_1_3 select {
	}

.numage8infos {
	display: flex;
	justify-content: space-between;
	margin-top: 3px;
}


	.numage8infos label {
		width: 100px;
		padding-right: 20px;
		line-height: 30px;
		font-size: 14px;
	}

	.numage8infos input {
	}

.titleage8 p {
	margin: 0px;
	padding-left: 20px;
}

.ge8dj_1_1 {
	display: flex;
	justify-content: space-between;
}

.imgsge8 {
	width: 100px;
}

	.imgsge8 img {
		width: 100px;
		border-radius: 10px;
	}

.ge8dj_1_2 {
	width: 100px;
	text-align: center;
	line-height: 100px;
}

.titleage8 {
	width: 100%;
}

.ge8dj {
	border-bottom: 2px solid #4a3b30;
	padding-bottom: 10px;
	padding-top: 10px;
}

.ge8dj_1 {
	display: flex;
	justify-content: space-between;
}

.ge8dj_1_1 {
	width: 60%;
}


.table {
	--bs-table-bg: #e9e5da !important;
}


.ge43gs {
	border-top: 2px solid #4a3b30;
	color: #454545;
	margin-top: 10px;
}

.ge4s {
	width: 100px !important;
	text-align: center;
}

.gecg4 {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 0px;
}

.gesf3 {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

	.gesf3 div.col-12 {
		width: 45%;
	}

.process-main {
	width: 100%;
	display: flex;
	background-color: #fff;
	border-radius: 10px;
	padding: 25px 50px 0 50px;
}

.gesjg6 {
	display: none;
}

@media (max-width: 400px) {
	.process-main {
		padding: 0 10px;
		background-color: unset;
	}

	.gecg4 {
		display: block;
	}

	.gesf3 {
		display: block;
		margin-bottom: 5px;
	}

	.ge4s {
		text-align: left;
	}

	.gesf3 div.col-12 {
		width: 100%;
		margin-bottom: 5px;
	}
}

@media (max-width: 700px) {

	.ge43gs {
		margin-top: 10px !important;
	}

	.ge8dj {
		margin-bottom: 0px !important;
	}

	.ge8dj_2 {
		display: block;
	}

	.process-main {
		padding: 0 10px;
		background-color: unset;
	}

	.gecg4 {
		display: block;
	}

	.gesf3 {
		display: block;
		margin-bottom: 5px;
	}

	.ge4s {
		text-align: left;
	}

	.gesf3 div.col-12 {
		width: 100%;
		margin-bottom: 5px;
	}

	.ge8dj_1 {
		display: block;
	}

	.ge8dj_1_1 {
		width: 100%;
	}

	.ge8dj_1_2 {
		display: none !important;
	}

	.gesjg6 {
		display: block !important;
	}

	.titleage8 p {
		padding-left: 10px;
		font-size: 14px;
	}

	.titleage8 {
		flex: 1 1 auto;
		width: 1%;
		min-width: 0;
	}

	.mad3dsbgr3 {
		margin-top: 0 !important;
	}


	.processBar {
		margin-bottom: 0 !important;
	}

	.msgWrap {
		width: 100%;
	}

		.msgWrap .title {
			width: 70px;
			min-width: 70px;
			text-align: right;
			margin: 5px 10px 5px 0;
		}

	.edtMsg {
		width: 100%;
		margin-top: 5px;
	}

		.edtMsg .title {
			width: 70px;
			text-align: right;
			margin: 5px 10px 5px 0;
		}

	.imgsge8 {
		width: 70px;
	}

		.imgsge8 img {
			width: 70px;
			border-radius: 10px;
		}

	.edtMsg .form-control {
		flex: 1 1 auto;
		min-width: 0;
	}

	.msgWrap .form-select {
		flex: 1 1 auto;
		width: 1%;
		min-width: 0;
	}

	.numage8infos label {
		width: 70px;
		margin: 0px 10px 0px 0;
		padding-right: 0;
	}

	.numage8infos .input-sm {
		flex: 1 1 auto;
		width: 150px;
		min-width: 0;
		font-size:14px;
	}

	.flower-content {
		padding: 0px !important;
	}

	.processBar .bar {
		width: 86% !important;
	}

	.fl-peraonname {
		margin-bottom: 5px;
	}

	.gds9kdd .gds9kdd6JK3 {
		margin-top: 5px;
		border-top: 1px dotted #4a3b30;
		padding-top: 5px;
	}
}

.flower-content {
	background-color: #fff;
	padding: 24px;
}




.processBar {
	width: 33%;
	margin-top: 15px;
	margin-bottom: 15px;
}

	.processBar .bar {
		background: rgb(205, 196, 185);
		height: 3px;
		position: relative;
		width: 95%;
		margin-left: 10px;
	}

	.processBar .b-select {
		background: rgb(74,59, 48);
	}

	.processBar .bar .c-step {
		position: absolute;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: rgb(205, 196, 185);
		left: -12px;
		top: 50%;
		margin-top: -4px;
	}

	.processBar .bar .point3 {
		right: -12px;
		left: unset !important;
		top: 50%;
	}

	.processBar .bar .c-select {
		width: 10px;
		height: 10px;
		margin: -5px -2px;
		background: rgb(74,59, 48);
	}

	.processBar .main-hide {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.processBar .poetry {
		color: #8f887e;
		font-family: KaiTi_GB2312, KaiTi, STKaiti;
		font-size: 16px;
		background-color: transparent;
		font-weight: bold;
		font-style: normal;
		text-decoration: none;
	}

		.processBar .poetry.c-select {
			color: #4a3b30;
		}

	.processBar button {
		width: 80px;
		line-height: 30px;
		font-size: 11px;
		color: rgb(116, 42, 149);
		text-align: center;
		border-radius: 6px;
		border: 1px solid #e2e2e2;
		cursor: pointer;
		background-color: #fff;
		outline: none;
	}

		.processBar button:hover {
			border: 1px solid rgb(179, 161, 200);
		}

.div-select-details {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.div-select-details2 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.div-select-details {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
	.div-select-details .btn-sm {
		font-size: 14px;
		line-height: unset;
	}
.div-select-details2 .btn-sm {
	font-size: 14px;
}
.ge8dj_2 .form-control {
	color: #000;
	font-size: 16px;
}

#flower-relation-select ul.infoselect_3 {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
}

#flower-relation-select li {
	padding: 8px 5px;
	border-bottom: 1px solid #ddd;
	border-radius: 5px;
}

#flower-relation-select ul.infoselect_3 li {
	flex-basis: calc(100% / 4);
	box-sizing: border-box;
}

#flower-relation-select li:hover {
	background-color: #005bff;
	cursor: pointer;
	color: #fff;
}

.white-bg {
	background-color: #fff;
}

#flower-details-select ul {
	margin: 0px;
	padding: 0px;
}

#flower-details-select li {
	padding: 8px 5px;
	border-bottom: 1px solid #ddd;
	list-style-type: none;
	border-radius: 5px;
}

	#flower-details-select li:hover {
		background-color: #005bff;
		cursor: pointer;
		color: #fff;
	}

.gds9kdd6JK3 .ge8dj_2 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #7c7c7c;
}

	.gds9kdd6JK3 .ge8dj_2:last-child {
		border-bottom: 0 !important;
	}
.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.container-kfp {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	background: #e9e5da;
	padding-bottom: 3rem;
	max-width: 1200px;
	border-left: 1px solid #cacaca;
	border-right: 1px solid #cacaca;
}
.banquan_topbj {
	background: #f5f5f5;
}
.mad3dsbgr3{
	margin-top:10px;
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) {
	position: absolute !important;
}
.form-select {
	--bs-border-width: 1px;
	background-color: #fff;
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
	color: #212529;
	border: 1px solid #9a9ea1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.form-select:focus {
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 .25rem rgba(13,110,253,.25)
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
	--bs-border-width: 1px;
	margin-left: calc(var(--bs-border-width) * -1);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.input-group-text {
	background-color: #f8f9fa;
	border: 1px solid #9a9ea1;
	border-radius: 6px;
	color: #212529;
}
.flex-center-between{
	display:flex;
	align-content:center;
	justify-content:space-between;
	align-items:center;
}

.btn-close {
	font-size: 24px;
}
.bgfff{
	background-color:#fff;
}