﻿.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;
	padding: 0 0 4px;
}

#imgLists {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
}

.modal-content {
	background-color: rgb(205, 196, 185) !important;
}

#imgLists li {
	float: left;
	list-style: none;
	margin: 0 4px 0 0;
	padding: 0;
	width: 20%;
}

	#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: 0.15rem 0.5rem !important;
}

.fl-rela {
	max-width: 100%;
}

.fl-death {
	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;
	}

	.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: 20px;
}

.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: #efece3;
	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;
	}

	.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-details-select li{
		font-size:14px;
	}
	.modal-body {
		padding: 5px;
	}
}

.flower-content {
	background-color: #e9e5da;
	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;
}

#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;
	}
