body {
		font-family: 'charmonman', sans-serif;
		background: rgb(204,204,204); 
	}
	
	.ql-editor .ql-size-huge {font-size: 1.5em !important;}
	.ql-editor .ql-size-large {font-size: 1.2em !important;;}
	.ql-size-huge {font-size: 1.5em !important;}
	.ql-size-large {font-size: 1.2em !important;;}
	.ql-container {font-size: 18px !important;}
	.ql-align-center{text-align:center !important}
	.ql-align-right{text-align:right !important}
	
	.ql-editor .ql-indent-1:not(.ql-direction-rtl) {padding-left: 3em;}
	.ql-indent-1:not(.ql-direction-rtl) {padding-left: 3em;}
	.ql-indent-2:not(.ql-direction-rtl) {padding-left: 6em;}
	.ql-indent-3:not(.ql-direction-rtl) {padding-left: 9em;}
	
	.charmonman{font-family: 'Charmonman', cursive;}
	.cmm{font-family: 'Charmonman', cursive;}
	.k2d{font-family: 'K2D', sans-serif;}
	.kanit{font-family: 'Kanit', sans-serif;}
	#headPage {line-height: 38px;font-weight: bold;font-family: 'K2D', sans-serif;}
	#ownCard td{font-family: 'K2D', cursive !important;}
		
	h1,h2,h3,h4,p{margin:1px 1px 5px 1px  !important; color:#ffffff;	}
	h1{font-size:26px !important}
	h2{font-size:22px !important}
	h3{font-size:20px !important}
	h4{font-size:18px !important}
	p{font-size:16 !important;}
 	
	.img-print{
		max-height:200px;
		border-radius:10px;
		text-align:center;
	}
	.align-center{text-align:center}
	input.chk-service {
		width: 20px;
		height: 20px;
		margin-right:6px;
	}
	input.largerCheckbox {
		width: 20px;
		height: 20px;
		margin-right:6px;
	}
	.bold-600{font-weight:600 !important;}
	.hide{display:none !important}
	.boxImg{position:relative;max-height:800px !important;border:0px solid #bbbbbb;text-align:center;}
	.img{max-width:100% !important;}
	.aml-img{width:100% !important;}
	.txt-left{text-align:left !important;}
	.txt-title{font-size:28px;font-weight:500;}
	.txtBox{position:relative !important;-webkit-user-modify: read-write;-moz-user-modify: read-write;user-modify: read-write;}
	.delTxtBox {position: absolute; top: -14px; right: -9px; z-index: 9; background-color: #ea0101; color: #ffffff; font-size: 13; width: 20px; height: 20px; border-radius: 50%; padding-left: 6px; font-weight: bold; cursor:pointer; }
	.boxEdit {border: 1px solid #00b300;width: 22; height: 22px; position: absolute; top: -13px; border-radius: 50%;}
	.boxOK {position: absolute; border: 1px solid #b32d00; width: 22; height: 22px; bottom: -24px; right: 0; }
	.boxTxt{position:relative !important}
	.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {	opacity: 1  !important;}
	.pageNo {width: 100px; background-color: #ff0000; color: #ffffff; text-align: center; height: 200px; position: absolute; top: 0; right: 14px; z-index: 9999 !important; }
	.color-white{color:#ffffff !important}

	/*Layout 7*/
		.boximg7{width:200px;}
		.boximg7 img {filter: drop-shadow(3px 3px 3px #222222d4);}
		.boximg71{position:absolute;left:150px;top:255px}
		.boximg72{position:absolute;right:150px;top:255px}
		.boximg73{position:absolute;left:60px;top:450px}
		.boximg74{position:absolute;right:60px;top:450px}
		.boximg75{position:absolute;left:150px;top:640px}
		.boximg76{position:absolute;right:150px;top:640px}
		.img7{position:absolute;top:400px;left:285px;}

	/*Layout 9*/
		.boximg9{width:200px;}
		.boximg9 img {filter: drop-shadow(3px 3px 3px #222222d4);}
		.boximg91{position:absolute;left:150px;top:255px}
		.boximg92{position:absolute;right:150px;top:255px}
		.boximg93{position:absolute;left:60px;top:420px}
		.boximg94{position:absolute;right:60px;top:420px}
		.boximg95{position:absolute;left:60px;top:590px}
		.boximg96{position:absolute;right:60px;top:590px}
		.boximg97{position:absolute;left:150px;top:750px}
		.boximg98{position:absolute;right:150px;top:750px}
		.img9{position:absolute;top:390px;left:295px;}
		.imgMainCenter{position:absolute;top:390px;left:295px;}

	/*Layout9New*/
		.imgLayout9{width:220px;}
		.imgLayout9 img {filter: drop-shadow(3px 3px 3px #222222d4);}
		
		.imgLayout91{position:absolute;left:150px;top:0px}
		.imgLayout92{position:absolute;right:150px;top:0px}
		
		.imgLayout93{position:absolute;left:60px;top:150px}
		.imgLayout94{position:absolute;right:60px;top:150px}
		
		.imgLayout95{position:absolute;left:60px;top:310px}
		.imgLayout96{position:absolute;right:60px;top:310px}
		
		.imgLayout97{position:absolute;left:150px;top:460px}
		.imgLayout98{position:absolute;right:150px;top:460px}
		
		.imgLayout99{position:absolute;top:390px;left:295px;}
	/*------*/	
		
	
	/*Layout17*/
		.boxBody17{top:200px;}
		.boxFix17{width:100%;left:0;top:0;height:100%;z-index:0;text-align:center;}
		.boxBody17 {position: relative;width: 793px;height: 630px;border: 0px solid;}
		.boxTbl171 {position: absolute; border:0px solid #bbbbbb; top: 16px; left: 145px; width:222px !important; height:108px }
		.boxTbl172 {position: absolute; border:0px solid #bbbbbb; top: 16px; right: 145px; width:222px !important; height:108px }
		.boxTbl173 {position: absolute; border:0px solid #bbbbbb; top: 170px; left: 75px; width:222px !important; height:108px }
		.boxTbl174 {position: absolute; border:0px solid #bbbbbb; top: 170px; right: 75px; width:222px !important; height:108px }
		.boxTbl175 {position: absolute; border:0px solid #bbbbbb; top: 345px; left: 75px; width:222px !important; height:108px }
		.boxTbl176 {position: absolute; border:0px solid #bbbbbb; top: 345px; right: 75px; width:222px !important; height:108px }
		.boxTbl177 {position: absolute; border:0px solid #bbbbbb; bottom: 16px; left: 145px; width:222px !important; height:108px }
		.boxTbl178 {position: absolute; border:0px solid #bbbbbb; bottom: 16px; right: 145px; width:222px !important; height:108px }
		.tbl17{border-collapse:collapse;width:100%;height:108px;}
		.tbl17 tr td{text-align:center;width:50%}
		.width-full{max-width:100%;}
		.aName17{left: -160px; top: 112px;}
		.aName217{left: -180px; top: 135px;}
		.pic17{top:112px;}
		.boxBody17 img{filter: drop-shadow(5px 5px 5px #222);}



	.boxShadow1{box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;}
	/*.boxShadow {box-shadow: rgba(28, 28, 28, 0.99) 0px 3px 8px;padding:0;}*/

	.font-38{font-size:38px !important;}
	.boxMove{top:80px;cursor:move;}
	.amlType{position:absolute;left:60px;}
	.amlName{position:absolute;top:140px;left:60px;}
	.pdName{width:650px;top:180px;left:60px;right:20px;text-align:left;padding:0;}	

	.boxTblDetail {position: absolute; background-color: rgba(255, 255, 255, 0.06); width: 650px; height: 200px; bottom: 100px; left: 60px; top: 789px; border-radius: 20px; padding: 10px; }
	.ownCard .ui-icon-gripsmall-diagonal-se {display: none !important;}
	.ownCard {
		min-width: 400px;
		height: 70px;
		border: 3px solid rgb(52, 97, 188);
		background-color: rgba(255, 255, 255, 0.79);
		border-radius: 10px;
		padding: 10px;
		cursor: move;
	}

	.aName{top:60}
	.tbLineBottom{border-bottom:3px solid #ffffff !important;}
	.tbLineLR{border-left:3px solid #ffffff !important;border-right:3px solid #ffffff !important;}
	.font-14{font-size:14px !important;}
	.font-16{font-size:16px !important;}
	.font-18{font-size:18px !important;}
	.font-20{font-size:20px !important;}
	.font-22{font-size:22px !important;}
	.font-24{font-size:24px !important;}
	.font-26{font-size:26px !important;}
	.font-28{font-size:32px !important;}	
	.font-32{font-size:32px !important;}
	.font-36{font-size:36px !important;}
	.font-38{font-size:38px !important;}
	.font-40{font-size:40px !important;}
	.font-42{font-size:42px !important;}

	.bold-200{font-weight:200 !important;}	
	.bold-300{font-weight:300 !important;}	
	.bold-400{font-weight:400 !important;}	

	.boxMove{top:50px;}

	.aName{left: 42px; top: 69px;}
	.aName2{left: 42px; top: 90px;}


	.tbLineBottom{border-bottom:3px solid #ffffff !important;}
	.tbLineLR{border-left:3px solid #ffffff !important;border-right:3px solid #ffffff !important;}

	/*iconMove*/
	.amlImg{top:80px;}
	.amlImg img {filter: drop-shadow(5px 5px 5px #222);}
	.amlImg:hover .ui-icon-gripsmall-diagonal-se{
		background-color: #00ff7f;
		cursor:resize;
		opacity:1;
	}

	.ui-icon-gripsmall-diagonal-se:hover {
		background-color: #ff0000!important;
		cursor:resize;
		opacity:.9;
	}
	.ui-icon-gripsmall-diagonal-se {
		background-position: -64px -224px;
		position:relative;
		float:right;
		opacity:0;
	}
	
	.pageTitle {font-family: 'K2D', sans-serif;}
	.amlMsg{font-family: K2D !important;font-weight: 200;line-height: 26px;font-size: 14px;}
	.imgMain{width:142px;}
	#tblAmlImg td{height:150px !important;}
	.imgFocus{height:132px;filter: drop-shadow(5px 5px 5px #222);}
	#boxMsg{padding:10px}	
	#boxMsg p{color:#fff}
	#boxMsg p span{color:#fff !important}	
	
	
	

	page[size="A4"] {
		width: 21cm;
		height: 29.4cm;
		display: block;
		margin: 0 auto;
		margin-bottom: 0.5cm;
		box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
		background-image:url('/images/bg/bg.jpg?v=10001'); 
		background-size:cover;
	}	
	
	
	@media print {
	  body, page[size="A4"] {
		 width: 21cm;
		 height: 29.4cm;
		 display: block;
		 margin: 0 auto;
		 padding: 0;
		 box-shadow: unset !important;
		 background-color:#ff0000;
		 /* background-size: cover; */
		 /* background-position: center top; */
		 /* background-image: url('/images/bg/bg.jpg?v=10001');  */
	  }
	  
	  .no-print {display: none !important;}
	  .btnPrint{display:none !important;}
	  .delTxtBox{display:none!important;}
	  .boxTitle{border:0 !important;}
	  #boxBody{background-image:unset;}
	  #boxRetate{display:none !important;}
	}