html,body
		{
			background:#0f1f22;
			user-select: none;
			-webkit-user-select:none;
			-webkit-touch-callout:none;
			-moz-user-select:none;
		}

		.box
		{
			width:607px;
			height:852px;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			background:url('../../../../public/ictknowledge/frontend/image/cards_border/verify_b	order.png') no-repeat #F4F0E4;
			/*background:url("{{asset('/ictknowledge/frontend/image/cards_border/verify_border.png')}}") no-repeat #F4F0E4;*/
			
			
		}

		  .box .deep
		{
			margin:70px;
			overflow: hidden;
		}

		.box .deep .header .logo img
		{
			width:60px; 
			height:60px;
			float: left;
		}

		.box .deep .header .title 
		{
			float: left;
			text-align: center;
			margin-left: 5px;
		}

		.box .deep .header .title p 
		{
		 	margin: 0px; 
		 	padding: 0px;
		 	font-size: 15px;
		 	color:#f00;
		 	font-family: 'times' serif;
		}	 
		.box .deep .header .title h2 
		{
			margin: 0px; 
			padding: 0px; 
			font-size:18px;	
			line-height: 20px;
			font-family: 'times' sans-serif;
			color: #0BA251;	
		}
		.box .deep .header .title h3 
		{
			margin: 0px; 
			padding: 0px;
			font-size: 16px;
			font-weight: bold;
			color: #0EA9E3;
		}
		.box .deep .header .title h4 
		{
			margin: 0px; 
			padding: 0px;
			font-size: 14px;
			line-height: 20px;
			color: #f00;
		}


		.box .deep .profile
		{
			position: relative;
			left: 50%;
			transform: translateX(-50%);
			margin-top:10px;
			width: 120px;
			height: 120px;
			
			
		}

		.box .deep .profile img
		{
			width: 100%;
			height: 100%;
			box-shadow: 0px 5px 10px #282828;
			border:1px solid #000;
			transition: 0.5s;
			border-radius:50%;
			z-index: 2;
		}

		.box .deep .profile img:hover
		{
			border:1px solid #f00;
			box-shadow: 0px 5px 10px #280000;

		}

		.box .deep  .name
		{
			text-align: center;
			margin:10px 0px;

		}

		.box .deep  .name h4 
		{
			margin: 0px; 
			padding: 0px; 
			font-size:25px; 
			font-weight: bold; 
			color:#000080;
		}

		.box .deep  .name h2
		{
			margin: 0px; 
			padding: 0px; 
			font-size:16px; 
			color:#0BA251; 
			font-weight: bold;
		}

		.box .deep .name p 
		{
			margin: 0px; 
			padding: 0px; 
			font-size: 20px;
			 font-style: italic;
			}
		
		.box .deep .desc
		{
			margin: 5px;
			background: #fff;
			padding:5px 10px;
			border:2px solid #00f;
			border-radius: 10px;
			box-shadow:0 0px 25px rgba(255,255,255,.5);	
			animation:boxShadow 2s infinite;

		}

		.box .deep .desc p 
		{
			text-align: justify;
			font-size: 14px;
			color: #000;
			font-family: 'times' serif;
			user-select: none;
			-webkit-user-select:none;
			-webkit-touch-callout:none;
			-moz-user-select:none;
		}




@keyframes boxShadow
{
	0%
	{
		box-shadow:0 0px 25px rgba(255,255,255,.5);
	}
	20%
	{
		box-shadow:0 0px 25px rgba(0,255,255,.5);
	}
	40%
	{
		box-shadow:0 0px 25px rgba(255,0,255,.5);
	}
	60%
	{
		box-shadow:0 0px 25px rgba(255,255,0,.5);
	}
	80%
	{
		box-shadow:0 0px 25px rgba(255,0,0,.5);
	}
	100%
	{
		box-shadow:0 0px 25px rgba(255,255,255,.5);
	}
	
}

@media print { 
 body,html{  content: 'disabled'; display: ; } 
}