update

resources/web/guide/21/21.css

@@ -0,0 +1,126 @@
+
+#Content
+{
+	overflow-y:auto;
+}
+
+.BlockBanner
+{
+	padding: 0px;
+	border-bottom:#4479FB 1px solid;
+	width: 100%;
+}
+
+
+.BannerBtns
+{
+	float: right;
+	display: flex;
+	width: 140px;
+	justify-content: space-around;
+	align-items: center;
+	height: 40px;
+	text-align: center;
+	margin-right: 10px;
+}
+
+.BlockBanner  a
+{
+	display: inline-block;
+	background-color:#4479FB;
+	line-height: 40px;
+	height: 40px;
+	padding: 0px 24px;
+	color: #fff;
+}
+
+.PrinterArea
+{
+	padding: 0px;
+	display: flex;
+	flex-wrap: wrap;
+}
+
+.PrinterBlock
+{
+	width: 160px;
+	text-align: center;
+	padding: 8px;
+}
+
+.PrinterBlock img
+{
+	width:160px;
+	height: 160px;
+}
+
+.PName
+{
+	font-weight: 700;
+	text-align: left;
+}
+
+.pNozzel
+{
+	display: flex;
+	align-items: center;
+	justify-content:flex-start;
+	color: #5A5A5A;	
+	padding-left: 10px;
+}
+
+.pNozzel input
+{
+	vertical-align: middle;
+	margin-right: 5px;
+}
+
+
+/*-----Notice-----*/
+#NoticeMask
+{
+	background-color: #000;
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	right: 0px;
+	bottom: 0px;
+	opacity: 0.05;
+	display: none;
+}
+
+#NoticeBody
+{
+	display: none;
+	width: 400px;
+	border-width: 1px;
+	border-style: solid;
+	border-radius: 4px;
+	background-color: inherit;	
+	position: absolute;
+	left: 50%;
+	top: 200px;
+	margin-left: -200px;
+}
+
+#NoticeBar
+{
+	background-color:#4479FB;	/* y96 */
+	height: 40px;
+	line-height: 40px;
+	color: #fff;
+	text-align: center;
+}
+
+#NoticeContent
+{
+	padding: 4mm 10mm;	
+}
+
+
+#NoticeBtns
+{
+	margin-top: 4mm;
+	display: flex;
+	justify-content:space-around;
+}