html {
	font-size: 16px;
}

@font-face {
	font-family: 'Kanit-Light';
	src: url('fonts/Kanit-Light.eot');
	src: url('fonts/Kanit-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/Kanit-Light.woff') format('woff'),
		url('fonts/Kanit-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Kanit-Regular';
	src: url('fonts/Kanit-Regular.eot');
	src: url('fonts/Kanit-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Kanit-Regular.woff') format('woff'),
		url('fonts/Kanit-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Kanit-Medium';
	src: url('fonts/Kanit-Medium.eot');
	src: url('fonts/Kanit-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/Kanit-Medium.woff') format('woff'),
		url('fonts/Kanit-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	font-family: 'Kanit-Light';
	cursor: default;
	position: relative;
	line-height: 1.5;
	font-size: 1rem;
	color: #282828;
}

ul {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	/*cursor: pointer;*/
	color: inherit;

}

#nav-icon3 {
	z-index: 56;
	width: 35px;
	height: 25px;
	position: relative;
	top: 0rem;
	right: 0;
	left: auto;
	margin: 0px 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	box-shadow: none;
	background: none;
	border: none;
}

#nav-icon3 span {
	display: block;
	position: absolute;
	height: 3px;
	width: 60%;
	background: #FFF;
	border-radius: 6px;
	opacity: 1;
	right: 0%;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
	top: 0;
}

#nav-icon3 span:nth-child(2),
#nav-icon3 span:nth-child(3) {
	top: 10px;
	width: 100%;
}

#nav-icon3 span:nth-child(4) {
	top: 20px;
}

#nav-icon3.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

#nav-icon3.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 80%;
}

#nav-icon3.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	width: 80%;
}

#nav-icon3.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}

/*#nav-icon3.open{
	top: -1.5rem;
    right: .0rem;
}*/
/*///////////Start-Header///////////////*/
.headbar-main {
	padding: .5rem 0;
	display: block;
	transition: all 0.6s;
	background: -webkit-linear-gradient(210deg, rgba(255, 140, 0, 1) 45%, rgba(255, 255, 255, 1) 0%);
	background: -o-linear-gradient(210deg, rgba(255, 140, 0, 1) 45%, rgba(255, 255, 255, 1) 0%);
	background: linear-gradient(300deg, rgba(255, 140, 0, 1) 45%, rgba(255, 255, 255, 1) 0%);
}

.slim.headbar-main {
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

.hamburgers-box {
	width: 100%;
	height: 100%;
	padding: 0;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.headbar-main .row {
	margin: auto;
}

.navbar-brand {
	width: auto;
	text-align: left;
	color: #FFF;
	margin: 0;
	padding: 0;
}

.navbar-brand img {
	width: 150px;
	transition: all 0.5s;
	margin: auto;
}

.navbar-collapse .navbar-brand {
	padding: .5rem 0;
	margin: auto;
	text-align: center;
	display: block;
	width: 100%;
	background: #FFF;
}

.navbar-collapse .navbar-brand img {
	width: 150px;
	max-width: 100%;
}

.navbar-nav li {
	padding: 0;
	position: relative;
	transition: all 0.5s;
	text-transform: uppercase;
	font-family: 'Kanit-Regular';
}

.navbar-nav li a {
	padding: 8px 15px;
	display: block;
	text-align: left;
	text-decoration: none;
	transition: all 0.5s;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.navbar-nav li.active a,
.navbar-nav a:hover {
	color: #006400;
}

.dropdown-menu {
	z-index: 1022;
	padding: 0;
	border: none;
	overflow: hidden;
}

.navbar-nav li .dropdown-menu {
	padding: 0;
	border-radius: 0;
	border: none;
	background: #FFF;
	font-size: .9rem;
}

.navbar-nav li .dropdown-menu a {
	padding: 10px 15px;
	display: block;
	text-align: left;
	color: #000;
	border-radius: 0;
}






.navbar-nav li .dropdown-menu a .fa-circle-chevron-right {
	vertical-align: middle;
	margin-right: 5px;
}

.navbar-nav li .dropdown-menu a.active,
.navbar-nav li .dropdown-menu a:hover {
	color: #FFF;
	background: #006400;
}

.social-header {
	text-align: center;
	padding: 0 15px;
	margin: 2rem auto 0;
	width: 100%;
}

.social-header img {
	width: 40px;
	transition: all 0.6s;
}

.social-header img:hover {
	transform: scale(.95);
	filter: none;
}

.social-header a:hover {
	color: #152454;
}

.social-header ul img {
	width: 28px;
	margin-right: 5px;
}

.social-header ul {
	list-style: none;
	text-align: left;
}

.social-header ul li {
	margin-bottom: 1rem;
}


.tools-header {
	background: rgba(255, 140, 0, 1);
	padding: 3% 0;
}

.tools-header.on-pc {
	display: none;
}

.search-box {
	background: #FFF;
	border-radius: 30px;
	position: relative;
	padding: 0 15px;
	margin-bottom: 1rem;
}

.searchbutton img {
	width: 30px;
}

.searchbutton {
	box-shadow: none;
	border: none;
	background-color: transparent;
	padding: 0;
}

.categoryclick {
	box-shadow: none;
	border: none;
	background-color: transparent;
	padding: 0;
	margin-right: 10px;
}

.search-box .form-control {
	border: none;
	background: none;
	padding: 8px 15px;
	border-left: 1px solid #000;
}

.form-control:focus {
	outline: none;
	box-shadow: none;
}

.cart-member ul {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.cart-member ul li {
	width: auto;
	margin: 0 15px 0 0;
	position: relative;
}

.cart-member ul li:last-child {
	margin: 0;
}

.cart-member ul li:first-child {
	margin-right: 20px;
}

.cartclick span {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	color: #FFF;
	background: #F00;
	border-radius: 50%;
	right: -15px;
	top: -15px;
	z-index: 1;
	transform: scale(.7);
}

.cartclick img {
	width: 30px;
	filter: brightness(0) invert(1);
}

.languages-box {
	padding: 3px 10px;
	border-radius: 30px;
	border: 1px solid #000;
	font-size: .9rem;
}

.cart-member ul li .dropdown-menu {
	padding: 0;
	border: none;
	background: #FFF;
	width: 100%;
	display: block;
	opacity: 0;
	height: 0;
	transition: all 0.2s;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	transform: scale(.5);
}

.cart-member ul li .dropdown-menu.show {
	height: auto;
	transform: scale(1);
	opacity: 1;
}

.cart-member ul li .dropdown-menu a {
	padding: 10px;
	display: block;
	text-align: left;
}

.cart-member ul li .dropdown-menu a:hover {
	background: #ff8c00;
	color: #FFF;
}

.cart-member ul li.languages-box .dropdown-menu a {
	text-align: center;
}

.cart-member ul li.languages-box .dropdown-menu {
	min-width: inherit;
}

/*///////////End-Header///////////////*/

/*///////////Start-mainSlide///////////////*/
#carouselmainSlide {
	position: relative;
}

#carouselmainSlide .carousel-item {
	position: relative;
	overflow: hidden;
}

#carouselmainSlide .carousel-item img {
	width: 100%;
	object-fit: cover;
}

#carouselmainSlide .carousel-indicators {
	align-items: center;
	margin-bottom: 0;
	justify-content: center;
	bottom: .75rem;
	z-index: 4;
}

#carouselmainSlide .carousel-indicators button {
	width: 12px;
	height: 12px;
	margin: 0 3px;
	opacity: .6;
	border: none;
	background: #FFF;
	border-radius: 50%;
}

#carouselmainSlide .carousel-indicators button.active {
	opacity: 1;
}

/*///////////End-mainSlide///////////////*/

/*///////////Start-Content///////////////*/
.content-box {
	padding: 10% 0;
	background-size: cover !important;
}

.img-box {
	text-align: center;
	overflow: hidden;
	margin-bottom: 1rem;
	position: relative;
}

.img-box img {
	width: 100%;
	transition: all 0.6s;
}

.title-box {
	text-align: center;
	margin-bottom: 2.5rem;
}

.title-box h1 {
	font-size: 26px;
	margin: 0;
	text-transform: uppercase;
	font-family: 'Kanit-Medium';
}

.title-box h2 {
	font-size: 24px;
	margin: .5rem 0;
	text-transform: uppercase;
	font-family: 'Kanit-Regular';
}

.line-title {
	display: flex;
	align-items: center;
	justify-content: center;
}

.line-title img {
	width: 30px;
	filter: invert(19%) sepia(35%) saturate(6050%) hue-rotate(117deg) brightness(91%) contrast(103%);
}

.line-title hr {
	width: 5em;
	opacity: 1;
	margin: 0;
	border-top: none;
	border-bottom: 1px solid #053b09;
}

.title-box p {
	margin: 0;
}

.title-box ul {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.title-box ul li {
	margin: 0 5px 0 0;
	opacity: .5;
	font-size: .8rem;
}

.title-box ul li a {
	padding: 0 5px;
}

.title-box ul li.active,
.title-box ul li:hover {
	opacity: 1;
}

.category-box {
	padding: .5rem;
	margin-bottom: 1rem;
	transition: all 0.6s;
}

.category-box:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.category-box .img-box {
	aspect-ratio: 1/1;
}

.category-box .img-box img {
	height: 100%;
	object-fit: cover;
}

.category-box:hover .img-box img {
	transform: scale(1.05);
}

.text-products {
	text-align: center;
}

.text-products img {
	filter: invert(12%) sepia(95%) saturate(4220%) hue-rotate(356deg) brightness(92%) contrast(116%);
	width: 25px !important;
}

.text-products h1 {
	font-size: 1rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.2;
	height: calc(1rem * 1.2 * 1);
	margin: 0;
	font-family: 'Kanit-Regular';
}

.text-products ul {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.text-products h2 {
	color: #cc0000;
	font-size: 1rem;
	margin: 0;
}

.text-products p {
	font-size: .8rem;
	margin-bottom: .75rem;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.3;
	height: calc(1rem * 1 * 1);
}

.title-products h1 {
	font-size: 1.6rem;
	margin: 0 10px 0 0;
	text-transform: uppercase;
	font-family: 'Kanit-Medium';
}

.title-products a {
	color: #9b9b9b;
}

.title-products {
	margin-bottom: 2rem;
	text-align: left;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.content-box.abouthome {
	background: #ff8c00;
}

.img-abouthome {
	text-align: center;
	overflow: hidden;
	margin-bottom: 1rem;
	aspect-ratio: 4/2;
}

.img-abouthome img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.textabout-home h1 {
	font-size: 1.5rem;
	margin-bottom: 0;
	font-family: 'Kanit-Regular';
}

.textabout-home h2 {
	font-size: 1rem;
	letter-spacing: 1px;
	margin: 0;
}

.textabout-home p {
	margin: 0;
}

.content-box.verifyhome {
	padding-top: 0;
}

.content-box.verifyhome .col-3 {
	border-right: 1px solid #b2b2b2;
}

.content-box.verifyhome .col-3:last-child {
	border-right: none;
}

.icon-verify {
	text-align: center;
	margin-bottom: 2rem;
}

.icon-verify img {
	width: auto;
	max-width: 50%;
	filter: invert(19%) sepia(35%) saturate(6050%) hue-rotate(117deg) brightness(91%) contrast(103%);
}

.icon-verify h1 {
	font-size: 22px;
	margin: 1rem auto 0;
	color: #006400;
	font-family: 'Kanit-Medium';
}

.news-box {
	margin-bottom: 2rem;
	background: #ff8c00;
	padding: 3px;
}

.news-box .img-box {
	aspect-ratio: 3/3;
	margin: 0;
}

.news-box .img-box img {
	height: 100%;
	object-fit: cover;
}

.news-box:hover img {
	transform: scale(1.05);
}

.text-news {
	padding: 1rem .3rem;
}

.text-news h1 {
	font-size: 1rem;
	margin-bottom: 1rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.2;
	height: calc(1rem * 1.2 * 2);
	font-family: 'Kanit-Medium';
}

.text-news p {
	margin: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.2;
	height: calc(1rem * 1.2 * 2);

}

.text-news ul {
	list-style: none;
	display: flex;
	align-items: center;
	margin-top: 2rem;
	justify-content: flex-end;
}

.text-news ul li {
	width: auto;
	margin: 0;
}

.textabout-home {
	color: #FFF;
}

.textabout-home .line-title {
	margin: 10px 0;
	justify-content: flex-start;
}

.textabout-home .line-title hr {
	border-color: #FFF;
}

.textabout-home .line-title img {
	filter: brightness(0) invert(1);
}

.banner-ads {
	text-align: center;
	overflow: hidden;
	border-radius: 20px;
	margin: 2rem auto;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.banner-ads img {
	width: 100%;
}

/*.slidecategory .slick-slide,
.slidebestselling .slick-slide{margin: 10px;}
.slidebestselling .slick-prev:before, .slidebestselling .slick-next:before,
.slidecategory .slick-prev:before, .slidecategory .slick-next:before{display: none;}
.slidebestselling .slick-prev, .slidebestselling .slick-next,
.slidecategory .slick-prev, .slidecategory .slick-next{
	width: 25px;
	height: 25px;
	top: 35%;
	background-size: 100% !important;
	z-index: 1;
}
.slidecategory .slick-prev,
.slidebestselling .slick-prev{
	left: 0;
	background: url("../images/prev.png") center center no-repeat;
}
.slidecategory .slick-next,
.slidebestselling .slick-next{
	right: 0;
	background: url("../images/next.png") center center no-repeat;
}*/


.slidecategory.owl-carousel .item,
.slidebestselling.owl-carousel .item,
.slidecategoryicon.owl-carousel .item,
.slideflashsale.owl-carousel .item {
	padding: .5rem;
}

.slidecategoryicon.owl-carousel .owl-nav {
	position: absolute;
	top: -4rem;
	width: auto;
	left: auto;
	right: 0;
	display: flex !important;
}

.slidecategoryicon.owl-carousel .owl-nav button.owl-prev,
.slidecategoryicon.owl-carousel .owl-nav button.owl-next {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #b3b3b3;
	font-size: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #b3b3b3;
}

.slidecategoryicon.owl-carousel .owl-nav button.owl-prev {
	margin-right: 5px;
}

.slidecategoryicon.owl-carousel .owl-nav button.owl-next {
	margin-right: 0;
}

.slidecategoryicon.owl-carousel .owl-nav button.owl-prev:hover,
.slidecategoryicon.owl-carousel .owl-nav button.owl-next:hover {
	border-color: #000;
	color: #000;
}


.slideflashsale.owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0;
	right: auto;
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	transform: translate(0%, -50%);
}

.slideflashsale.owl-carousel .owl-nav button.owl-prev,
.slideflashsale.owl-carousel .owl-nav button.owl-next {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #000;
	font-size: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	position: relative;
}

.slideflashsale.owl-carousel .owl-nav button.owl-prev {
	margin-right: 0;
}

.slideflashsale.owl-carousel .owl-nav button.owl-next {
	margin-right: 0;
}

.slideflashsale.owl-carousel .owl-nav button.owl-prev:hover,
.slideflashsale.owl-carousel .owl-nav button.owl-next:hover {
	transform: scale(.95);
}

.slidebestselling.owl-carousel .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0;
	right: auto;
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	transform: translate(0%, -50%);
}

.slidebestselling.owl-carousel .owl-nav button.owl-prev,
.slidebestselling.owl-carousel .owl-nav button.owl-next {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #000;
	font-size: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
	position: relative;
}

.slidebestselling.owl-carousel .owl-nav button.owl-prev {
	margin-right: 0;
}

.slidebestselling.owl-carousel .owl-nav button.owl-next {
	margin-right: 0;
}

.slidebestselling.owl-carousel .owl-nav button.owl-prev:hover,
.slidebestselling.owl-carousel .owl-nav button.owl-next:hover {
	transform: scale(.95);
}

.slidebestselling.owl-carousel .category-box {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.slidepromotions.owl-carousel .owl-dots {
	text-align: center;
	margin-top: 10px;
}

.slidepromotions.owl-carousel .owl-dots .owl-dot {
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #fff;
	opacity: .7;
	margin: 0 3px;
}

.slidepromotions.owl-carousel .owl-dots .owl-dot.active {
	opacity: 1;
}



.slidecategory.owl-carousel .owl-nav {
	position: absolute;
	top: -4rem;
	width: auto;
	left: auto;
	right: 0;
	display: flex !important;
}

.slidecategory.owl-carousel .owl-nav button.owl-prev,
.slidecategory.owl-carousel .owl-nav button.owl-next {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #b3b3b3;
	font-size: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #b3b3b3;
}

.slidecategory.owl-carousel .owl-nav button.owl-prev {
	margin-right: 5px;
}

.slidecategory.owl-carousel .owl-nav button.owl-next {
	margin-right: 0;
}

.slidecategory.owl-carousel .owl-nav button.owl-prev:hover,
.slidecategory.owl-carousel .owl-nav button.owl-next:hover {
	color: #000;
	border-color: #000;
}










.content-box.promotionshome {
	background: #9acd32;
	padding-bottom: 7%;
}

.img-promotions {
	text-align: center;
	overflow: hidden;
	aspect-ratio: 2/2;
	transition: all 0.6s;
}

.img-promotions img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
}

.img-promotions:hover {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.img-promotions:hover img {
	transform: scale(1.05);
}


/*.slidepromotions .slick-dots li{
	width: auto;
	height: auto;
	margin: auto;
}
.slidepromotions .slick-dots li button{
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 5px;
	background: #FFF;
	opacity: .6;
}
.slidepromotions .slick-dots li.slick-active button{opacity: 1;}
.slidepromotions .slick-dots li button:before{display: none;}*/


.bannerflashsale {
	width: 100%;
	overflow: hidden;
}

.bannerflashsale img {
	width: 100%;
	transition: all 0.6s;
}

.flashsale-box {
	padding: 5px;
	background: #FFF;
}

.flashsale-box .img-box {
	margin: 0;
	aspect-ratio: 2/2;
}

.flashsale-box .img-box img {
	height: 100%;
	object-fit: cover;
}

.flashsale-box:hover img {
	transform: scale(1.05);
}

.text-flashsle {
	text-align: center;
	padding: 10px;
}

.text-flashsle h1 {
	font-size: 1rem;
	margin: 0 0 1rem 0;
	text-transform: uppercase;
	font-family: 'Kanit-Regular';

	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.2;
	height: calc(1rem * 1.2 * 2);

}

.text-flashsle h2 {
	font-size: 1rem;
	margin: 0;
	color: #cc0000;
}

.text-flashsle p {
	margin: 0;
	color: #7c7c7c;
}

.content-box.flashsalehome {
	background: #ff8c00;
	position: relative;
}

/*.slideflashsale{margin-top: 1rem;width: 100%;}
.slideflashsale .slick-slide{padding:5px;}
.slideflashsale .slick-prev:before, .slideflashsale .slick-next:before{display: none;}
.slideflashsale .slick-prev, .slideflashsale .slick-next{
	width: 25px;
	height: 25px;
	background-size: 100% !important;
	z-index: 1;
}
.slideflashsale .slick-prev{
	left: 0;
	background: url("../images/prev.png") center center no-repeat;
}
.slideflashsale .slick-next{
	right: 0;
	background: url("../images/next.png") center center no-repeat;
}
*/



.icon-category {
	text-align: center;
}

.icon-category .img-box {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	margin: auto;
	width: 85px;
	height: 85px;
	border-radius: 50%;
	background: #dcf99c;
	transition: all 0.6s;
}

.icon-category img {
	width: auto;
	max-width: 90%;
	transition: all 0.6s;
}

.icon-category:hover img {
	filter: invert(11%) sepia(78%) saturate(1892%) hue-rotate(108deg) brightness(94%) contrast(95%);
}

.icon-category p {
	margin: 15px 0 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.2;
	height: calc(1rem * 1.2 * 2);
}

.icon-category:hover .img-box {
	transform: scale(1.05);
	transition: all 0.6s;
}

/*.slidecategoryicon .slick-slide.slick-current.slick-active .icon-category {color: #063b09;}
.slidecategoryicon .slick-list{padding: 0;}
.slidecategoryicon .slick-slide{margin: 0 10px;padding: 1rem 0;}
.slidecategoryicon .slick-prev:before, .slidecategoryicon .slick-next:before{display: none;}
.slidecategoryicon .slick-prev, .slidecategoryicon .slick-next{
	width: 25px;
	height: 25px;
	top: -30%;
	background-size: 100% !important;
	z-index: 1;
	filter: invert(86%) sepia(7%) saturate(8%) hue-rotate(350deg) brightness(84%) contrast(86%);
}
.slidecategoryicon .slick-next:hover,
.slidecategoryicon .slick-prev:hover{filter: none;}
.slidecategoryicon .slick-prev{
	left: auto;
	right: 2rem;
	background: url("../images/prev.png") center center no-repeat;
}
.slidecategoryicon .slick-next{
	right: 0;
	background: url("../images/next.png") center center no-repeat;
}*/


.flipdown {
	margin: auto;
	position: relative;
	z-index: 1;
	background: #ff8c00;
	height: auto;
	min-height: 110px;
	padding: 15px 5px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.flipdown .rotor-group {
	padding-right: 26px;
}







.headerotherpage {
	padding: 10% 0;
	background: #f5f5f5;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.headerotherpage .title-box {
	margin: 0;
}

.content-box.cartpage {
	position: relative;
}

.cartlist-details {
	border-radius: 10px;
	margin-bottom: 1rem;
	background: #FFF;
	padding: 1rem;
	position: relative;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.cartlist-details .fa-trash {
	color: #565656;
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 1;
}

.cartlist-details .fa-trash:hover {
	color: #f00;
}

.cartlist-details .img-box {
	margin: 0;
}

.detail-textcart h1 {
	font-size: 1rem;
	margin: 0;
	font-family: 'Kanit-Regular';
}

.detail-textcart p {
	margin: 0;
	color: #4F4F4F;
	font-size: .9rem;
}

.price-text {
	margin-top: .5rem;
	padding-top: .5rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #ececec;
}

.price-text h1 {
	font-size: 1rem;
	margin: 0;
	color: #f00;
}

.price-text p {
	margin: 0;
	color: #AAAAAA;
	font-size: .75rem;
	text-decoration: line-through;
}

.checkout-price {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1023;
	background: #FFF;
	width: 100%;
	padding: 1rem 0;
	box-shadow: -10px 0 7px rgba(0, 0, 0, 0.15);
}

.textlist-pro h1 {
	font-size: 1.2rem;
	margin: 0;
	font-family: 'Kanit-Regular';
}

.text-buy ul {
	list-style: none;
}

.text-buy ul h1 {
	font-size: 1.4rem;
	color: #FF0000;
	margin: 0 10px;
	font-family: 'Kanit-Regular';
}

.text-buy ul span {
	text-decoration: line-through;
	color: #AAAAAA;
	margin-left: 10px;
	font-size: 1.1rem;
}

.text-buy ul li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: right;
	margin-bottom: 5px;
}

.buypro-btn {
	padding: 5px;
	text-align: center;
	display: block;
	border: none;
	box-shadow: none;
	background: #ff8c00;
	color: #FFF;
	border-radius: 5px;
	width: 165px;
}

.number-input {
	display: inline-flex;
	overflow: hidden;
	color: #000;
	border-radius: 5px;
	margin: 1rem auto;
}

.number-input .minus-bt {
	width: 38px;
	height: 38px;
	color: #000;
	padding: 0 10px;
	border-radius: 5px;
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
}

.number-input .plus-bt {
	width: 38px;
	height: 38px;
	color: #000;
	padding: 0 10px;
	border-radius: 5px;
	border: 1px solid #f5f5f5;
	background: #f5f5f5;
}

.number-input .plus-bt:hover,
.number-input .minus-bt:hover {
	background: #ff8c00;
	color: #FFF;
}

.number-input button {
	outline: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	margin: 0;
	position: relative;
}

.number-input input[type=number] {
	max-width: 80px;
	padding: 5px;
	border-width: 0 2px;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	color: #000;
	margin: 0 5px;
	border-radius: 5px;
	border: 1px solid #f5f5f5;
	background: #FFF;
}

.quantity[type="number"]::-webkit-inner-spin-button,
.quantity[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.quantity[type="number"]:focus {
	outline: none;
	border: none;
	box-shadow: none;
}

/* The container */
.checkpro {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.checkpro input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkpro .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #FFF;
	border-radius: 5px;
	border: 1px solid #ececec;
	z-index: 1;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkpro .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkpro input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkpro .checkmark:after {
	left: 25%;
	top: 50%;
	width: 7px;
	z-index: 2;
	height: 13px;
	border: solid #ff8c00;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg) translate(-50%, -50%);
	-ms-transform: rotate(45deg) translate(-50%, -50%);
	transform: rotate(45deg) translate(-50%, -50%);
}








.login-content .row {
	height: 100%;
	align-content: center;
	padding: 0 3%;
}

.login-content {
	height: 100vh;
	background: url("../login/images/bglogin-01.png") top left -7rem no-repeat;
	background-size: cover !important;
}

.img-logo {
	text-align: center;
	overflow: hidden;
	margin-bottom: 2rem;
}

.img-logo img {
	width: auto;
	max-width: 60%;
}

.login-btn {
	border: 1px solid #ff8c00;
	box-shadow: none;
	background: #ff8c00;
	color: #FFF;
	text-align: center;
	width: 100%;
	border-radius: 30px;
	padding: 8px;
	margin: 0 auto 1rem;
	transition: all 0.6s;
}

.login-btn:hover {
	color: #ff8c00;
	background: #FFF;
}

.register-btn {
	border: 1px solid #006400;
	box-shadow: none;
	background: #006400;
	color: #FFF;
	text-align: center;
	display: block;
	width: 100%;
	border-radius: 30px;
	padding: 8px;
	margin: 0 auto 1rem;
	transition: all 0.6s;
}

.register-btn:hover {
	color: #006400;
	background: #FFF;
}

.back-btn {
	border: 1px solid #a6a6a6;
	box-shadow: none;
	background: #a6a6a6;
	color: #585858;
	text-align: center;
	width: 165px;
	border-radius: 30px;
	padding: 6px;
	margin: 0 0 1rem;
	display: block;
	transition: all 0.6s;
}

.back-btn:hover {
	background: #FFF;
	color: #585858;
}

.forget-password {
	text-align: center;
	text-decoration: underline;
	color: #3C3C3C;
	margin: auto;
}

.forget-password:hover {
	color: #898989;
	text-decoration: none;
}


.text-policy {
	margin-bottom: 2rem;
}

.text-policy p {
	text-indent: 3%;
	margin-bottom: 1rem;
}

.text-policy ul {
	list-style: none;
	padding-left: 3%;
	margin: 1rem auto;
}

.text-policy ul li {
	margin-bottom: 6px;
}

.text-policy h1 {
	font-size: 1.4rem;
	margin-bottom: .5rem;
	font-family: 'Kanit-Medium';
}

.text-policy .fa-circle {
	font-size: 10px;
	margin-right: 10px;
	vertical-align: middle;
}

.text-policy .fa-circle-chevron-right {
	font-size: 1rem;
	margin-right: 10px;
}

.text-policy a:hover {
	color: #ff8c00;
}

.text-policy h2 {
	font-size: 1.2rem;
	margin-bottom: .5rem;
	font-family: 'Kanit-Regular';
}

.register-content {
	padding: 10% 0;
	background: url("../register/images/bglogin-01.png") left -20rem top no-repeat;
	background-size: cover !important;
}

.detail-form {
	margin-bottom: 1rem;
}

.detail-form p {
	margin-bottom: .5rem;
}

.detail-form span {
	color: #f00;
}

.address-collapse {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	margin-top: 1rem;
	margin-bottom: 1rem;
	background: #f5f5f5;
	border-radius: 10px;
}

#collapseadress .card-body {
	padding: 0;
	border-radius: 0;
	border: none;
}

.radioaddress {
	display: block;
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin-bottom: 2rem;
}

/* Hide the browser's default radio button */
.radioaddress input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.radioaddress .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #FFF;
	border-radius: 5px;
	border: 1px solid #ff8c00;
	z-index: 1;
}


/* Create the indicator (the dot/circle - hidden when not checked) */
.radioaddress .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radioaddress input:checked~.radioaddress .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radioaddress .checkmark:after {
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	z-index: 2;
	border-radius: 50%;
	background: #ff8c00;
	transform: translate(-50%, -50%);
}


.google-btn {
	background: #f5f5f5;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #f5f5f5;
	box-shadow: none;
	width: 100%;
	margin: 0;
	padding: 10px 5px;
	margin-bottom: 1rem;
	transition: all 0.6s;
}

.google-btn:hover {
	background: #FFF;
	color: #454545;
	border-color: #454545;
}

.google-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.google-btn img {
	width: 25px;
	margin-right: 10px;
	transition: all 0.6s;
}

.facebook-btn {
	background: #0084FF;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #0084FF;
	box-shadow: none;
	width: 100%;
	margin: 0;
	padding: 10px 5px;
	color: #FFF;
	margin-bottom: 1rem;
	transition: all 0.6s;
}

.facebook-btn:hover {
	background: #FFF;
	color: #0084FF;
}

.facebook-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.facebook-btn img {
	width: 24px;
	margin-right: 10px;
	transition: all 0.6s;
	filter: brightness(0) invert(1);
}

.facebook-btn:hover img {
	filter: invert(34%) sepia(57%) saturate(4332%) hue-rotate(197deg) brightness(106%) contrast(102%);
}

.linelogin-btn {
	background: #06C755;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #06C755;
	box-shadow: none;
	width: 100%;
	margin: 0;
	padding: 10px 5px;
	color: #FFF;
	margin-bottom: 1rem;
	transition: all 0.6s;
}

.linelogin-btn:hover {
	background: #FFF;
	color: #06C755;
}

.linelogin-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.linelogin-btn img {
	width: 25px;
	margin-right: 10px;
	transition: all 0.6s;
	filter: brightness(0) invert(1);
}

.linelogin-btn:hover img {
	filter: invert(57%) sepia(75%) saturate(2673%) hue-rotate(105deg) brightness(98%) contrast(95%);
}

.phoneregister-btn {
	background: #Fc0;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #Fc0;
	box-shadow: none;
	width: 100%;
	margin: 0;
	padding: 10px 5px;
	color: #FFF;
	margin-bottom: 1rem;
	transition: all 0.6s;
}

.phoneregister-btn:hover {
	background: #FFF;
	color: #Fc0;
}

.phoneregister-btn a {
	display: flex;
	align-items: center;
	justify-content: center;
}

.phoneregister-btn img {
	width: 25px;
	margin-right: 10px;
	transition: all 0.6s;
	filter: brightness(0) invert(1);
}

.phoneregister-btn:hover img {
	filter: invert(75%) sepia(84%) saturate(2508%) hue-rotate(3deg) brightness(110%) contrast(109%);
}

.login-form .checkpro a {
	color: #006400;
	text-decoration: underline;
}

.login-form .checkpro {
	font-size: 18px;
}



.bannerpage {
	padding: 10% 0;
	background: #f5f5f5;
}

.bannerpage .title-box {
	margin: 0;
	text-align: left;
}

.textabout-abpage {
	margin: 1rem auto;
}

.textabout-abpage h1 {
	font-size: 26px;
	margin-bottom: .5rem;
	font-family: 'Kanit-Medium';
}

.textabout-abpage hr {
	opacity: 1;
	margin: .5rem 0;
	border-top: 4px solid #000;
	width: 7em;
}

.textabout-abpage h2 {
	font-size: 20px;
	margin-bottom: 0;
	color: #006400;
	font-family: 'Kanit-Regular';
}

.textabout-abpage p {
	margin-bottom: 1rem;
}

.textabout-abpage span {
	color: #ff8c00;
	font-size: 1.4rem;
	font-family: 'Kanit-Medium';
	font-style: italic;
}

#carouselaboutus {
	overflow: hidden;
	border-radius: 10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

#carouselaboutus .carousel-item {
	aspect-ratio: 2/2;
}

#carouselaboutus .carousel-item img {
	height: 100%;
	object-fit: cover;
	transition: all 0.6s;
}

#carouselaboutus .carousel-item:hover img {
	transform: scale(1.05);
}

.bannerheigh {
	min-height: 285px;
	background: url("../aboutus/images/banner-center.jpg") center center no-repeat;
	background-attachment: fixed !important;
	background-size: cover !important;
}

.textabout-center {
	text-align: center;
}

.textabout-center p {
	margin: 0;
}

.textabout-center h1 {
	font-size: 26px;
	margin-bottom: .5rem;
	font-family: 'Kanit-Medium';
}

.content-box.graygradient {
	background: -webkit-linear-gradient(bottom, rgba(230, 230, 230, 1) 1%, rgba(255, 255, 255, 1) 45%);
	background: -o-linear-gradient(bottom, rgba(230, 230, 230, 1) 1%, rgba(255, 255, 255, 1) 45%);
	background: linear-gradient(to top, rgba(230, 230, 230, 1) 1%, rgba(255, 255, 255, 1) 45%);
}


#carouselproductbanner {
	border-radius: 10px;
	overflow: hidden;
	margin: 0 auto 2rem;
}

#carouselproductbanner .carousel-indicators {
	justify-content: flex-start;
	margin: 2% 3%;
}

#carouselproductbanner .carousel-indicators button {
	width: 12px;
	height: 12px;
	margin: 0 3px;
	opacity: .6;
	border: none;
	background: #FFF;
	border-radius: 50%;
}

#carouselproductbanner .carousel-indicators button.active {
	opacity: 1;
}





.content-box.newspage2 {
	background: #f5f5f5;
}

.pageclick {
	margin-top: 2rem;
}

.pageclick .page-link {
	width: 40px;
	height: 40px;
	border-radius: 50% !important;
	color: #006400;
	border: 1px solid #006400 !important;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 5px;
	transition: all 0.6s;
	background-color: transparent;
}

.pageclick .page-link.active,
.pageclick .page-link:hover {
	color: #FFF;
	background: #006400;
	transform: scale(.95);
}

.pageclick ul {
	justify-content: center;
}


.textnews-details {
	margin-bottom: 2rem;
}

.textnews-details h1 {
	font-size: 24px;
	margin: 0;
	font-family: 'Kanit-Medium';
}

.textnews-details ul {
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: .5rem 0;
	padding-top: .5rem;
	border-top: 1px solid #ececec;
	font-size: .9rem;
	color: #6C6C6C;
}

.textnews-details ul li {
	width: auto;
	margin-right: 7px;
}

.textnews-details p {
	margin: 0;
	text-indent: 3%;
}

.btnstyle {
	width: 160px;
	text-align: center;
	padding: 7px 15px;
	margin: 1rem 0 0;
	border-radius: 30px;
	transition: all 0.6s;
	border: 1px solid transparent;
}

.btnstyle a {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.btnstyle.readall .fa-circle-chevron-right,
.btnstyle.backbtn .fa-circle-chevron-left {
	font-size: 1.3rem;
	transition: all 0.6s;
}

.btnstyle.backbtn:hover .fa-circle-chevron-left {
	transform: translateX(-10px);
}

.btnstyle.readall:hover .fa-circle-chevron-right {
	transform: translateX(10px);
}

.btnstyle.backbtn {
	color: #FFF;
	border-color: #6D6D6D;
	background: #6D6D6D;
}

.btnstyle.readall {
	color: #FFF;
	border-color: #006400;
	background: #006400;
}

.btnstyle.backbtn:hover {
	color: #FFF;
	border-color: #006400;
	background: #006400;
}

.btnstyle.readall:hover {
	color: #006400;
	background: #FFF;
}

.content-box.relatedbox {
	background: #f5f5f5;
}

.content-box.relatedbox .title-box {
	text-align: left;
	margin: 0;
}

.icon-buy {
	text-align: center;
	padding: 1.5rem 1rem;
	background: #FFF;
	transition: all 0.6s;
	border-radius: 10px;
	margin-bottom: .5rem;
}

.icon-buy:hover {
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.icon-buy .iconcircle {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 0 auto 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.6s;
	background: #FFF;
	border: 2px solid #006400;
	text-align: center;
	padding: 1rem;
}

.icon-buy:hover .iconcircle {
	background: #006400;
}

.icon-buy img {
	width: auto;
	max-width: 100%;
	transition: all 0.5s;
	filter: invert(17%) sepia(68%) saturate(3752%) hue-rotate(103deg) brightness(93%) contrast(102%);
}

.icon-buy:hover img {
	transform: scale(.95);
	filter: brightness(0) invert(1);
}

.icon-buy a {
	color: #000;
	text-decoration: none;
}

.icon-buy p {
	margin: 0;
}

.text-paybank {
	margin-bottom: 1rem;
}

.text-paybank h1 {
	font-size: 1.2rem;
	margin: 0;
	font-family: 'Kanit-Medium';
}

.bankbox {
	margin-bottom: 1rem;
	background: #FFF;
	box-shadow: rgba(229, 229, 229, 0.16) 0px 1px 4px;
	padding: 1rem;
	border-radius: 10px;
	overflow: hidden;
}

.bankbox img {
	width: auto;
	max-width: 100%;
}

.bankbox p {
	margin: 0;
}

.bankbox h1 {
	font-size: 1rem;
	margin: .5rem 0;
	font-family: 'Kanit-Medium';
}

.content-box.chosepay {
	background: rgb(255 141 0 / 5%);
}

.textcenter-order {
	text-align: center;
	margin: 1rem auto;
}

.textcenter-order h1 {
	font-size: 1.2rem;
	margin: 0;
	font-family: 'Kanit-Medium';
}

.textcenter-order p {
	margin: 0;
	color: #FF0000;
}

.message-contact {
	padding: 1rem;
	margin: 1rem auto 0;
	background-image: -moz-linear-gradient(37deg, rgb(138, 1, 7) 0%, rgb(238, 0, 0) 54%, rgb(151, 0, 0) 100%);
	background-image: -webkit-linear-gradient(37deg, rgb(138, 1, 7) 0%, rgb(238, 0, 0) 54%, rgb(151, 0, 0) 100%);
	background-image: -ms-linear-gradient(37deg, rgb(138, 1, 7) 0%, rgb(238, 0, 0) 54%, rgb(151, 0, 0) 100%);
	box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.3);
}

.message-contact h1 {
	margin-bottom: 1rem;
	font-family: 'Kanit-Regular';
	text-align: center;
}

.detail-form {
	margin-bottom: 1rem;
}

.detail-form #captcha-refresh {
	cursor: pointer;
	color: #006400;
	font-size: 26px;
	vertical-align: middle;
}

.detail-form span,
.detail-form p.red-text {
	color: #F00;
	display: initial;
}

.detail-form p {
	margin-bottom: 5px;
	text-align: left;
}

.detail-form h1 {
	font-size: 1rem;
	margin-bottom: 1rem;
	font-family: 'Kanit-Medium';
}

.detail-form .custom-file-input,
.detail-form .custom-file {
	height: auto;
}

.form-text,
.custom-file-label {
	padding: 8px 15px !important;
	background: #FFF !important;
	border: none !important;
	border-bottom: 1px solid #cdcdcd !important;
	width: 100% !important;
	color: #000 !important;
	border-radius: 0 !important;
	height: auto !important;
	margin: 0 !important;
	line-height: normal !important;
	font-size: 1rem !important;
	display: block !important;
}

.form-text:focus {
	outline: none;
	box-shadow: none;
	border-color: #006400;
}

.form-text::placeholder {
	color: #cdcdcd;
}

.detail-form ul {
	list-style: none;
}

.detail-form ul li {
	padding-bottom: 5px;
}

.sendus-btn {
	width: 200px;
	padding: 8px;
	display: block;
	box-shadow: none;
	border: 1px solid #006400;
	color: #FFF;
	background: #006400;
	margin: .5rem auto;
	cursor: pointer;
	transition: all 0.5s;
	border-radius: 25px;
}

.sendus-btn:hover {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	background: #FFF;
	color: #006400;
	transform: scale(.98);
}


.address-box h1,
.social-box h1,
.contact-box h1 {
	font-size: 1.2rem;
	margin-bottom: .5rem;
	font-family: 'Kanit-Medium';
}

.address-box h2,
.social-box h2,
.contact-box h2 {
	font-size: 1rem;
	margin-bottom: .5rem;
	font-family: 'Kanit-Regular';
}

.contact-box {
	margin: 1rem auto;
}

.contact-box ul {
	list-style: none;
}

.contact-box ul li {
	margin-bottom: 5px;
}

.address-box p,
.social-box p,
.contact-box p {
	margin: 0;
}

.social-box img {
	width: 35px;
	transition: all 0.6s;
}

.social-box img:hover {
	transform: scale(.9);
}

.mapbox {
	text-align: center;
	overflow: hidden;
	height: 284px;
}

.mapbox iframe {
	width: 100%;
	height: 100%;
}

.filter-tableft {
	margin-bottom: 1rem;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.filter-tableft h1 {
	font-size: 1.4rem;
	margin-bottom: 0;
	text-align: center;
	font-family: 'Kanit-Medium';
	background: #f5f5f5;
	padding: 10px;
}

.filter-tableft ul {
	list-style: none;
}

.filter-tableft ul li a {
	width: 100%;
	padding: 8px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	position: relative;
}

.filter-tableft ul li a.active,
.filter-tableft ul li a:hover {
	color: #FFF;
	background: #006400;
}

.filter-tableft ul img {
	width: 33px;
	margin-right: 8px;
}

.filter-tableft ul li a.active img,
.filter-tableft ul li a:hover img {
	filter: brightness(0) invert(1);
}






.filter-products {
	margin-top: 2rem;
}

.filter-products a {
	padding: 5px;
	text-align: center;
	display: block;
	border-radius: 5px;
	font-size: .8rem;
	border: 1px solid #ececec;
	width: 95%;
	margin: 0 auto .5rem;
}

.filter-products a:hover,
.filter-products a.active {
	border-color: #006400;
	color: #006400;
}

.products-tabright .banner-ads {
	margin-bottom: 1rem;
}


.filter-tableft ul li .collapse .card-body,
.filter-tableft ul li .collapsing .card-body {
	padding: 0;
	border: none;
	border-radius: 0;
	background: rgb(1 100 0 / 6%);
}

.filter-tableft ul li .collapse .card-body a,
.filter-tableft ul li .collapsing .card-body a {
	display: block;
	padding-left: 2.5rem;
	width: 100%;
}

.tagsale {
	padding: 3px 15px;
	text-align: center;
	color: #FFF;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
	font-size: .8rem;
}

.newtag {
	background: #f00;
}

.outtag {
	background: #999;
}

.recomtag {
	background: #006400;
}

.flashsaletag {
	background: #ff8c00;
}

.category-box.grayscale {
	filter: grayscale(100%);
}

.textproducts-details.bg-gray {
	padding: 1rem;
	background: #F6F6F6;
	margin-bottom: 2rem;
	border-radius: 10px;
}

.textproducts-details.bg-gray ul {
	padding-left: 1.2rem;
	margin: 0;
}

.textproducts-details h4 span,
.textproducts-details h3 span,
.textproducts-details h2 span,
.textproducts-details h1 span {
	font-size: .9rem;
}

.textproducts-details h1 {
	font-size: 1.4rem;
	margin-bottom: .5rem;
	font-family: 'Kanit-Medium';
}

.textproducts-details h2 {
	font-size: 1.2rem;
	margin: 0;
	font-family: 'Kanit-Regular';
}

.textproducts-details h2.redtext {
	color: #E02525;
}

.textproducts-details h3 {
	font-size: 1rem;
	margin: 0;
}

.textproducts-details h4 {
	font-size: 1rem;
	margin: 0;
	color: #999999;
	text-decoration: line-through;
}

.textproducts-details p {
	margin-bottom: .5rem;
}

.textproducts-details a.titledetail {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2rem;
}

.textproducts-details a h1 {
	margin: 0;
}

.textproducts-details a[aria-expanded="false"] .fa-angle-down {
	transform: rotate(0);
}

.textproducts-details a[aria-expanded="true"] .fa-angle-down {
	transform: rotate(180deg);
}

.textproducts-details #collapsedetailmore .card {
	padding: 0;
	border: none;
	border-radius: 0;
}

.addtocart-btn {
	border: 1px solid #ff8c00;
	box-shadow: none;
	background: #ff8c00;
	color: #FFF;
	text-align: center;
	width: 100%;
	border-radius: 30px;
	padding: 8px;
	margin: 0 auto 1rem;
	transition: all 0.6s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.addtocart-btn:hover {
	color: #ff8c00;
	background: #FFF;
}

.addtocart-btn img {
	width: 33px;
	margin: 0 3px;
	filter: brightness(0) invert(1);
}

.addtocart-btn:hover img {
	filter: invert(77%) sepia(48%) saturate(6182%) hue-rotate(357deg) brightness(98%) contrast(109%);
}

.buy-btn {
	border: 1px solid #006400;
	box-shadow: none;
	background: #006400;
	color: #FFF;
	text-align: center;
	display: block;
	width: 100%;
	height: 51px;
	border-radius: 30px;
	padding: 8px;
	margin: 0 auto 1rem;
	transition: all 0.6s;
}

.buy-btn:hover {
	color: #006400;
	background: #FFF;
}

.textproducts-details .number-input {
	float: left;
	width: 100%;
	display: flex;
	align-items: center;
	margin: 1rem 0;
	justify-content: space-between;
}

.textproducts-details .number-input input[type=number] {
	max-width: 100%;
	width: 100%;
}

.vdoproducts {
	width: 100%;
	overflow: hidden;
	aspect-ratio: 3/2;
	margin: 2rem auto 0;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.vdoproducts iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide-productsshow {
	margin-bottom: 2rem;
}

.slide-productsshow .owl-carousel {
	display: block;
}

.slide-productsshow .owl-carousel.owl-drag .owl-item {
	padding: .5rem;
}

.slide-productsshow .owl-carousel .item {
	background: #FFF;
	text-align: center;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.10);
}

#big {
	height: auto;
	overflow: hidden;
	margin-bottom: 20px;
}

#big .item {
	aspect-ratio: 2/2;
}

#big .item iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 2/2;
}

#big .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#thumbs .item {
	aspect-ratio: 2/2;
	overflow: hidden;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.10);
}

#thumbs .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide-productsshow .owl-carousel#thumbs .item {
	opacity: .4;
}

.slide-productsshow .owl-carousel#thumbs .owl-item.active.current .item {
	opacity: 1;
}

.slide-productsshow .owl-carousel#thumbs .owl-nav {
	position: absolute;
	top: 50%;
	width: 100%;
	left: 0;
	display: flex !important;
	transform: translate(0, -50%);
	justify-content: space-between;
}

.slide-productsshow .owl-carousel#thumbs .owl-nav button.owl-prev,
.slide-productsshow .owl-carousel#thumbs .owl-nav button.owl-next {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #000;
	font-size: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #000;
}

.slide-productsshow .owl-carousel#thumbs .owl-nav button.owl-prev:hover,
.slide-productsshow .owl-carousel#thumbs .owl-nav button.owl-next:hover {
	color: #ff8c00;
	border-color: #ff8c00;
}

.tagstock {
	font-size: .9rem;
	color: #f00;
	margin: 1rem 0 0;
	text-align: center;
}

.buydone {
	font-size: .9rem;
	margin: 0 auto 1rem;
	text-align: center;
	font-family: 'Kanit-Regular';
}

.projectboxs .img-box {
	aspect-ratio: 3/2;
}

.projectboxs .img-box iframe {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.banktransfer {
	margin-bottom: 1rem;
}

.banktransfer label {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}

.banktransfer img {
	width: 95px;
	margin-right: 10px;
}

.taxtbkank h1 {
	font-size: 1rem;
	margin: 0;
	font-family: 'Kanit-Regular';
}

.taxtbkank p {
	margin: 0;
}

.textbank img {
	max-width: 100%;
}

.textbank h1 {
	font-size: 1.2rem;
	margin-bottom: .75rem;
	font-family: 'Kanit-Regular';
}

.icon-paystep {
	background: #FFF;
	text-align: center;
	transition: all 0.6s;
	margin-bottom: 2rem;
	padding: 1rem;
	position: relative;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.tagnumber {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .3rem;
	border-radius: 50%;
	position: absolute;
	left: .75rem;
	top: .75rem;
	z-index: 1;
	background: #006400;
	color: #FFF;
}

.icon-paystep img {
	width: auto;
	max-width: 100%;
	border-radius: 10px;
	transition: all 0.6s;
}

.icon-paystep:hover {
	background: rgba(255, 140, 0, .1);
}

.icon-paystep:hover img {
	transform: scale(1.03);
}

.icon-paystep h1 {
	font-size: 1rem;
	margin: 1rem auto;
	font-family: 'Kanit-Medium';
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 1.3;
	height: calc(1rem* 1.2* 3);
}

.add-address h1 {
	font-size: 18px;
	line-height: 1;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-family: 'Kanit-Medium';
	border-bottom: 1px solid #eee;
}

.size-choose {
	margin-bottom: 10px;
}

.po-choose {
	color: #070707;
	border-radius: 8px;
	padding: 3px;
	text-align: center;
	transition: all 0.5s;
	background: #FFF;
	border: 1px solid #e5e5e5;
	width: 100%;
	cursor: pointer;
	margin-bottom: 0;
}

.po-choose p {
	color: #a7a7a7;
}

.po-choose:hover {
	color: #ff8c00;
	border-color: #ff8c00;
}

.po-choose:hover p {
	color: #ff8c00;
}

.color-choose input[type='radio'],
.size-choose input[type='radio'] {
	display: none;
}

.color-choose input[type='radio']:checked+label,
.size-choose input[type='radio']:checked+label {
	color: #ff8c00;
	border-color: #ff8c00;
}

.color-choose input[type='radio']:checked+label p,
.size-choose input[type='radio']:checked+label p {
	color: #ff8c00;
}


.tabspro-details {
	margin: 2rem auto;
}

.tabspro-details ul.nav-pills {
	flex-wrap: wrap;
	margin-bottom: 1rem;
}

.tabspro-details ul.nav-pills li {
	width: auto;
	margin: 0 10px 0 0;
}

.tabspro-details ul.nav-pills li a {
	display: block;
	text-align: center;
	padding: 8px 15px;
	color: #000;
	font-family: 'Kanit-Medium';
	border-radius: 5px;
	border: 1px solid #ececec;
}

.tabspro-details ul.nav-pills li a.active,
.tabspro-details ul.nav-pills li a:hover {
	color: #FFF;
	background: #ff8c00;
	border-color: #ff8c00;
}

.rangreviws {
	text-align: center;
	margin-bottom: 1rem;
	color: #ff8c00;
}

.rangreviws h1 span {
	font-size: 2rem;
}

.rangreviws h1 {
	font-size: 1.4rem;
	margin: 0;
	font-family: 'Kanit-Medium';
}

.rangreviws p {
	margin: 0;
}

.nav-pills#pills-reviews .row {
	width: 100%;
}

.nav-pills#pills-reviews a {
	padding: 5px 8px;
	border: 1px solid #eee;
	display: inline-block;
	margin: 5px;
}

.nav-pills#pills-reviews a span {
	font-size: .9rem;
}

.nav-pills#pills-reviews a.active,
.nav-pills#pills-reviews a:hover {
	color: #FFF;
	background: #ff8c00;
}

.reviws-content {
	margin-top: 2rem;
}

.reviws-box {
	padding: 1rem;
	margin: 1rem auto;
	border-radius: 10px;
	border: 1px solid #eee;
}

.reviws-box h1 {
	font-size: 1rem;
	margin-bottom: 1rem;
	font-family: 'Kanit-Medium';
}

.reviws-box p {
	margin-bottom: 0;
}

.reviws-box h2 {
	color: #006400;
	font-size: .95rem;
	margin-bottom: .5rem;
	font-family: 'Kanit-Regular';
}

.reviws-box h3 {
	color: #888888;
	font-size: .8rem;
}

.rangstar {
	color: #ff8c00;
	margin-bottom: 1rem;
}

.textcountdown {
	margin: -1rem auto 0;
	color: #FFF;
	position: relative;
	z-index: 2;
	font-family: 'Kanit-Regular';
}

.textcountdown p {
	text-align: center;
}

.textcountdown .col-2 {
	width: 25%;
}



.tabs-profile,
.profile-boxcard {
	padding: 1rem .5rem;
	border-radius: 15px;
	border: 1px solid #f5f5f5;
	margin-bottom: 2rem;
	background: #f1f1f1;
}

.pic-profile {
	width: 110px;
	height: 110px;
	border-radius: 50%;
	padding: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #006400;
	margin: 0 auto 2rem;
	position: relative;
}

.pic-profile .edit-imgprofile {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	font-size: 18px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	background: #ff8c00;
	border-radius: 50%;
	border: 2px solid #fff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.pic-profile img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid #fff;
}

.tabs-profile ul li a.active,
.tabs-profile ul li a:hover {
	color: #ff8c00;
}

.tabs-profile ul li a.active img,
.tabs-profile ul li a:hover img {
	filter: invert(73%) sepia(47%) saturate(6663%) hue-rotate(1deg) brightness(105%) contrast(105%);
}

.tabs-profile ul {
	display: block;
	flex-wrap: wrap;
	line-height: 3;
}

.tabs-profile ul li {
	padding-bottom: 10px;
}

.tabs-profile ul img {
	width: 22px;
	margin-right: 5px;
	/*filter: brightness(0) invert(1);*/
}

.profile-boxcard h1 {
	font-size: 1.4rem;
	margin: 0;
	font-family: "Kanit-Medium";
}

.profile-boxcard p {
	margin: 0;
}

.profile-boxcard ul {
	list-style: none;
}

.lingcolor {
	width: 100%;
	height: 1px;
	background: #223c77;
	margin: 1rem auto;
}

.tag-notification {
	background: #e5e5e5;
	padding: 1rem;
	margin: 0 auto 2rem;
	position: relative;
	color: #000;
	border-radius: 10px;
}

.closebtn {
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
	z-index: 1;
}

.tag-notification a {
	color: #223c77;
}

.tag-notification p {
	margin-bottom: 1rem;
}

.profile-boxcard ul li {
	margin-bottom: 10px;
}

.profile-boxcard ul p,
.profile-boxcard ul span {
	font-family: "Kanit-Medium";
}

.profile-boxcard .titleprofile img {
	/*filter: brightness(0) invert(1);*/
	width: 20px;
	margin-right: 5px;
}

.profile-boxcard .titleprofile {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.btn-login {
	width: 180px;
	display: block;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.13);
	border: 1px solid #006400;
	margin: 0 10px;
	padding: 8px;
	background: #006400;
	transition: all 0.5s;
	text-decoration: none;
}

.passwordboxcard .form-control {
	border: 1px solid #0064007;
	background: #fff;
	color: #000;
	margin-bottom: 1rem;
}

.passwordboxcard .form-control span {
	color: #ff8c00;
}

.passwordboxcard .btn-login {
	border-color: #000;
	margin: 1rem auto;
}

.passwordboxcard .btn-login:hover {
	background: #fff;
	color: #006400;
}


/*19/12/2024*/

.text-detail--profilepage {
	margin-bottom: 2rem;
}

.text-detail--profilepage h1,
.address-card--profilepage h1 {
	font-size: 1.4rem;
	margin: 1rem auto 0;
	font-family: 'Kanit-Medium';
}

.text-detail--profilepage span {
	color: #ee0000;
}

.text-detail--profilepage h2 {
	font-size: 1rem;
	margin: 0;
	font-family: 'Kanit-Regular';
}

.table-product--profilepage {
	margin: 1rem auto;
	border: 1px solid #ee0000;
	border-radius: 10px;
	overflow: hidden;
}

.table-product--profilepage table {
	width: 100%;
}

.table-product--profilepage th {
	padding: 10px 18px;
	font-family: 'Kanit-Regular';
	font-size: 1.2rem;
}

.table-product--profilepage td {
	vertical-align: top;
	padding: 10px 18px;
}

/* .table-product--profilepage tr:nth-child(2n+1) td{background: #000;} */
.address-card--profilepage ul {
	list-style: none;
}

.address-card--profilepage ul li {
	margin-bottom: 5px;
}

.address-card--profilepage {
	padding: 1rem;
	border: 1px solid #ee0000;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 2rem;
}

.address-choose {
	padding: 1rem 1rem;
	border-radius: 10px;
	background: #FFF;
	margin-bottom: 2rem;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.address-choose h1 {
	font-size: 1.2rem;
	margin-bottom: .5rem;
	font-family: 'Kanit-Medium';
}

.address-choose p {
	margin-bottom: .5rem;
}

.address-choose span {
	font-size: 1.1rem;
	margin-right: 5px;
	font-family: 'Kanit-Regular';
}

.address-choose a.editaddress {
	padding: 5px;
	border: 1px solid #ff8c00;
	color: #ff8c00;
	display: block;
	margin: 0;
	width: 110px;
	text-align: center;
}

.choosedelivery {
	padding: 1rem;
	border-radius: 10px;
	background: rgb(255 140 0 / 10%);
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.choosedelivery h1 {
	font-size: 1.2rem;
	margin-bottom: .5rem;
	font-family: 'Kanit-Medium';
}

.choosedelivery p {
	margin: 0;
}

.choosedelivery a.changedelivery {
	padding: 5px;
	border: 1px solid #ff8c00;
	color: #ff8c00;
	display: block;
	margin: 1rem 0 0;
	width: 110px;
	text-align: center;
}

#changedeliveryModal .btn-close {
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 1;
}

#changedeliveryModal .modal-content {
	position: relative;
	max-height: 667px;
	margin: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(233, 225, 216, 0.8) rgba(233, 225, 216, 0.1);
}

#changedeliveryModal .modal-dialog {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding: 0 1rem;
}

.banktransfer.deliverychange img {
	width: 60px;
}

.banktransfer.deliverychange label {
	align-items: center;
}



#changebankModal .btn-close {
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 1;
}

#changebankModal .modal-content {
	position: relative;
}

#changebankModal .modal-dialog {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding: 0 1rem;
}


#changeaddressModal .btn-close {
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 1;
}

#changeaddressModal .modal-content {
	position: relative;
	max-height: 667px;
	margin: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(233, 225, 216, 0.8) rgba(233, 225, 216, 0.1);
}

#changeaddressModal .modal-dialog {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding: 0 1rem;
}

.modal .modal-footer {
	border: none;
}

.add-address h1 {
	font-size: 18px;
	line-height: 1;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-family: 'Kanit-Medium';
}

.detail-address {
	margin-bottom: 15px;
}

.detail-address p {
	margin-bottom: 10px;
}

.form-address {
	width: 100%;
	padding: 7px 15px;
	border-radius: 5px;
	border: 1px solid #eee;
	background-color: #FFF;
}

.form-address:focus {
	outline: none;
}

.form-address::placeholder {
	color: #B2B2B2;
}

.add-address.addvat .checkmark {
	top: -5px;
}

/* Mobile: checkbox อยู่ใต้ h1 */
@media (max-width: 767px) {
	.add-address.addvat h1 {
		display: flex;
		flex-direction: column;
		gap: 10px;
	}

	.add-address.addvat h1 .radiochoose {
		margin-bottom: 0;
	}
}

/* The container */
.radiochoose {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 15px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.radiochoose input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: transparent;
	border-radius: 50%;
	border: 1px solid #797979;
}

/* When the radio button is checked, add a blue background */
.radiochoose input:checked~.checkmark {
	background-color: #FFF;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiochoose input:checked~.checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.radiochoose .checkmark:after {
	top: 50%;
	left: 50%;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: #797979;
	transform: translate(-50%, -50%);
}




/*===========paysuccess============*/

.carttext-success {
	text-align: center;
	margin: 2rem auto;
}

.carttext-success img {
	width: 35%;
}

.carttext-success ul {
	justify-content: space-between;
	align-items: center;
	display: flex;
	color: #7d7d7d;
	margin-top: 3rem;
	list-style: none;
}

.carttext-success h1 {
	font-size: 2rem;
	color: #ff8c00;
	margin: 2rem auto 1rem;
	font-family: 'Kanit-Medium';
}

.carttext-success h2 {
	font-size: 1.7rem;
	color: #FFF;
	margin-bottom: 0;
	font-family: 'Kanit-Medium';
}

.carttext-success span {
	font-size: 1.3rem;
	color: #ff8c00;
	font-family: 'Kanit-Medium';
}

.carttext-success p {
	margin: 0;
}

.tabsorders ul.nav-pills {
	padding-bottom: .5rem;
	border-bottom: 1px solid #ff8c00;
	margin-bottom: .5rem;
}

.tabsorders ul.nav-pills li {
	width: auto;
	margin: auto;
}

.tabsorders ul.nav-pills li a {
	display: block;
	padding: 5px 10px;
	text-align: center;
}

.tabsorders ul.nav-pills li a:hover,
.tabsorders ul.nav-pills li a.active {
	color: #ff8c00;
}

.reviewsandbuy {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #eee;
}

.reviewsandbuy a {
	display: block;
	width: 145px;
	text-align: center;
	margin: 5px;
	padding: 7px;
	color: #414141;
	background: white;
	border: 1px solid #ececec;
}

.reviewsandbuy a.reviewsbtn {
	color: #FFF;
	background: #ff8c00;
}

.reviewsandbuy a.reviewsbtn:hover {
	background: #db7d0a;
}

.reviewsandbuy a.buybtn:hover {
	color: #000;
	border-color: #dfdfdf;
	background: #f6f6f6;
}

#reviewsModal .btn-close {
	position: absolute;
	right: 1rem;
	top: 1rem;
	z-index: 1;
}

#reviewsModal .modal-content {
	position: relative;
	max-height: 667px;
	margin: auto;
	overflow-x: hidden;
	overflow-y: auto;
	scrollbar-width: thin;
	scrollbar-color: rgba(233, 225, 216, 0.8) rgba(233, 225, 216, 0.1);
}

#reviewsModal .modal-dialog {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	padding: 0 1rem;
}

.textstar {
	margin-bottom: .5rem;
}

.textstar h1 {
	font-size: 1.2rem;
	font-family: 'Kanit-Medium';
	margin: 0;
}

.textstar p {
	font-size: .75rem;
	color: #363636;
}

.textstar .fa-star {
	color: #FFCC00;
	font-size: 1.5rem;
}

.reviews-box {
	padding: 1rem;
	border-radius: 10px;
	background: #f1f1f1;
	margin: 1rem 0;
}

.concamera {
	box-sizing: border-box;
	color: #ff8c00;
	cursor: pointer;
	background: #fef6f5;
	border: 1px solid #ff8c00;
	align-items: center;
	height: 45px;
	margin-right: 8px;
	padding: 0 12px;
	display: inline-flex;
}

.concamera input.cameraadd {
	display: none;
}

.concameraadd {
	box-sizing: border-box;
	color: #AEAEAE;
	cursor: pointer;
	background: #f6f6f6;
	border: 1px dashed #AEAEAE;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 75px;
	height: 75px;
	margin-right: 8px;
	padding: 0 12px;
	display: inline-flex;
	position: relative;
}

.concameraadd .concamera {
	box-sizing: content-box;
	cursor: pointer;
	background: none;
	border: none;
	align-items: baseline;
	height: auto;
	margin-right: 0;
	padding: 0;
	display: block;
	color: #AEAEAE;
}

.concameraadd.addimg {
	padding: 0;
}

.concameraadd img {
	width: 100%;
}

.concameraadd .fa-xmark {
	position: absolute;
	top: 5px;
	right: 2px;
	z-index: 1;
	color: #000;
	font-size: .7rem;
}

.concameraadd input.cameraadd {
	display: none;
}

.pdf-load a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.pdf-load img {
	width: 28px;
	margin: 0 10px 0 0;
}

.pdf-load {
	border-radius: 10px;
	text-align: left;
	margin: 1rem 0;
	width: 180px;
	padding: 8px;
	background-color: transparent;
	font-size: .8rem;
	transition: all 0.6s;
	border: 1px solid #d7d7d7;

}

.pdf-load:hover {
	color: #FFF;
	background: #F00;
}

.pdf-load:hover a {
	color: #FFF;
}

/*///////////Start-Policy///////////////*/
.policy-box {
	position: fixed;
	bottom: 0%;
	right: 0%;
	width: 100%;
	text-align: left;
	padding: 1rem;
	color: #000;
	z-index: 1234;
	display: block;
	font-size: 1rem;
	background: #FFF;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
}

.policy-box ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.policy-box ul li {
	padding: 0 10px;
}

.policy-box p {
	font-size: 1.1rem !important;
	margin-bottom: 0;
}

.policy-box a {
	text-decoration: underline;
}

.policy-box a:hover {
	text-decoration: none;
}

.policy-box .btn-policy {
	width: 150px;
	padding: 8px;
	transition: all 0.5s;
	cursor: pointer;
	text-align: center;
	color: #FFF;
	margin: .5rem auto;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	border: 1px solid #006400;
	background: #006400;
}

.btn-policy:hover {
	color: #006400;
	background: #FFF;
}


/*///////////End-Policy///////////////*/

/*///////////Start-Footer///////////////*/
.footer {
	color: #000;
	padding: 10% 0 5%;
	background: #ff8c00;
}

.footer ul {
	list-style: none;
}

.footer h1 {
	font-size: 1.2rem;
	margin-bottom: .75rem;
	text-transform: uppercase;
	font-family: 'Kanit-Regular';
}

.footer hr {
	width: 3em;
	margin: .5rem 0 .75rem;
	opacity: 1;
	border-color: #000;
}

.footer p {
	margin-bottom: 0rem;
}

.footer a:hover {
	color: #000;
	text-decoration: underline;
}

.footer ul li {
	padding-bottom: 5px;
}

.contact-footer {
	margin: 1rem auto;
}

.address-footer img {
	width: 150px;
}

.social-footer {
	margin-bottom: 2rem;
}

.social-footer img {
	width: 35px;
	transition: all 0.6s;
}

.social-footer img:hover {
	transform: scale(.95);
}

.copyright-box {
	text-align: center;
	margin-top: 2rem;
	color: #FFF;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.pay-footer {
	margin-bottom: 2rem;
}

.pay-footer img {
	width: auto;
	max-width: 100%;
}

/*///////////End-Footer///////////////*/
@media (max-width: 920px) {
	body {
		max-width: 100% !important;
	}

	.navbar-collapse {
		position: fixed;
		width: 80%;
		background: #ff8c00;
		height: 100% !important;
		max-height: none !important;
		top: 0%;
		display: block;
		left: -100%;
		opacity: 0;
		margin: 0 !important;
		z-index: 55;
		transition: all .5s;
		overflow-y: scroll;
		box-shadow: 5px 0px 5px 0px rgba(0, 0, 0, 0.1);
	}

	.navbar-collapse::-webkit-scrollbar {
		width: 0;
	}

	.navbar-collapse.in {
		left: 0;
		opacity: 1;
		transition: all .5s;
	}

	.navbar-collapse.show {
		left: 0;
		opacity: 1;
		transition: all .5s;
	}

	.all-container {
		width: 100%;
	}

	.all-container.-collapse {
		transition: all .5s;
	}

	.navbar-expand-lg,
	.navbar-collapse,
	.navbar-collapse.collapsing,
	.all-container.all-container.all-container {
		transition: all .5s !important;
	}

	.navbar-expand-lg.-collapse {
		width: 100%;
		transition: all .5s;
	}

	/* FlipDown responsive for mobile */
	.flipdown {
		height: auto;
		min-height: 80px;
		padding: 10px 5px;
	}

	.flipdown .rotor-group {
		padding-right: 15px;
	}

}




@media (min-width:400px) {}


/* ==================== Gallery Slider ==================== */
.slide-gallery {
	margin-bottom: 2rem;
}

.slide-gallery .slick-prev,
.slide-gallery .slick-next {
	top: 50%;
	height: 40px;
	width: 40px;
	transform: translate(0, -50%);
	z-index: 2;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.slide-gallery .slick-prev {
	left: 10px;
}

.slide-gallery .slick-next {
	right: 10px;
}

.slide-gallery .slick-prev:before,
.slide-gallery .slick-next:before {
	content: '';
}

.slide-gallery .slick-prev i,
.slide-gallery .slick-next i {
	font-size: 18px;
	color: #fff;
}

.slide-gallery .slick-prev:hover,
.slide-gallery .slick-next:hover {
	background: rgba(0, 0, 0, 0.8);
}

.slide-gallery .slider-for .item {
	padding: 0;
}

.slide-gallery .slider-for .slick-prev,
.slide-gallery .slider-for .slick-next {
	display: none !important;
}

.slide-gallery .slider-nav .item {
	padding: .3rem;
}

.slide-gallery .slider-nav .slick-prev,
.slide-gallery .slider-nav .slick-next {
	position: absolute !important;
	top: 50% !important;
	height: 30px !important;
	width: 30px !important;
	transform: translate(0, -50%) !important;
	z-index: 2 !important;
	background: rgba(0, 0, 0, 0.5) !important;
	border-radius: 50% !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	font-size: 0 !important;
	line-height: 0 !important;
	padding: 0 !important;
	border: none !important;
	cursor: pointer !important;
}

.slide-gallery .slider-nav .slick-prev {
	left: -5px !important;
}

.slide-gallery .slider-nav .slick-next {
	right: -5px !important;
}

.slide-gallery .slider-nav .slick-prev:before,
.slide-gallery .slider-nav .slick-next:before {
	content: '' !important;
	display: none !important;
	font-family: none !important;
	opacity: 0 !important;
}

.slide-gallery .slider-nav .slick-prev::after {
	content: '\f053' !important;
	font-family: 'Font Awesome 6 Free' !important;
	font-weight: 900 !important;
	font-size: 14px !important;
	color: #fff !important;
	display: block !important;
	line-height: 1 !important;
}

.slide-gallery .slider-nav .slick-next::after {
	content: '\f054' !important;
	font-family: 'Font Awesome 6 Free' !important;
	font-weight: 900 !important;
	font-size: 14px !important;
	color: #fff !important;
	display: block !important;
	line-height: 1 !important;
}

.slide-gallery .slider-nav .slick-prev i,
.slide-gallery .slider-nav .slick-next i {
	font-size: 14px !important;
	color: #fff !important;
	display: block !important;
	line-height: 1 !important;
	font-family: 'Font Awesome 6 Free' !important;
	font-weight: 900 !important;
}

.slide-gallery .slider-nav .slick-prev:hover,
.slide-gallery .slider-nav .slick-next:hover {
	background: rgba(0, 0, 0, 0.8) !important;
}

.slide-gallery .slider-nav .slick-prev:focus,
.slide-gallery .slider-nav .slick-next:focus {
	background: rgba(0, 0, 0, 0.5) !important;
	outline: none !important;
}

.gallery-box {
	margin-bottom: 0;
	overflow: hidden;
}

.gallery-box .img-box {
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s;
	/* background: linear-gradient(150deg, rgba(242, 242, 242, 1) 0%, rgba(242, 242, 242, 1) 60%, rgb(233, 232, 232) 60%, rgba(242, 242, 242, 1) 100%); */
	border-radius: 8px;
	overflow: hidden;
	aspect-ratio: 4/3;
	background: #f5f5f5;
}

.gallery-box .img-box img {
	width: 100%;
	height: 100%;
	transition: all 0.5s;
	object-fit: cover;
}

.gallery-box .img-box iframe {
	width: 100%;
	height: 100%;
	aspect-ratio: 16/9;
	object-fit: contain;
}

/* .gallery-box:hover .img-box{box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 8px;} */
.gallery-box:hover img {
	transform: scale(1.02);
}

/* Thumbnail gallery */
.gallery-box2 {
	margin-bottom: 0;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid transparent;
	border-radius: 4px;
	transition: all 0.3s;
	width: 100px;
	height: 100px;
}

.gallery-box2 .img-box {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	background: #f5f5f5;
	border-radius: 2px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.gallery-box2 .img-box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}

.slide-gallery .slider-nav {
	max-width: 475px;
	margin: 0 auto;
}

.slide-gallery .slider-nav .item {
	padding: .3rem;
	display: flex;
	justify-content: center;
}

/* Mobile: ลดระยะห่างของรูปเล็กให้ชิดกัน */
@media (max-width: 767px) {
	.slide-gallery .slider-nav .item {
		padding: 2px;
	}

	.slide-gallery .slider-nav .slick-slide {
		width: auto !important;
		margin: 0 2px;
	}

	.slide-gallery .slider-nav .slick-track {
		display: flex !important;
		gap: 0;
	}
}

.gallery-box2:hover {
	border-color: #223c77;
}

.gallery-box2:hover .img-box {
	box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px;
}

.slick-current .gallery-box2 {
	border-color: #223c77;
}

/* ==================== End Gallery Slider ==================== */

.payment-promotion-img {
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: 20px auto 0;
	border-radius: 10px;
	display: block;
	object-fit: cover;
}