#complete {
	display: none;
	padding-top: 2em;
	padding-bottom: 3rem;
	text-align: center;
}
body[data-step="complete"] #complete {
	display: flex;
	height: 60vh;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;

}
	#complete .title {
		font-family: "Zen Kaku Gothic New", sans-serif;
		margin-bottom: 3em;
	}
		#complete .title > b {
			font-size: 0.75em;
			font-weight: 900;
			margin-right: -0.6em;
		}
		#complete .title > b::after {
			content: "";
			background-image: url(/share/im/append/ill_cong.svg);
			background-size: contain;
			display: inline-block;
			margin-right: 0.4em;
			vertical-align: -0.25em;
			width: 1.8em;
			height: 1.8em;
		}
		#complete .title .en {
			display: block;
			font-size: 1.2em;
			margin-top: 0.3em;
			font-weight: 800;
			letter-spacing: 0.03em;
		}
#complete .codes {
	margin-bottom: 4.5em;
}
	#complete .codes h5 {
		font-size: 0.9em;
		font-weight: 600;
		opacity: 0.8;
		line-height: 1em;
		margin-bottom: 1em;
	}
	#complete .codes #ordercode {
		font-size: 0.9em;
		font-weight: 400;
		display: block;
		padding: 0.6em 0.5em;
		margin-bottom: 1.4em;
		line-height: 1.4em;
		background-color: #e0e0e0;
		border: solid 3px #8b8b8b;
		border-radius: 0.4em;
	}

#complete .codes .bt.codecopy {
	background-image: url(/share/im/append/mrk_clipcopy.svg);
}
#complete .codes .bt.codecopy:active {
	background-color: #888;
}
#complete[data-iscodecopied="true"] .codes .bt.codecopy {
	background-image: url(/share/im/mrk_check-wh2.svg);
}

#completeOrderGuide {
	text-align: left;
	font-size: 0.9em;
	font-weight: 500;
	line-height: 1.7em;
	padding: 1.0em 1.2em;
	background-color: #FBE95B;
	background-image: url(/share/im/append/mrk_help.svg);
	background-position: left 1.2em top 1.2em;
	border-radius: 0.6em;
}
	#completeOrderGuide > * {
		line-height: inherit;
	}
	#completeOrderGuide .first {
		padding-left: 2.9em;
		margin-bottom: 0.8em;
	}
#completeOrderGuide ol {
	list-style-type: decimal;
	list-style-position: outside;
	margin-left: 1.6em;
	padding: 0;
}
	#completeOrderGuide ol li {
		font-weight: 600;
		margin: 0.5em;
	}
#complete nav.cart {
	width: 100%;
}
	#complete nav.cart .cartin {
		font-size: 1.1em;
		font-weight: 600;
		background-image: url(/share/im/nv_simar-wh.svg);
		background-position: right 1em center;
	}