/** Use with "ACCEPT_COOKIE" 
 * ============================================================
 * <link rel="stylesheet" href="{{ asset('css/accept-cookie.css') }}">
 * ใช้กับแถบประกาศการใช้งานคุ้กกี้
*/
/* ACD: Accept Cookie Detail */
#acd
{
	display:inline-block;
	position:fixed;
	right:-400px;
	width:400px;
	min-height:100vh;	
	background:#fff;
	z-index:99;
	/* right:0; */

	max-height:100ch;
	overflow:scroll;
}

@keyframes acd_open
{
	from { right:-400px; }	
	to { right:0; }
}

@keyframes acd_close
{
	from { right:0; }	
	to { right:-400px; }
}
/* ACDB: Accept Cookie Detail Background */
#acdb
{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100vh;
	background:#000;
	z-index:99;
	cursor:pointer;

	opacity:0;
	display:none;
}

@keyframes acdb_fadein
{
	from { opacity:0; }
	to { opacity:0.5; }
}

@keyframes acdb_fadeout
{
	from { opacity:0.5; }
	to { opacity:0; }
}


/* acd > content */
/* acd > content - header */
#acd .header
{
	padding:1rem;
	border-bottom:solid 1px #e9e9e9;
}
#acd .header .title
{
	font-weight:bold;
	line-height:1.5rem;
}
#acd .header .btn-close
{
	float:right;
	cursor:pointer;
	padding:0.2rem;
}
/* acd > content - boyd */
#acd .body
{
	padding:1rem;
	font-size:0.82rem;
	
}
#acd .body h1
{
	font-size:1.2rem;
	font-weight:bold;
	margin-bottom:0.8rem;
}
#acd .body h2
{
	font-size:1rem;
	font-weight:bold;
	margin-bottom:0.8rem;
}