@media only screen and (min-width: 768px) and (max-width: 1023px) {
	#wrapper {
		position: relative;
		width: 100%;
		height: auto;
		min-height: 100vh;
		display: block;	
		padding: 0;
		overflow: hidden;
	}
	@-webkit-keyframes hvr-pop {
	  50% {
		-webkit-transform: scale(1.1); 
		transform: scale(1.1);
	  }
	}
	@keyframes hvr-pop {
	  50% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	  }
	}
	.hvr-pop {
	  display: inline-block;
	  vertical-align: middle;ห
	  -webkit-transform: perspective(0.5px) translateZ(0);
	  transform: perspective(0.5px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	}
	.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
	  -webkit-animation-name: hvr-pop;
	  animation-name: hvr-pop;
	  -webkit-animation-duration: 0.2s;
	  animation-duration: 0.2s;
	  -webkit-animation-timing-function: linear;
	  animation-timing-function: linear;
	  -webkit-animation-iteration-count: 1;
	  animation-iteration-count: 1;
	}
	.blind {
		pointer-events: none;	
		filter: grayscale(100%);
	}
	/* Sweep To Right */
.ico-btn-hvr {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
	overflow: hidden;
}
.ico-btn-hvr:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #D0AA4C;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.ico-btn-hvr:hover, .ico-btn-hvr:focus, .ico-btn-hvr:active {
	color: #FFF;
}
.ico-btn-hvr:hover:before, .ico-btn-hvr:focus:before, .ico-btn-hvr:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*----------------------------------------------------------------------------------------*/
/*-MENU------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
	.menu {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
	}
	.menu-set {
		width: 100%;
		max-width: 1020px;
		margin: 0 auto;
		height: auto;
		display: flex;
		align-items: center;
		padding: 15px 15px 15px 15px;
	}	
	
		.main-logo {
			display: flex;
			align-items: center;
			width:auto;
			height: auto;
		}
		.main-logo .logo img {
			width:auto;
			height: 40px;
			display: block;
		}
		.main-logo .text {
			width:auto;
			display: block;
			height: auto;
			padding-left: 10px;				
		}
			.main-logo .text .thai {
				font-size: 0.6rem;
				font-weight: bold;
				line-height: 0;
				color: #231f20;
			}
			.main-logo .text .english {
				font-size: 0.4rem;
				color: #707070;
				line-height: 0;
				font-weight: bold;
				margin-top: 15px;
			}
			.main-logo .text b {
				font-size: 0.5rem;
				color: #231f20;
			}
			.main-logo .text span {
				color: #806330;
			}
	
	.menu .left {
		display: flex;
		width: 40%;
		height: auto;
		align-items: center;
	}
	
	.menu .center {
		width: 50%;
		height: 100vh;
		display: block;
		position: absolute;
		text-align: right;
		top: 0;
		left: -100vw;
		opacity: 0;
		background-color: #745724;
		padding: 100px 20px 0 50px;
		z-index: 100;
		transition: 0.4s;
		
	}
	.menu .center.active {		
		left: 0;
		opacity: 1;
	}
		.menu .center a {
		    width: auto;
			 height: auto;
			 font-size: 1rem;
			 color: #D5C8A5;
			 margin-bottom: 25px;
			 display: inherit;
			 text-align: left;
		}
		.menu .center a.active {
			color: #F88904;
			pointer-events: none;
		}
		
	.menu .right {
		display: flex;
		align-items: center;
		width: 60%;
		height: auto;
		justify-content: flex-end;
	}
		.menu .right a {
			color: #FFF;
			font-size: 0.6rem;
			position: relative;
			background-color: #806330;
			padding: 7px 15px;
			border-radius: 10px;
		}
		
.menu .small-link {
			display: inline-block;
			cursor: pointer;
			z-index: 2;
			margin-right: 15px;
		}
			.small-link .bar-1, .small-link .bar-2, .small-link .bar-3 {
			  width: 34px;
			  height: 5px;
				border-radius: 3px;
			  background-color: #806330;
			  margin: 4px 0;
			  transition: 0.4s;
			}
			.small-link.active .bar-1 {
			  transform: translate(0, 9px) rotate(-45deg);
				background-color: #E49337;
			}

			.small-link.active .bar-2 {opacity: 0;}

			.small-link.active .bar-3 {
			  transform: translate(0, -9px) rotate(45deg);
				background-color: #E49337;
			}
/*----------------------------------------------------------------------------------------*/
/*-OBJECT---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/

	
/*----------------------------------------------------------------------------------------*/
/*-CONTENT------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
	.index-article {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
		z-index: 2;
		transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-webkit-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
	}
	.index-article-set {
		width: 100%;
		max-width: 1020px;
		margin: 0 auto;
		height: auto;
		display: flex;
		align-items: center;
		padding: 0 15px;
	}	
	.index-article .index-slide-box {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
	}	
		.index-article .index-slide-list {
			width: 100%;
			height: auto;
			display: block;
			position: relative;
			overflow: hidden;
		}
	
			.index-article .index-slide-list img {
				width: 100%;
				height: auto;
				display: block;
				border-radius: 16px;
			}
	.index-article .index-slide-list .name {
			font-size: 0.8rem;
			display: block;
			width: 100%;
			height: auto;
			text-align: center;
			position: absolute;
			bottom: 0;
			color: #222;
			padding: 10px ;
			background-color: rgba(255,255,255,0.6);
		}
		.index-article .index-slide-list .btn-bar {
			display: inline-flex;
			align-items: center;
			justify-content: flex-end;
			position: absolute;
			width: 50%;
			height: auto;
			right: 15px;
			top: 15px;
		}
		.index-article .index-slide-list .btn-bar span {
			mix-blend-mode: difference;
			font-size: 0.6rem;
			color: #FFF;
			font-weight: bold;
		}
		.index-article .index-slide-list .btn-bar a {
			color: #FFF;
			background-color: #806330;
			font-size: 0.6rem;
			margin-left: 20px;
			padding: 5px 15px;
			border-radius: 8px;
		}
	
.index-hotnew {
    width: 100%;
    height: auto;
    display: block;
	position: relative;
	background-color: #ECECEC;
	padding-top: 200px;
	margin-top: -150px;	
}
	.index-hotnew-set {
		width: 100%;
		max-width: 1020px;
		margin: 0 auto;
		height: auto;
		display: block;
		padding: 0 15px 30px 15px;
	}	
	.hotnew-box {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-between;
	}
		.hotnew-box .hotnew-list {
			width: 32%;
			height: auto;
			display: block;
		}
		
		.hotnew-box .hotnew-list img {
			width: 100%;
			height: auto;
			border-radius: 16px 16px 0 0;
		}
		.hotnew-box .hotnew-list .detail {
			width: 100%;
			height: auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			background-color: #DDDDDD;
			border-radius: 0 0 16px 16px ;
			padding: 7px 10px;
		}
		.hotnew-box .hotnew-list .tab {
            color: #333;
            width: 60%;
            font-size: 0.6rem;
			font-weight: bold;
        }
		.hotnew-box .hotnew-list a {
            color: #FFF;
			background-color: #806330;
			font-size: 0.6rem;
			padding: 5px 15px;
			border-radius: 8px;
        }
.index-hotline {
    width: 100%;
    height: auto;
    display: block;
	background-color: #806330;
	position: relative;
	padding: 30px 0;
	background-image: url("../img/objects/hotline-bg.png");
	background-position: center ;
	background-size: cover;
}
	.index-hotline-set {
		width: 100%;
		max-width: 1020px;
		margin: 0 auto;
		height: auto;
		display: flex;
		align-items: center;
		padding: 0 15px 0 15px;
	}	
		.index-hotline-set .left {
			width: 70%;
			height: auto;
			display: block;
		}	
		.index-hotline-set .right {
			width: 30%;
			height: auto;
			display: block;
			
		}	
	.index-hotline-set .detail {
		color: #FFF;
		font-size: 0.6rem;
	}
		.index-hotline-set .detail strong {
			font-weight: normal;
			font-size: 1rem;
			margin-bottom: 10px;
			display: block;
		}
	.index-hotline-set .title {
		color: #FFF;
		font-size: 0.7rem;
		margin-bottom: 10px;
	}
	.index-hotline-set .hotline-tel {
		display: block;
	}
		.index-hotline-set .hotline-tel a {
			display: inline-flex;
			align-items: center;
			color: #FFF;
			font-size: 0.6rem;
			padding-left: 15px;
		}
			.index-hotline-set .hotline-tel a img {
				height: 24px;
				width: 24px;
				border-radius: 50%;
				margin-right: 10px;
				border: 2px solid #FFF;
			}
.index-law {
    width: 100%;
    height: auto;
    display: block;
	position: relative;
	padding: 30px 0;
	background-color: #ECECEC;
}
	.index-law-set {
		width: 100%;
		max-width: 1020px;
		margin: 0 auto;
		height: auto;
		display: flex;
		align-items: center;
		padding: 0 15px 0 15px;
	}
		.index-law-set .left {
			width: 58%;
			height: auto;
			display: block;
			padding-right: 5px;
		}
		.index-law-set .right {
			width: 42%;
			height: auto;
			display: block;
			padding-left: 15px;
		}
	.index-law-set .law-list {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
		overflow: hidden;
	}
		.index-law-set .law-list .name {
			font-size: 0.8rem;
			display: block;
			width: 100%;
			height: auto;
			text-align: center;
			position: absolute;
			bottom: 0;
			color: #222;
			padding: 10px ;
			background-color: rgba(255,255,255,0.6);
		}
		.index-law-set .law-list .btn-bar {
			display: inline-flex;
			align-items: center;
			justify-content: flex-end;
			position: absolute;
			width: 50%;
			height: auto;
			right: 15px;
			top: 15px;
		}
		.index-law-set .law-list .btn-bar span {
			mix-blend-mode: difference;
			font-size: 0.6rem;
			color: #FFF;
			font-weight: bold;
		}
		.index-law-set .law-list .btn-bar a {
			color: #FFF;
			background-color: #806330;
			font-size: 0.6rem;
			margin-left: 20px;
			padding: 5px 15px;
    		border-radius: 8px;
		}
		.index-law-set .law-list img {
				width: 100%;
				height: auto;
				display: block;
				border-radius: 20px;
			}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;	
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

/*--------------------------------------------------------------------------------------*/	
	.tabs-menu {
		width: 100%;
		height: auto;
		display: flex;
		margin-top: 10px;
	}
		.tabs-menu a {
			width: auto;
			height: auto;
			display: inline-flex;
			align-items: center;
			border: 1px solid  #333;
			color: #333;
			padding: 5px 15px;
			border-radius: 10px;
			margin-right: 10px;
			font-size: 0.6rem;
			background-color: #FFF;
		}
		.tabs-menu a.active {
			color: #FFF;
			background-color: #806330;
			border: 1px solid #806330;
			pointer-events: none;
		}
		.tabs-menu select {
			width: auto;
			height: auto;
			display: inline-block;
			font-family: "Kanit","Helvetica Neue", Helvetica, Roboto ,Arial, sans-serif;
			color: #333;
			border: 1px solid  #333;
			padding: 5px 15px;
			border-radius: 10px;
		}
	
/*--------------------------------------------------------------------------------------*/
.infringement-box {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
	background-color: #ECECEC;
	padding: 50px 0;
}
	.infringement-set {
    	width: 100%;
		max-width: 1020px;
		margin: 0 auto;
		height: auto;
		display: block;
		padding: 0 15px;
	}
	.infringement-box .header {
    	color: #333;
		font-size: 1rem;
		position: relative;
		font-weight: bold;
	}
	.infringement-show-box {
	    width: 100%;
		height: auto;
		display: grid ;
		grid-template-columns: repeat(auto-fill, 32%);
		justify-content: space-between;
	}
		.infringement-show-box .infringement-show-list {
			width: 100%;
			height: auto;
			display: block;
			margin-top: 20px;
			margin-bottom: 10px;
			position: relative;
			cursor: pointer;
		}
			.infringement-show-box .infringement-show-list img {
				width: 100%;
				height: auto;
				display: block;
				border-radius: 16px;
			}
		.infringement-show-box .infringement-show-list:hover {
			opacity: 0.9;
		}
/*--------------------------------------------------------------------------------------*/
.media-box {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
	background-color: #ECECEC;
	padding: 50px 0;
}
	.media-set {
    	width: 100%;
		max-width: 1020px;
		margin: 0 auto;
		height: auto;
		display: block;
		padding: 0 15px;
	}
	.media-box .header {
    	color: #333;
		font-size: 1rem;
		position: relative;
		font-weight: bold;
	}
	.media-show-box {
	    width: 100%;
		height: auto;
		display: grid ;
		grid-template-columns: repeat(auto-fill, 32%);
		justify-content: space-between;
	}
		.media-show-box .media-show-list {
			width: 100%;
			height: auto;
			display: block;
			margin-top: 20px;
			margin-bottom: 10px;
			position: relative;
		}
			.media-show-box .media-show-list .tag {
				width: auto;
				height: auto;
				display: inline-block;
				padding: 5px 15px 5px 10px;
				cursor: default;
				border-radius:  0 8px 8px 0;
				font-size: 0.6rem;
				background-color: #333;
				color: #FFF;
				position: absolute;
				opacity: 0.8;
				top: 15px;
				left: 0;
			}
			.media-show-box .media-show-list img {
				width: 100%;
				height: auto;
				display: block;
				border-radius: 14px 14px 0 0;
			}
			.media-show-box .media-show-list .detail {
				width: 100%;
				height: auto;
				display: flex;
				align-items: center;
				background-color: #DDDDDD;
				border-radius: 0 0 14px 14px;
				padding: 10px;
			}
				 .media-show-list .detail .left {
					width: 60%;
					height: auto;
					display: block;
				}
				.media-show-list .detail .right {
					width: 40%;
					height: auto;
					display: block;
					text-align: right;
				}
			.media-show-box .media-show-list .detail .date {
				font-size: 0.6rem;
				white-space: nowrap;
				text-overflow: ellipsis;
					 overflow: hidden;
				display: block;
			}
			.media-show-box .media-show-list .detail a {
				color: #FFF;
				background-color: #806330;
				font-size: 0.6rem;
				padding: 5px 15px;
				border-radius: 8px;
			}
	.media-read-set {
		width: 800px;
		height: auto;
		margin: 0 auto;
		display: block;
	}
		.media-read-set .title {
			width: 100%;
			height: auto;
			display: block;
			font-size: 1.1rem;
			color: #806330;
			font-weight: bold;
		}
		.media-read-set .cover {
			width: 100%;
			height: auto;
			display: block;
			margin: 15px 0;
		}
		.media-read-set .detail {
			color: #444;
			font-size: 0.8rem;
			font-weight: 300;
			margin-top: 20px;
			line-height: 1.3rem;
		}
		.media-read-set .detail p {
			display: block;
			line-height: 1.3rem;
			min-height: 1.3rem;
		}
		.media-read-set .detail a {
			color: #806330;
			text-decoration: underline;
		}
		.media-read-set .detail a:hover {
			color: #AD2F37;
		}
		.media-read-set .detail table {
			margin: 0 auto;
			border: 1px solid #B3B3B3;
			border-collapse: collapse;
		}
		.media-read-set .detail th{
			border: 1px solid #B3B3B3;
		}
		.media-read-set .detail td {
			padding: 5px;
			border: 1px solid #B3B3B3;
		}
		.media-read-set .detail  blockquote {
			display: block;
			font-size: 1rem;
			color:#806330;
			margin: 20px 0;
			padding: 20px;
			text-align: center;
			font-weight: bold;
		}
		.media-read-set .detail .image-style-align-left  {
			width: 50%;
			float: left;
		}
		.media-read-set .detail .image-style-align-right  {
			width: 50%;
			float: right;
		}
		.media-read-set .detail figcaption {
			color: #333;
			background-color: #f7f7f7;
			padding: 0.6em;
			font-size: .75em;
			display: block;
			text-align: center;
				-webkit-user-modify: read-write;
		overflow-wrap: break-word;
		-webkit-line-break: after-white-space;
		}
/*--------------------------------------------------------------------------------------*/
.about-box {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
	background-color: #ECECEC;
	padding: 50px 0;
}
	.about-set {
    	width: 100%;
		max-width: 1020px;
		margin: 0 auto;
		height: auto;
		display: block;
		padding: 0 25px;
	}
	.about-read-set {
		width: 800px;
		height: auto;
		margin: 0 auto;
		display: block;
	}
		.about-read-set .title {
		    color: #333;
			font-size: 1.1rem;
			position: relative;
			font-weight: bold;
		}
		.about-read-set .detail {
			color: #444;
			font-size: 0.8rem;
			font-weight: 300;
			margin-top: 20px;
			line-height: 1.3rem;
		}
		.about-read-set .detail p {
			display: block;
			line-height: 1.3rem;
			min-height: 1.3rem;
		}
		.about-read-set .detail a {
			color: #806330;
			text-decoration: underline;
		}
		.about-read-set .detail a:hover {
			color: #AD2F37;
		}
		.about-read-set .detail table {
			margin: 0 auto;
			border: 1px solid #B3B3B3;
			border-collapse: collapse;
		}
		.about-read-set .detail th{
			border: 1px solid #B3B3B3;
		}
		.about-read-set .detail td {
			padding: 5px;
			border: 1px solid #B3B3B3;
		}
		.about-read-set .detail  blockquote {
			display: block;
			font-size: 1rem;
			color:#806330;
			margin: 20px 0;
			padding: 20px;
			text-align: center;
			font-weight: bold;
		}
		.about-read-set .detail .image-style-align-left  {
			width: 50%;
			float: left;
		}
		.about-read-set .detail .image-style-align-right  {
			width: 50%;
			float: right;
		}
		.about-read-set .detail figcaption {
			color: #333;
			background-color: #f7f7f7;
			padding: 0.6em;
			font-size: .75em;
			display: block;
			text-align: center;
				-webkit-user-modify: read-write;
		overflow-wrap: break-word;
		-webkit-line-break: after-white-space;
		}
/*----------------------------------------------------------------------------------------*/
/*-FOOTER --------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
.footer {
	width: 100%;
	height: auto;
	display: block;
}
	.footer-set {
		width: 100%;
		max-width: 1020px;
		margin: 0 auto;
		height: auto;
		display: block;
		padding: 0 25px;
	}
.footer-content {
    width: 100%;
    height: auto;
    display: flex;
	padding: 50px 0 20px 0;
}
	.footer-content .left {
		width: 35%;
		height: auto;
		display: block;
	}
	.footer-content .center {
		width: 30%;
		height: auto;
		display: block;
	}
	.footer-content .right {
		width: 35%;
		height: auto;
		display: block;
	}
	.footer-content .title {
		font-size: 0.75rem;
		font-weight: bold;
	}
	.footer-content .address {
		font-size: 0.6rem;
		margin-top: 15px
	}
	.footer-content .contact  {
		font-size: 0.7rem;
		padding-top: 55px;
	}
		.footer-content .contact a {
			display: inline-flex;
			align-items: center;
			font-size: 0.6rem;
			padding-left: 20px;
			margin-bottom: 5px;
			color: #333;
		}
			.footer-content .contact a img {
				height: 24px;
				width: 24px;
				border-radius: 50%;
				margin-right: 10px;
			}
	.footer-content iframe {
		border-radius: 20px;
	}
.footer-end {
    width: 100%;
    height: auto;
    display: block;
    border-top: 1px solid #888;
    font-size: 0.6rem;
    text-align: center;
	padding:  10px 0;
}
/*-----------------------------------------------------------------------------*/
/*-ฺBACK LINK ---------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
	.back-link {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.back-link a {
		color: #444;
    	font-size: 0.8rem;
		display: inline-flex;
		align-items: center;	
	}

	.back-link a span {
		width: auto;
		height: 11px;
		display: inline-block;
		margin-right: 5px;
		margin-top: 3px;
	}
	.back-link a span svg {
		width: auto;
		height: 11px;
		display: block;
	}
	.back-link a span svg path {
		fill: #444;
	}
	.back-link a:hover {
		text-decoration: underline;
		color: #333;
	}
/*-----------------------------------------------------------------------------*/
/*-PAGINATION ---------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.pagination-box {
    display: flex;
	align-items: center;
	justify-content: center;
    width: 100%;
    height: auto;
	margin-top: 20px;
}
	.pagination-box a {		 		
		display: inline-flex;
		font-size: 0.6rem;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		margin: 0 8px;
		text-align: center;
		font-weight: bold;
		color: #FFF;
		background-color: #999;
		 -webkit-transition: all 0.2s ease-in;
    	-moz-transition: all 0.2s ease-in;
    	-o-transition: all 0.2s ease-in;
    	transition: all 0.2s ease-in;
	}
	.pagination-box a.arrow {
		display: flex;
		align-items: center;		
	}
	.pagination-box a.arrow span {
		width: auto;
		height: 11px;
		display: inline-block;
	}
	.pagination-box a.arrow span svg {
		width: auto;
		height: 11px;
		display: block;
	}
	.pagination-box a.arrow span svg path {
		fill: #FFF;
	}

	.pagination-box a:hover, .pagination-box a:focus, .pagination-box a:active {
		-webkit-animation-name: hvr-pop;
		animation-name: hvr-pop;
		-webkit-animation-duration: 0.1s;
		animation-duration: 0.1s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		background-color: #666;
	}
	
	.pagination-box a.arrow:hover, .pagination-box a.arrow:focus, .pagination-box a.arrow:active {
		-webkit-animation-name: hvr-pop;
		animation-name: hvr-pop;
		-webkit-animation-duration: 0.1s;
		animation-duration: 0.1s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
		background-color: #666;
	}
	.pagination-box a.active {
		background-color:#806330;
		color: #FFF;
		pointer-events: none;
	}
/*-----------------------------------------------------*/
	.blur {
		-webkit-filter: blur(1.7px);
		-moz-filter: blur(1.7px);
		-o-filter: blur(1.7px);
		-ms-filter: blur(1.7px);
		filter: blur(1.7px);
		pointer-events: none;
	}
	.popup-bg {
		width:  100vw;
		height: auto;
		min-height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		z-index: 100;

	}
		.popup-bg .popup-box {
			width: 50%;
			height: auto;
			max-height:  90vh;
			background-color: #FFF;
			border-radius: 16px;
			padding: 10px;
			display: block;
			opacity: 0;
			overflow-y: scroll;
		}
		.popup-bg .popup-box.open {
		  -webkit-animation-name: hvr-buzz-out;
		  animation-name: hvr-buzz-out;
		  -webkit-animation-duration: 0.75s;
		  animation-duration: 0.75s;
		  -webkit-animation-timing-function: linear;
		  animation-timing-function: linear;
		  -webkit-animation-iteration-count: 1;
		  animation-iteration-count: 1;
			opacity: 1;
		}
			.popup-bg .popup-box img {
				width: 100%;
				height: auto;
				border-radius: 16px 16px 0 0;
			}
			.popup-box .des {
				width: 100%;
				height: auto;
				display: block;
				text-align: center;
				font-size: 0.75rem;
				color: #333;
				padding: 10px;
				background-color: #DBDBDB;
				border-radius: 0 0 16px 16px;
			}
			.popup-box .title {
				width: 100%;
				height: auto;
				display: block;
				text-align: center;
				font-size: 0.7rem;
				color: #333;
				padding: 10px 10px 0 10px;
			}
			.popup-box .popup-download {
				width: 100%;
				height: auto;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-top: 15px;
			}
				.popup-box .popup-download a {
					width: auto;
					height: auto;
					display: inline-block;
					font-size: 0.6rem;
					color: #FFF;
					padding: 10px 15px;
					background-color: #3CAC00;
					border-radius: 10px;
				}
			.popup-box .popup-highlight {
				width: 100%;
				height: auto;
				display: block;
				padding: 10px 0 10px 0;
				text-align: center;
			}
				.popup-box .popup-highlight a {
					width: auto;
					height: auto;
					display: inline-block;
					color: #666;
					font-size: 0.6rem;
				}
					.popup-box .popup-highlight a:hover {
						text-decoration: underline;
						color: #333;
					}
			
			.popup-box .btn-box {
				width: 100%;
				height: auto;
				display: flex;
				align-items: center;
				margin-top: 15px;
			}
				.popup-box .btn-box .confirm {
					width: 60%;
					height: 40px;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 0.7rem;
					color: #FFF;
					background-color: #3CAC00;
					border-radius:  0 0 0 15px;
					transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
				}
					.popup-box .btn-box .confirm:hover {
						background-color: #189300;
					}
				.popup-box .btn-box .confirm.red {
					background-color: #E83C3C;
				}
					.popup-box .btn-box .confirm.red:hover {
						background-color: #D73131;
					}
				.popup-box .btn-box .cancel {
					width: 40%;
					height: 40px;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 0.7rem;
					color: #FFF;
					background-color: #FF7E1A;
					border-radius:  0 0 15px 0;
					transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
				}
					.popup-box .btn-box .cancel:hover {
						background-color: #ED6700;
					}
				.popup-box .btn-box .cancel-fullbar {
					width: 100%;
					height: 40px;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 0.7rem;
					color: #FFF;
					background-color: #FF7E1A;
					border-radius:  15px;
					transition: all 0.2s ease-in-out;
					-moz-transition: all 0.2s ease-in-out;
					-webkit-transition: all 0.2s ease-in-out;
					-o-transition: all 0.2s ease-in-out;
				}
					.popup-box .btn-box .cancel-fullbar:hover {
						background-color: #ED6700;
					}
	/*----------------------------------------------------------------------------------------*/
/*-OBJECT---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
/* Dots */
.slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 5px;
}
.slick-dots li button {
    width: 12px;
    height: 12px;
    background: #DDDDDD;
	border-radius: 50%;
}
.slick-dots li button:before
{
    font-family: '';
	content: '';
    width: 12px;
    height: 12px;
}
.slick-dots li.slick-active button:before
{
	width: 12px;
    height: 12px;
	border-radius: 50%;
    background: #806330;
}
	
	
	

/*----------------------------------------------------------------------------------------*/
/*-BOOK---------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------*/
.book-box {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
	background-color: #ECECEC;
	padding: 50px 0;
	min-height: 500px;
}
	.book-set {
    	width: 100%;
		margin: 0 auto;
		height: auto;
		display: block;
		padding: 0 15px;
		text-align: center;
	}	
	.book-box .title {
		width: 100%;
		height: auto;
		display: block;
		font-size: 1.1rem;
		color: #806330;
		font-weight: bold;
	}
	.book-box .status {
		width: 100%;
		height: auto;
		display: block;
		font-size: 0.9rem;
		color: #FF7E00;
		font-weight: bold;
	}

.magazine-viewport.on-load {
	pointer-events: none;
	opacity: 0.5;
}	
    
.magazine-viewport .container{
	position: relative;
    top: 50px;
    left: 25px;
    margin: auto;
}

.magazine-viewport .magazine {
	width:922px;
	height:600px;
	left:0;
}

.magazine-viewport .page {
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.magazine-viewport .zoomer .region{
	display:none;
}
	#magazine_prepare {
		display: none;
	}
.magazine .region {
	position:absolute;
	overflow:hidden;
	background:#0066FF;
	opacity:0.2;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.magazine .region:hover{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.magazine .region.zoom{
	opacity:0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

.magazine .region.zoom:hover{
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}
.magazine .prepare {
	background-image: url("../img/objects/page-loaded.jpg");
	background-size: cover;
	background-position: center;
}
.magazine .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.magazine-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.magazine .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.magazine .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.magazine-viewport .zoom-in .even .gradient,
.magazine-viewport .zoom-in .odd .gradient{

	display:none;

}

.magazine-viewport .loader{
	background-image:url(../pics/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}

.magazine-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}

.magazine-viewport .next-button,
.magazine-viewport .previous-button{
	width:22px;
	position:absolute;
	top:0;
}

.magazine-viewport .next-button{
	right:-22px;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-ms-border-radius:0 15px 15px 0;
	-o-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
}

.magazine-viewport .previous-button{
	left:-22px;
	-webkit-border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-ms-border-radius:15px 0 0 15px;
	-o-border-radius:15px 0 0 15px;
	border-radius:15px 0 0 15px;
}

.magazine-viewport .previous-button-hover,
.magazine-viewport .next-button-hover{
	background-color:rgba(0,0,0, 0.2);
}

.magazine-viewport .previous-button-hover,
.magazine-viewport .previous-button-down{
	background-image:url(../js/book/arrows.png);
	background-position:-4px 50%;
	background-repeat:no-repeat;
}

.magazine-viewport .previous-button-down,
.magazine-viewport .next-button-down{
	background-color:rgba(0,0,0, 0.4);
}

.magazine-viewport .next-button-hover,
.magazine-viewport .next-button-down{
	background-image:url(../js/book/arrows.png);
	background-position:-38px 50%;
	background-repeat:no-repeat;
}

.magazine-viewport .zoom-in .next-button,
.magazine-viewport .zoom-in .previous-button{
	display:none;
}

.animated{
	-webkit-transition:margin-left 0.5s;
	-moz-transition:margin-left 0.5s;
	-ms-transition:margin-left 0.5s;
	-o-transition:margin-left 0.5s;
	transition:margin-left 0.5s;
}

.thumbnails{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:140px;
	z-index:1;
}

.thumbnails > div{
	width:1050px;
	height:100px;
	margin:20px auto;
}

.thumbnails ul{
	margin:0;
	padding:0;
	text-align:center;
	-webkit-transform:scale3d(0.5, 0.5, 1);
	-moz-transform:scale3d(0.5, 0.5, 1);
	-o-transform:scale3d(0.5, 0.5, 1);
	-ms-transform:scale3d(0.5, 0.5, 1);
	transform:scale3d(0.5, 0.5, 1);
	-webkit-transition:-webkit-transform ease-in-out 100ms;
	-moz-transition:-moz-transform ease-in-out 100ms;
	-ms-transition:-ms-transform ease-in-out 100ms;
	-o-transition:-o-transform ease-in-out 100ms;
	transition:transform ease-in-out 100ms;
}

.thumbanils-touch ul{
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	-ms-transform:none;
	transform:none;
}

.thumbnails-hover ul{
	-webkit-transform:scale3d(0.6, 0.6, 1);
	-moz-transform:scale3d(0.6, 0.6, 1);
	-o-transform:scale3d(0.6, 0.6, 1);
	-ms-transform:scale3d(0.6, 0.6, 1);
	transform:scale3d(0.6, 0.6, 1);
}

.thumbnails li{
	list-style:none;
	display:inline-block;
	margin:0 5px;
	-webkit-box-shadow:0 0 10px #ccc;
	-moz-box-shadow:0 0 10px #ccc;
	-ms-box-shadow:0 0 10px #ccc;
	-o-box-shadow:0 0 10px #ccc;
	box-shadow:0 0 10px  #ccc;
	-webkit-transition:-webkit-transform 60ms;
	-moz-transition:-webkit-transform 60ms;
	-o-transition:-webkit-transform 60ms;
	-ms-transition:-webkit-transform 60ms;
	transition:-webkit-transform 60ms;
}

.thumbnails li span{
	display:none;
}

.thumbnails .current{
	-webkit-box-shadow:0 0 10px red;
	-moz-box-shadow:0 0 10px red;
	-ms-box-shadow:0 0 10px red;
	-o-box-shadow:0 0 10px red;
	box-shadow:0 0 10px red;
}

.thumbnails .thumb-hover{
	-webkit-transform:scale3d(1.3, 1.3, 1);
	-moz-transform:scale3d(1.3, 1.3, 1);
	-o-transform:scale3d(1.3, 1.3, 1);
	-ms-transform:scale3d(1.3, 1.3, 1);
	transform:scale3d(1.3, 1.3, 1);

	-webkit-box-shadow:0 0 10px #666;
	-moz-box-shadow:0 0 10px #666;
	-ms-box-shadow:0 0 10px #666;
	-o-box-shadow:0 0 10px #666;
	box-shadow:0 0 10px #666;
}

.thumbanils-touch .thumb-hover{
	-webkit-transform:none;
	-moz-transform:none;
	-o-transform:none;
	-ms-transform:none;
	transform:none;
}

.thumbnails .thumb-hover span{
	position:absolute;
	bottom:-30px;
	left:0;
	z-index:2;
	width:100%;
	height:30px;
	font:bold 15px arial;
	line-height:30px;
	color:#666;
	display:block;
	cursor:default;
}

.thumbnails img{
	float:left;
}

.exit-message{
	position: absolute;
	top:10px;
	left:0;
	width:100%;
	height:40px;
	z-index:10000;
}

.exit-message > div{
	width:140px;
	height:30px;
	margin:auto;
	background:rgba(0,0,0,0.5);
	text-align:center;
	font:12px arial;
	line-height:30px;
	color:white;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.zoom-icon{
	position:absolute;
	z-index:1000;
	width:22px;
	height:22px;
	top:10px;
	right:10px;
	background-image:url(../pics/zoom-icons.png);
	background-size:88px 22px;
}

.zoom-icon-in{
	background-position:0 0;
	cursor: pointer;
}

.zoom-icon-in.zoom-icon-in-hover{
	background-position:-22px 0;
	cursor: pointer;
}

.zoom-icon-out{
	background-position:-44px 0;
}

.zoom-icon-out.zoom-icon-out-hover{
	background-position:-66px 0;
	cursor: pointer;
}

.bottom{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}
.turnjs-slider{
	width:600px;
	height:8px;
	background:rgba(0,0,0, 0.2);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	margin:20px auto;
}

.turnjs-slider .thumbnail{
	width:115px;
	height:85px;
	position:absolute;
	background:rgba(0,0,0, 0.5);
	z-index:10000;
	top:-100px;
	left:-17px;
	display:none;

	-webkit-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-webkit-transition:-webkit-transform 0.2s;
	-webkit-border-radius:5px;

	-moz-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-moz-transition:-moz-transform 0.2s;
	-moz-border-radius:5px;

	-o-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-o-transition:-o-transform 0.2s;
	-o-border-radius:5px;

	-ms-transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	-ms-transition:-ms-transform 0.2s;
	-ms-border-radius:5px;

	transform:translate3d(0px, 50px, 0px) scale(0.1, 0.1);
	transition:transform: 0.2s;
	border-radius:5px;
}

.no-transition{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
}

.turnjs-slider .thumbnail div{
	width:100px;
	margin:7px;
	height:70px;
	background-color:white;
}

.turnjs-slider .ui-state-hover .thumbnail{
	display:block;
	opacity:0;
}

.turnjs-slider .ui-state-active .thumbnail{
	display:block;
	opacity:1;
	-webkit-transform:scale(1, 1);
	-moz-transform:scale(1, 1);
	-o-transform:scale(1, 1);
	-ms-transform:scale(1, 1);
	transform:scale(1, 1);
}

/* Layout helpers
----------------------------------*/

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.turnjs-slider .ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.turnjs-slider .ui-slider {
	position: relative;
	text-align: left;
}

.turnjs-slider .ui-slider-handle{
	position: absolute;
	z-index:0;
	width:80px;
	height: 8px;
	cursor: default;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
}

.turnjs-slider .ui-slider-horizontal {
	height: 8px;
	width:520px;
	margin-left:39px;
}

.turnjs-slider .ui-slider-horizontal .ui-slider-handle {
	margin-left:-40px;
	margin-top:-1px;
}

/* Interaction states
----------------------------------*/
.turnjs-slider .ui-slider-handle{
	border:1px solid white;
	background-color:black;
	opacity:0.2;
	display:block;
	-webkit-transition:opacity 0.2s;
	-moz-transition:opacity 0.2s;
	-ms-transition:opacity 0.2s;
	-o-transition:opacity 0.2s;
	transition:opacity 0.2s;
}

.turnjs-slider .ui-state-hover{
	opacity:0.4;
}

.turnjs-slider .ui-state-active{
	opacity:1;
}
	
	
	
	
	/*cookie---------------------------------------------------------------------------*/
.cookie-container {
	  position: fixed;
	  width: 100%;
	  display: inline-flex;
	  justify-content: center;
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background: #26272A;
	  box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);
	  transition: 400ms;
	  z-index: 999;
	}
	.cookie-container-set {
		 width: 100%;
		 max-width: 1540px;
		 margin: 0 auto;
		 height: auto;
		 display: flex;
		 align-items: center;
		 justify-content: space-between;
		 padding: 30px 25px;
		 font-size: 0.8rem;
		 color: #FFF;
	}
		.cookie-container-set .cookie-text {
			 width: 75%;
			 height: auto;
		}
.cookie-container.active {
  bottom: -100%;
}
.cookie-container .text-link {
text-decoration: underline;
	  color: #FFF;
}
.cookie-container .cookie-btn {
  color: #FFF;
    background-color: #806330;
    font-size: 0.75rem;
    margin-left: 20px;
    padding: 5px 15px;
    border-radius: 12px;
	 display: inline-block;
}

.cookie-btn {
  background: #e84118;
  border: 0;
  color: #f5f6fa;
  padding: 12px 48px;
  font-size: 18px;
  border-radius: 8px;
  cursor: pointer;
}

/*๊UPDATE-08-2025--------------------------------------------------------------------------*/
.index-hotline.baansamer .left {
	width: 50%;
   height: auto;
   display: block;
}	
.index-hotline.baansamer .right {
	width: 25%;
   height: auto;
   display: block;
}	
.index-hotline.baansamer .baan-hotline {
	width: 100%;
	height: auto;
	display: block;
	padding: 20px;
	border-radius: 20px;
	background-color: rgba(255,255,255,0.25);
}
.index-hotline.baansamer .baan-hotline-title {
	color: #FFF;
   font-size: 0.7rem;
	display: block;
}
.index-hotline.baansamer .baan-hotline-text {
	color: #FFF;
   font-size: 0.6rem;
   margin-bottom: 10px;
}
.index-hotline.baansamer .baan-hotline-link {
	color: #FFF;
   background-color: #806330;
   font-size: 0.7rem;
   padding: 5px 15px;
   border-radius: 10px;
}
.index-baansamer {
    width: 100%;
    height: auto;
    display: block;
	background-color: #E8D8BB;
	position: relative;
	padding: 30px 0 120px 0;
	background-image: url("../img/objects/index-bann-bg.png");
	background-size: auto 120% ;
	background-repeat: no-repeat;
}
.index-law.baansamer {
	padding: 0 0 0 0;
}
	.index-law.baansamer .index-law-set {
		top: -100px;
		position: relative;
	}
	.index-baansamer-set {
		width: 100%;
		margin: 0 auto;
		height: auto;
		display: flex;
		align-items: center;
		padding: 0 15px;
	}
	.index-baansamer-set .row-1 {
		width: 30%;
		height: auto;
		display: block;
	}	
	.index-baansamer-set .row-2 {
		width: 70%;
		height: auto;
		display: block;
		padding-left: 10px;
	}	

	.index-baansamer .bann-info-text-1 {
		font-size: 0.7rem;
		font-weight: 600;
		color: #806335;
		text-align: center;
	}
	.index-baansamer .bann-info-text-1 span {
		font-size: 1.5rem;
		font-weight: 800;
		color: #806335;
		margin: 0 0 0 5px;
	}
	.index-baansamer .bann-info-text-2 {
		font-size: 0.7rem;
		font-weight: 600;
		color: #806335;
		display: flex;
		align-items: flex-start;
		justify-content: center;
		line-height: 0;
	}
	.index-baansamer .bann-info-text-2 span {
		font-size: 0.8rem;
		font-weight: 600;
		color: #333;
		margin: 0 0 0 5px;
	}
	.index-baansamer .bann-info-text-3 {
		width: 100%;
		height: auto;
		margin-top: 20px;
		text-align: center;
	}
		 .index-baansamer .bann-info-text-3 a {
			  color: #FFF;
			  background-color: #806330;
			  font-size: 0.75rem;
			  padding: 5px 15px;
			  border-radius: 10px;
		 }
	.index-baansamer .bann-detail-text-1 {
		font-size: 0.7rem;
		font-weight: 600;
		color: #333;
	}
	.index-baansamer .bann-detail-text-2 {
		font-size: 0.6rem;
		font-weight: 500;
		color: #333;
		margin-bottom: 10px;
	}
	.index-baansamer .bann-detail-text-2 span {
		font-size: 0.7rem;
		font-weight: 600;
		color: #806335;
	}
	
.baansamer-box {
    width: 100%;
    height: auto;
    display: block;
    position: relative;
	background-color: #ECECEC;
	padding: 50px 0;
}
	.baansamer-set {
    	width: 100%;
		max-width: 1540px;
		margin: 0 auto;
		height: auto;
		display: block;
		padding: 0 25px;
	}
	.baansamer-read-set {
		width: 100%;
		height: auto;
		margin: 0 auto;
		display: block;
	}
	.baansamer-box .title-logo {
		 width: 100%;
   	 height: auto;
		 display: flex;
		 justify-content: center;
		 align-items: center;
		 margin-bottom: 25px;
	}
		.baansamer-box .title-logo .logo {
			 width: 25%;
			 height: auto;
			 display: block;
		}
		.baansamer-box .title-logo .logo-text {
			 width: auto;
			 height: auto;
			 display: block;
			 padding-left: 10px;
		}
			.baansamer-box .title-logo .logo-text-1 {
				 font-size: 1.2rem;
				 font-weight: 600;
				 color: #806335;
				 line-height: 1.2;
			}
			.baansamer-box .title-logo .logo-text-2 {
				 font-size: 1.5rem;
				 font-weight: 600;
				 color: #CF610C;
				  line-height: 1.2;
			}
	.baansamer-box .detail-text {
		font-size: 0.8rem;
      font-weight: 500;
      color: #333;
	}
	.baansamer-box .detail-ul {
		font-size: 0.8rem;
      font-weight: 500;
		color: #333;
	}
		.baansamer-box .detail-ul li {
			padding: 0 0 0 25px;
			background-image : url("../img/objects/flower-list-icon.png");
			background-repeat: no-repeat;
			background-position: left center;
			list-style: none;
			background-size: 20px;
		}
	.baansamer-box .service-title {
		font-size: 1.2rem;
      font-weight: 600;
      color: #CF610C;
	}
		.baansamer-box .service-title span {
			font-size: 1.5rem;
			font-weight: 600;
			color: #806335;
		}
	.baansamer-box .service-box {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.baansamer-box .service-list {
			width: 49%;
			height: auto;
			display: block;
			background-color: #FFF;
			border-radius: 15px;
			padding: 15px;
			margin-top: 15px;
		}
		.baansamer-box .header-bar {
			width: 100%;
			height: auto;
			display: flex;
			align-items: center;
			margin-bottom: 10px;
		}
			.baansamer-box .header-bar .icon {
				width: 22%;
				aspect-ratio: 1 / 1;
				display: flex;
				align-items: center;
				justify-content: center;
				background-color: #F3F3F3;
				border-radius: 50%;
			}
				.baansamer-box .header-bar .icon img {
					width: 80%;
					height: auto;
				}
			.baansamer-box .header-bar .header-title-text {
				font-size: 1rem;
			  	font-weight: 600;
			  	color: #D87B33;
				width: 78%;
				height: auto;
				padding-left: 5px;
				line-height: 1.1;
			}
			.baansamer-box .service-detail-text {
				font-size: 0.8rem;
        		font-weight: 500;
        		color: #333;
			}
		   .baansamer-box .service-detail-ul {
			  font-size: 0.8rem;
			  font-weight: 500;
			  color: #333;
			  margin: 0;
		 	}
		.baansamer-box .baan-hr {
			width: 100%;
			height: auto;
			display: flex;
			align-items: center;
			justify-content: center;
			margin: 20px 0;
		}
		.baansamer-box .baan-hr span {
			width: 200px;
			height: 2px;
			display: block;
			background-color: #000;
		}
		.baansamer-box .baan-hr img {
			width: 50px;
			height: auto;
		}
	.baansamer-box .step-box {
		width: 100%;
		height: auto;
		display: flex;
		align-items: center;
		position: relative;
		justify-content: space-between;
		padding-top: 40px;
	}
	.baansamer-box .step-box .step-line-up {
		width: 4px;
		height: 50%;
		display: block;
		position: absolute;
		background-color: #DCD1C3;
		left: 1.8%;
		top: 10px;
	}
	.baansamer-box .step-box .step-line-low {
		width: 4px;
		height: 50%;
		display: block;
		position: absolute;
		background-color: #DCD1C3;
		left: 1.8%;
		bottom: -10px;
	}
	.baansamer-box .step-box .step-list {
		width: 8%;
		height: auto;
		display: block;
		z-index: 10;
	}
		.baansamer-box .step-box .step-list span {
			width: 50%;
			aspect-ratio: 1 / 1;
			background-color: #DCD1C3;
			color: #684212;
			font-weight: 600;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			font-size: 0.8rem;
		}
	.baansamer-box .step-box .step-body {
		width: 92%;
		height: auto;
		border-radius: 15px;
		padding: 20px 20px 20px 20px;
		display: block;
		background-color: #F4ECD4;
		border: 3px solid #806335;
		position: relative;
		background-position: top 50% right 10%;
		background-repeat: no-repeat;
		background-size: 120px;
	}
	.baansamer-box .step-box .step-body .step-icon {
		display: block;
		width: auto;
		height: auto;
		align-items: center;
		top: -30px;
		position: absolute;
		font-size: 1.6rem;
        	font-weight: 500;
        	color: #FFF;
			text-shadow: 
    		3px 3px 0 #806335,    /* Bottom-right */
    		-3px 3px 0 #806335,   /* Bottom-left */
    		3px -3px 0 #806335,   /* Top-right */
    		-3px -3px 0 #806335,  /* Top-left */
    		0px 3px 0 #806335,    /* Bottom */
    		0px -3px 0 #806335,   /* Top */
    		-3px 0px 0 #806335,   /* Left */
    		3px 0px 0 #806335;    /* Right */
	}

		.baansamer-box .step-box .step-body .step-toppic {
			font-size: 1.2rem;
        	font-weight: 600;
        	color: #000;
			text-shadow: 
    		1px 1px 0 #FFF,    /* Bottom-right */
    		-1px 1px 0 #FFF,   /* Bottom-left */
    		1px -1px 0 #FFF,   /* Top-right */
    		-1px -1px 0 #FFF,  /* Top-left */
    		0px 1px 0 #FFF,    /* Bottom */
    		0px -1px 0 #FFF,   /* Top */
    		-1px 0px 0 #FFF,   /* Left */
    		1px 0px 0 #FFF;    /* Right */
		}
		.baansamer-box .step-box .step-body .step-subtoppic {
			font-size: 0.8rem;
       	font-weight: 600;
       	color: #333;
		}
		.baansamer-box .step-box .step-body .step-detail-ul {
			  font-size: 0.8rem;
			  font-weight: 500;
			  color: #333;
			  margin: 0;
		 	}
	.baansamer-box .sending-title {
		background-color: #DCD1C3;
      color: #684212;
      font-weight: 600;
		font-size: 1.2rem;
		padding: 15px;
		border-radius: 15px;
	}
	.baansamer-box .sending-box {
		width: 100%;
		height: auto;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.baansamer-box .sending-line {
		width: 49%;
		height: auto;
		display: block;
		border-radius:15px 15px;
		background-color: #FFF;
		
		margin-top: 20px;
	}
	.baansamer-box .sending-header {
		width: 100%;
		height: auto;
		display: block;
		padding: 10px 10px;
		border-radius: 15px 15px 0 0;
		background-color: #E9A035;
		font-size: 0.8rem;
		font-weight: 600;
		color: #333;
		text-align: center;
	}
	.baansamer-box .sending-detail {
		width: 100%;
		height: auto;
		display: block;
		padding: 15px;
	}
	.sending-box .sending-icon {
		width: 100%;
		height: auto;
		display: block;
		text-align: center;
	}
		.sending-box .sending-icon img {
			width: 40%;
		}
	.sending-box .sending-text {
		width: 100%;
		height: auto;
		display: block;
		font-size: 0.8rem;
		font-weight: 500;
		color: #333;
		margin-top: 5px;
	}
	.baansamer-box .endding-title {
		font-size: 1rem;
      font-weight: 600;
      color: #CF610C;
		width: 100%;
		height: auto;
	}
	    .baansamer-box .endding-title span {
        font-size: 1.5rem;
        font-weight: 600;
        color: #806335;
    }
	 .baansamer-box .ending-btn {
	        color: #FFF;
        background-color: #806330;
        font-size: 0.75rem;
        padding: 5px 15px;
        border-radius: 10px;
}
/*๊UPDATE-08-2025--------------------------------------------------------------------------*/
	
	
	
}