body {font-size:16px; line-height:28px; color: #fff; font-family: "Adamina","IBMPlexSansThaiRegular", sans-serif; background:#000;}
a {color:#fff; text-decoration:none; }
a:hover {color:#c99619; text-decoration:underline;}

h1,h2,h3,h4,h5,
.h1,.h2,.h3,.h4,.h5 {color: #c99619; font-family: "Didot","IBMPlexSansThaiRegular", sans-serif;}

.background-dark {background-color:#000;}
.background-gray {background-color:#272727;}
.background-jtc {background-color:#c99619;}
.background-white {background-color:#fff;}

.color-jtc {color:#c99619;}
.color-white {color:#fff;}

.navbar-expand-lg .navbar-nav .nav-link {color:#fff;}
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link.active {color:#c99619;}
.navbar-expand-lg .navbar-nav .dropdown-menu {min-width:200px;}
.nav-item.dropdown:hover .dropdown-menu {display: block;margin-top: 0;}

.carousel-fade .carousel-item {opacity:0.3;transition: opacity 2s ease-in-out;}
.carousel-fade .carousel-item.active {opacity: 1;}
.carousel-item img {width: 100%;height: auto;object-fit: cover;}

.jtc-headline h1,.jtc-headline h2 {margin:0;padding:0;}
.jtc-headline h2, .padding-left-45px .frame-default {padding-left:45px;}
.padding-left-45px .frame-type-menu_pages,.padding-left-45px .frame-type-menu_pages a,#backLink {color:#c99619;}
#backLink:hover {text-decoration:underline;cursor:pointer;}

.social-icon {display:flex;column-gap:5px;}
.social-icon a {width:25px;}
.footernav span {padding:0 5px;}

.frame-space-before-extra-small{margin-top:5px;}
.frame-space-before-small{margin-top:15px;}
.frame-space-before-medium{margin-top:30px;}
.frame-space-before-large{margin-top:45px;}
.frame-space-before-extra-large{margin-top:60px;}

.frame-space-after-extra-small{margin-bottom:5px;}
.frame-space-after-small{margin-bottom:15px;}
.frame-space-after-medium{margin-bottom:30px;}
.frame-space-after-large{margin-bottom:45px;}
.frame-space-after-extra-large{margin-bottom:60px;}

.box-contact{margin:0;border-bottom:0!important;border:1px solid #353535;padding:15px;background:#0a0a0a}
.box-contact p{margin:0}
.box-contact p.headline{margin:0 0 5px}
.panel-lightbox{padding:0;text-align:center;border:1px solid #353535;margin:0;background:#000000}
.panel-lightbox .panel-box{padding:15px;display:block}
.panel-lightbox .panel-box a{color:#fff}

.news-list-view h2{font-size:16px;line-height:24px;}
.news-list-view a h2 {color:#fff;}

ul.f3-widget-paginator{gap: 10px;list-style: none;margin: 0 0 15px 0;padding:0;display:flex;}
ul.f3-widget-paginator li {padding: 3px 7px;border:1px solid #eee;}
ul.f3-widget-paginator li.current {font-weight:bold;color:#c99619; text-decoration:underline;}

#backtotop {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:inherit;
  color: #fff;
  cursor: pointer;
  padding: 15px;
  border-radius: none;
}
.submenu a {border:1px solid #fff;display:block;padding:10px;}
.submenu .active a,.submenu a:hover {background-color:#c99619;color:#fff;}
#backtotop:hover { color: #c99619}
a.shoplist {display:block;}
a.shoplist:hover {background-color:#555;}
.carousel-indicators {position:relative;}

@media (max-width: 991px) {
	.jtc-headline h1,.jtc-headline h2 {font-size:48px;line-height:36px;}
	.jtc-headline h2, .padding-left-45px .frame-default {padding-left:15px;}
	body {font-size:14px; line-height:24px;}
	#banner-content img {width:100%;height:auto;}
}
@media (min-width: 992px) {
	#pageid-3 header{position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}
	#navbarNavDropdown, header .social-icon {align-items: flex-end !important;justify-content: flex-end !important;}
	#banner-content {position:fixed;top:0;right:0;width:100%;height:100%;z-index:-100;}
	.jtc-headline {padding-left:-30px;}
	.jtc-headline h1,.jtc-headline h2 {font-size:60px;line-height:44px;}
	.std-102 .article .card {max-height:150px;overflow:hidden;}
	#jtcShopGallery .carousel-inner {max-height:500px;}
	.submenu {max-width:70%}
}