/* -----------------------------------
	      Cookie CSS
----------------------------------- */
.cookie-area {
	padding: 30px 0;
}
.bg-lightbrown {
	background-color: #f6efe8;
}
.cookieConsent { }
.cookieConsent h4,
.cookieObjective h4 {
	font-family: "Kanit";
	font-size: 22px;
	color: brown;
	letter-spacing: 0.3px;
	margin-bottom: 5px;
}
.cookieConsent h4::before,
.cookieObjective h4::before  {
	content: "\f564";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	olor: #6d391f;
	margin-right: 10px;
}
.cookieConsent p {
	font-family: "Sarabun";
	color: #666;
	margin-bottom: 30px;
	text-indent: 32px;
	word-wrap: break-word;
}
.cookieConsent a {
	display: inline-block;
	color: #df7a4b;
	text-indent: 0;
}
.cookieConsent a:hover {
	text-decoration: none;
	color: #6d391f;
	font-weight: 600;
	transition-duration: 200ms;
}
ul.cookieObjective {
	padding: 15px 0 0 50px;
	margin: 0;
	list-style-position: outside;
}
ul.cookieObjective li {
	font-family: "Sarabun";
	color: #666;
	margin: 0 0 20px 0;
	line-height: 1.7;
}
ul.cookieObjective li::marker {
	color: #343a40;
}
ul.cookieObjective li > strong {
	color: #343a40;
	display: block !important;
}

.cookieTabledetail {
	margin: 30px 0;
}
.cookieTabledetail table {
  	border: 1px solid #ccc;
  	border-collapse: collapse;
  	margin: 0;
  	padding: 0;
  	width: 100%;
  	table-layout: fixed;
}
.cookieTabledetail table tr {
  	border: 1px solid #ddd;
  	padding: .35em;
}
.cookieTabledetail table th,
.cookieTabledetail table td {
  	padding: .625em;
  	text-align: center;
}
.cookieTabledetail table th {
  	font-size: 18px;
	font-family: "Kanit";
	letter-spacing: 0.35px;
	font-weight: 500;
}
.cookieTabledetail table th:first-child,
.cookieTabledetail table td:first-child {
	width: 25%;
}
.cookieTabledetail table th:nth-child(2),
.cookieTabledetail table td:nth-child(2) {
  	border-left: 1px solid #ddd;
  	border-right: 1px solid #ddd;
	text-align: start;
	word-wrap: break-word;
}
.cookieTabledetail table th:nth-child(2){
	text-align: center;
}
.cookieTabledetail table th:last-child,
.cookieTabledetail table td:last-child {
	width: 25%;
}
.cookieTabledetail table tbody {
	color: #666;
} 
.cookieTabledetail table tbody ul {
	padding: 0 0 0 50px;
	margin: 0;
}
.cookieTabledetail table tbody ul li {
	text-align: left;
}
.cookiePerferance {
	margin: 0 0 30px 0;
	max-height: 420px;
	height: 320px;
	background-image: url("../images/core-img/aw_cookie-perferance.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.cookieBrowser {
	margin: 0 0 15px 0;
}
.cookieBrowser a {
	display: block;
}
.cookieBrowser a > img {
	border: 2px solid navy;
	border-radius: 10px;
	margin: 0 auto 15px auto;
	filter: grayscale(45%);
}
.cookieBrowser a > img:hover {
	filter: grayscale(0%);
	border: 2px solid #1c66de;
}

.cookieWarningtext {
	padding: 30px 0;
	background-image: url("../images/bg-img/bg-servicetype.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-color: rgba(0, 0, 0, .5);
	background-blend-mode: multiply;
	background-size: cove;
}
.cookieWarningtext p {
	color: yellow;
	text-indent: 30px;
	font-family: "Sarabun";
	word-wrap: break-word;
	margin-bottom: 0;
}

.addr { }
.addr .card {
	padding: 2rem;
	border-radius: 10px;
	background: url("../images/bg-img/bg-bank-detail.jpg") center center no-repeat;
	background-size: cover;
}
.addr .card .card-body {
	padding: 0;
	word-wrap: break-word;
}
.addr .card .card-title {
	color: currentColor;
	font-size: 20px;
}
.addr .card .card-text {
	text-indent: 0;
	margin: 0;
}
.addr .card i {
	font-size: 90px;
	color: #666;
	margin-bottom: 20px;
}

@media screen and (max-width: 600px) {
	.cookieTabledetail table {
    	border: 0;
  	}
  	.cookieTabledetail table thead {
    	border: none;
    	clip: rect(0 0 0 0);
    	height: 1px;
    	margin: -1px;
    	overflow: hidden;
    	padding: 0;
    	position: absolute;
    	width: 1px;
  	}
  	.cookieTabledetail table tr {
    	border-bottom: 3px solid #666;
    	display: block;
    	margin-bottom: .625em;
  	}
  	.cookieTabledetail table td {
    	border-bottom: 1px solid #ddd;
    	display: block;
    	text-align: start;
  	}
  	.cookieTabledetail table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    	content: attr(data-label);
    	font-weight: 600;
    	width: 100%;
		display: flex;
		color: #df7a4b;
		margin-bottom: 5px;
		letter-spacing: 0.45px;
  	}
	.cookieTabledetail table th:first-child,
	.cookieTabledetail table td:first-child,
	.cookieTabledetail table th:last-child,
	.cookieTabledetail table td:last-child {
		width: auto;
	}
	.cookieTabledetail table th:nth-child(2),
	.cookieTabledetail table td:nth-child(2){
		border-left: none;
		border-right: none;
	}
  	.cookieTabledetail table td:last-child {
    	border-bottom: 0;
  	}
	.cookieTabledetail table tbody ul {
  		padding: 0 0 0 30px;
	}
	.cookiePerferance {
		display: none;
	}
}
@media (max-width: 767px){
	.addr .card {
  		padding: 1.5rem;
	}
	.addr .card p.card-text > br {
		display: none;
	}
	.cookie-area {
		padding: 0;
	}
	.cookieConsent .col-md-2 {
		display: none;
	}
	ul.cookieObjective {
  		padding: 15px 0 0 30px;
	}
	.cookieTabledetail {
		margin: 0 0 30px 0;
	}
	.cookieBrowser .col-md-3 {
		width: 50%;
	}
	.cookieWarningtext {
		background-position: left center;
	}
}
@media (min-width: 1367px){
	.cookiePerferance {
  		height: 420px;
	}
	.addr .card {
		max-height: 404px;
		height: 404px;
	}
}