/* -----------------------------------------------

		       Cookie Area CSS

----------------------------------------------- */

.cookie_area {

	background: url("../images/bg-img/lightgreen-half-square.png") right bottom no-repeat;

	background-size: auto;

}

.cookie_area .main_title h1 {

	margin-bottom: 0;
	font-weight: 600;
	font-family: "Sarabun";

}

.bg-lightbrown {

  background-color: #f6efe8;

}

.cookieConsent { }

.cookieConsent h5,

.cookieConsent p {

	color: brown;

	letter-spacing: 0.2px;

	margin-bottom: 7px;

	word-wrap: break-word;

}

.cookieConsent h5::before {

	content: "\f564";

	font-family: "Font Awesome 6 Free";

	font-size: 22px;

	font-weight: 900;

	margin-right: 8px;

}

.cookieConsent p {

	color: #4d4d4d;

	font-size: 17px;

	text-indent: 30px;

	font-family: "Sarabun";

	margin-bottom: 30px;

}

.cookieConsent a {

	display: inline-block;

  	color: #df7a4b;

  	text-indent: 0;

}

.cookieConsent a:hover {

	color: #df7a4b;

	font-weight: 500;

	text-decoration: underline !important;

}



ul.cookieObjective {

  	padding: 5px 0 0 50px;

  	margin: 0 0 30px 0;

  	list-style-position: outside;

}

ul.cookieObjective li {

  	font-family: "Sarabun";

  	color: #4d4d4d;

  	margin: 0 0 20px 0;

  	line-height: 1.7;

}

ul.cookieObjective li::marker,

ul.cookieObjective li > strong {

	color: black;

}

ul.cookieObjective li > strong {

	display: block !important;

}



.cookieTabledetail {

	margin: 30px 0 60px 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;

	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: #4d4d4d;

} 

.cookieTabledetail table tbody ul {

	padding: 0 0 0 30%;

	margin: 0;

}

.cookieTabledetail table tbody ul li {

	text-align: start;

}

.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-polygon.jpg");

	background-position: center center;

	background-repeat: no-repeat;

	background-color: rgba(0, 0, 0, .5);

	background-size: cover;

}

.cookieWarningtext p {

	color: red;

	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-polygon.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: darkgreen;

	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 #4d4d4d;

    	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;

	}

}