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: 300px 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;
	}

	.btn {
		padding: 30px 40px;
		font-size: 40px;
		border-radius: 20px;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
		margin: 30px auto;
		width: fit-content;
		cursor: pointer;
		display: flex;
	}

	#pdf-download-link {
		background-color: #4CAF50;
		color: white;
	}

	.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預覽時，會一直轉圈跑不出來			 */
	}



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

}