/*
	.Mask	{background: rgb(255   0   0 / 20%);}
	.Outer	{background: rgb(  0 255   0 / 20%);}
	.Head	{background: rgb(  0   0 255 / 20%);}
	.Body	{background: rgb(255 255   0 / 20%);}
	.Foot	{background: rgb(  0 255 255 / 20%);}
	.DC,
	.DCa,
	.DCb	{background-color:#2ca20242;}

	.tA-PC, .tB-PC, .tC-PC, .tD-PC,         .tE-PC, .tF-PC, .tX-PC, .tG-PC,
	.mA-PC, .mB-PC, .mC-PC, .mD-PC, .mS-PC, .mE-PC, .mF-PC, .mX-PC, .mG-PC
		{background-color: #ff00c442;}
*/

	.hint {background-color: #FFF9C4;}


	textarea {
		font-size: 28px;
		line-height: 48px;
		padding: 20px;
		width: 100%;
		height: 700px;
		resize: none;"
	}

	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: 20px;
		background-color: white;
	}

	.rowwrap {
		white-space: nowrap;
		margin: 100px;
	}

/*
	.page-container {
		margin:50px;
	}
*/

	.content {
		width:fit-content;
		xxxheight: 1640px;
		height: 1684px;

		margin: 0 10px;
		padding: 0;

		background: white;
		border: solid 1px #000;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);		/* box-shadow:右移 下移 外擴 顏色;			 */
								/* box-shadow不是能是none 外擴也不能為0 透明度也不能為0; */
								/* 否則在edge預覽時，會一直轉圈跑不出來			 */


		position:relative;
		display: inline-table;
	}

	.note  {
		width: 1116px;

		margin: 0 auto;
		padding: 25mm;

		line-height: 40px;

		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: 20px 10px;
		width: fit-content;
		cursor: pointer;
		display: flex;
	}

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

	.OdrImg {
		width: 1192px;
		xxxheight: 1640px;
		height: 1684px;
		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 !important; 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;
		padding:0;
	}
/*
	.page-container {
		margin:0;
	}
*/

	.rowwrap {
		white-space: break-spaces;
		margin: 0;
	}

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



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

}