body	{
		font-family:	"Microsoft YaHei", "Microsoft JhengHei", "PMingLiU", 
				"Helvetica Neue", Helvetica, Arial, "Century Gothic", sans-serif;
		text-align:center;
		user-select:none;

		width: fit-content;

		margin:0;
		padding: 0;

		color:blue;
		background-color: #E0E0E0;
		position:relative;
	}

	td	{
		text-align:right;
		padding: 0 3px;
		border: solid 1px;
		font-size: small;
	}

	.page-container {
		margin:50px;
	}

	.content {
		width:fit-content;
		height: 1564px;

		margin: 0 auto;
		padding: 10mm;

		background: white;
		border: solid 1px #000;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

		position:relative;
	}

	.note  {
		width: 1116px;

		margin: 0 auto;
		padding: 10mm;

		line-height: 60px;

		background: white;
		border: solid 1px #000;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);

		position:relative;

		font-size: xx-large;
/*		user-select: all;*/
	}

	.note-android		{ display: block;	}
	.note-ios		{ display: none;	}
	.is-ios .note-android	{ display: none;	}
	.is-ios .note-ios	{ display: block;	}

	.note-android  img	{
		width:300px;
		border:solid 1px #000;
		vertical-align:text-top;
		margin-bottom:20px;
	}

	.note-ios  img	{
		height:42px;
		vertical-align:text-bottom;
		padding:0 10px;
	}

	.OdrImg {
		width: 1116px;
		height: 1564px;
		position:relative;
	}

	.tal	{text-align: left;	}
	.tac	{text-align: center;	}
	.tar	{text-align: right;	}

	/* div在div內的位置：   垂直位置:                    水平位置:            */
	.F1 { display: flex; align-items: flex-start; justify-content: flex-start; }
	.F2 { display: flex; align-items: flex-start; justify-content: center;     }
	.F3 { display: flex; align-items: flex-start; justify-content: flex-end;   }
	.F4 { display: flex; align-items: center;     justify-content: flex-start; }
	.F5 { display: flex; align-items: center;     justify-content: center;     }
	.F6 { display: flex; align-items: center;     justify-content: flex-end;   }
	.F7 { display: flex; align-items: flex-end;   justify-content: flex-start; }
	.F8 { display: flex; align-items: flex-end;   justify-content: center;     }
	.F9 { display: flex; align-items: flex-end;   justify-content: flex-end;   }



@media print {

	@page {
		size: A4;
		margin: 0;
	}

	body {
		box-shadow: none;
		position:relative;
	}

	.page-container {
		margin:0;
	}

	.content {
		break-after: page;
		border: none;
		box-shadow: 0 0 5px #FFF;	/* box-shadow:右移 下移 外擴 顏色;			 */
						/* box-shadow不是能是none 外擴也不能為0 透明度也不能為0; */
						/* 否則在edge預覽時，會一直轉圈跑不出來			 */
	}



	/* 當偵測到是iOS裝置時，調整內容寬高以抵銷系統邊界 */
	.is-ios .content {
		padding: 0;
	}

	.no-print { display: none !important; }

}