a { display: block; }
/* shorthand 5 งาน jobbkk */
.shortHandListJob ul{ display: flex; align-items: center; list-style: none; margin: 0; padding: 0; flex-wrap: wrap;}
.shortHandListJob ul li{ margin-right: 15px; margin-bottom: var(--margin-bottom20); position: relative;}
.shortHandListJob ul li a{ background: var(--bg-white); border-radius: 10px; padding: 6.5px 12px; display: inline-block; border: 1px solid #d40101; color: var(--color-red); text-decoration: none;}
.shortHandListJob ul li a:hover{ background: var(--bg-red); color: var(--color-white); border: 1px solid #d40101;}

/* contain-grid และ ปุ่มอ่านต่อ  */
.headGrid{ display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 15px; align-items: center; margin-bottom: var(--margin-bottom20);}
.headContent{text-transform: uppercase;}
.readMore{ text-align: right;}
.readMore a{ display: inline-block; text-decoration: none; background: var(--bg-red); color: var(--color-white); border-radius: 4px; padding: 10px; font-size: var(--font14);}
.readMore a:hover{ background: var(--bg-dark-red);}

/* งานด่วน */
.UrgentlyNeededJobs{ margin-bottom: var(--margin-bottom40); margin-top: 6.4rem;}
.UrgentlyNeededJobsGrid{ display: grid; grid-template-columns: repeat(8, 1fr); list-style: none; margin: 0; padding: 0; grid-gap: 15px;}
.UrgentlyNeededJobsGrid li{ height: 100%;}
.UrgentlyNeededJobsGrid li a{ padding: 5px; border-radius: 10px; border: 1px solid var(--bg-gray); display: flex; align-items: center; justify-content: center; height: 120px;}
.UrgentlyNeededJobsGrid li a img{ height: 100%; object-fit: scale-down;}
.UrgentlyNeededJobsGrid li a:hover{ transform: scale(1.05);}

@media (max-width:991px){
	.UrgentlyNeededJobsGrid{ overflow-x: scroll; grid-template-columns: repeat(8, 16%); padding-bottom: 10px;}
}

@media (max-width:768px){
	.UrgentlyNeededJobsGrid{ grid-template-columns: repeat(8, 22%);}
}

@media (max-width:576px){
	.UrgentlyNeededJobsGrid{ grid-template-columns: repeat(8, 25%);}

	.input-group{ display: flex; flex-direction: column;}
	.jobbkk-salary-1, .jobbkk-salary-2{ width: 100%;}
	.panel-group{ margin-bottom: 0;}
	.input-group-btn:first-child>.btn, .input-group-btn:first-child>.dropdown-toggle, 
	.input-group-btn:last-child>.btn, .input-group-btn:last-child>.dropdown-toggle{
		border-radius: 10px;
	}
}

@media (max-width:480px){
	.UrgentlyNeededJobsGrid li a{ height: 100px;}
}

@media (max-width:320px){
	.UrgentlyNeededJobsGrid li a{ height: 80px;}
}

/* job fair */
.jobFair{ margin-bottom: var(--margin-bottom40);}
.jobFairGrid{ display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; margin: 0; padding: 0; grid-gap: 15px;}
.jobFairGrid img{ border: 1px solid var(--bg-gray);}
.jobFairGrid li a{ display: flex; align-items: center; justify-content: center;}
.jobFairGrid li a:hover{ transform: scale(1.03);}

@media (max-width:991px){
	.jobFairGrid{ grid-template-columns: repeat(2, 1fr);}
}

@media (max-width:576px){
	.jobFairGrid{ grid-template-columns: 1fr;}
}

/* premium company */
.premiumCompany{ margin-bottom: var(--margin-bottom40);}
.premiumCompanyGrid{ display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; margin: 0; padding: 0; grid-gap: 15px;}
.premiumCompanyGrid img{ border: 1px solid var(--bg-gray);}
.premiumCompanyGrid li a{ display: flex; align-items: center; justify-content: center;}
.premiumCompanyGrid li a:hover{ transform: scale(1.03);}

@media (max-width:991px){
	.premiumCompanyGrid{ overflow-x: scroll; grid-template-columns: repeat(5, 33.3333333%); padding-bottom: 10px;}
}

@media (max-width:768px){
	.premiumCompanyGrid{ grid-template-columns: repeat(5, 35%);}
}

@media (max-width:576px){
	.premiumCompanyGrid{ grid-template-columns: repeat(5, 45%);}
}

/* full banner */
.fullBanner{ margin-bottom: var(--margin-bottom40); text-align: center;}
.fullBanner a{ display: block;}
.fullBanner a:hover{ transform: scale(1.01);}
.fullBanner img{ border: 1px solid var(--bg-gray); width: auto;}

/* งานทั่วไทยไปทุกภาค */
.jobsAroundThailand{ margin-bottom: var(--margin-bottom40);}
.jobsAroundThailandBottom{ margin-bottom: var(--margin-bottom20);}
.jobsAroundThailandGrid{ display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 0; padding: 0; grid-gap: 15px;}
.jobsAroundThailandGrid li a{ display: flex; align-items: center; justify-content: center; flex-direction: column; text-decoration: none;}
.jobsAroundThailandGrid li a:hover{ transform: scale(1.03);}

.nameRegion{ background: #ebebeb; border: 1px solid #bfbfbf; padding: 10px; border-radius: 0 0 10px 10px; display: flex; align-items: center; justify-content: space-between; width: 100%; text-align: center;}
.nameRegion p:first-child{ font-size: var(--font16); color: var(--color-black-gray);}
.nameRegion p:last-child{ background: var(--bg-red); color: var(--color-white); border-radius: 4px; padding: 5px; transition: ease-in 0.5s; font-size: var(--font14);}
.jobsAroundThailandGrid li a:hover .nameRegion p:last-child{ background: var(--bg-dark-red);}

@media (max-width:991px){
	.jobsAroundThailandGrid{ overflow-x: scroll; grid-template-columns: repeat(4, 33.3333333%); padding-bottom: 10px;}
}

@media (max-width:768px){
	.jobsAroundThailandGrid{ grid-template-columns: repeat(4, 40%);}
}

@media (max-width:576px){
	.jobsAroundThailandGrid{ grid-template-columns: repeat(4, 45%);}
	.nameRegion p:first-child{ margin-bottom: var(--margin-bottom10);}
	.nameRegion{ flex-direction: column;}
}

@media (max-width:480px){
	.jobsAroundThailandGrid{ grid-template-columns: repeat(4, 50%);}
	.nameRegion p:first-child{ font-size: var(--font14);}
}

/* hot career */
.bgHotCareer{ background: var(--bg-gray-young); padding: 15px;}
.hotCareer{ margin-bottom: var(--margin-bottom40);}
.hotCareerBottom{ margin-bottom: var(--margin-bottom20);}
.hotCareerGrid{ display: grid; grid-template-columns: repeat(25, 12.5%); list-style: none; margin: 0; padding: 0; grid-gap: 15px; overflow-x: scroll; padding: 10px 0; margin-bottom: var(--margin-bottom10);}
.hotCareerGrid li a{ display: flex; align-items: center; justify-content: center; text-decoration: none;}
.hotCareerGrid li a:hover{ transform: scale(1.03);}
.hotCareerGrid li img{ margin-bottom: var(--margin-bottom5); width: auto;}
.hotCareerGrid div{ display: flex; align-items: center; flex-direction: column; justify-content: center;}
.hotCareerGrid div p{ color: var(--color-black-gray); text-align: center; word-break: break-word;}
.hotCareerGrid div p.positionWork{ color: var(--color-red); font-size: var(--font14);}
.hotCareerCut{ height: 60px;}

.hotCareerGrid::-webkit-scrollbar{ height: 10px; background: #fff; border-radius: 10px;}
.hotCareerGrid::-webkit-scrollbar-track{ box-shadow: inset 0 0 5px #ebebeb; border-radius: 10px;}
.hotCareerGrid::-webkit-scrollbar-thumb{ background: #bfbfbf; border-radius: 10px;}
.hotCareerGrid::-webkit-scrollbar-thumb:hover{ background: #333;}

.controlScroll{ display: flex; justify-content: center;}
.controlScroll button{ margin: 0 15px;}
#buttonScrollLeft, #buttonScrollRight{ background: var(--bg-red); color: var(--color-white); border: 1px solid var(--bg-dark-red); border-radius: 4px; padding: 5px 15px;}
.controlScroll #buttonScrollLeft:hover, .controlScroll #buttonScrollRight:hover{ background: var(--bg-dark-red);}

@media (max-width:991px){
	.hotCareerGrid{ grid-template-columns: repeat(25, 15%);}
}

@media (max-width:576px){
	.hotCareerGrid{ grid-template-columns: repeat(25, 18%);}
}

@media (max-width:480px){
	.hotCareerGrid{ grid-template-columns: repeat(25, 25%);}
}

/* งานพาทไทม์ */
.partTimeJobs{ margin-bottom: var(--margin-bottom40);}
.partTimeJobsGrid{ display: grid; grid-template-columns: repeat(7, 1fr); list-style: none; margin: 0; padding: 0; grid-gap: 15px;}
.partTimeJobsGrid li{ height: 100%;}
.partTimeJobsGrid li a{ display: flex; align-items: center; justify-content: center; flex-direction: column; border: 1px solid var(--bg-gray); border-radius: 10px; overflow: hidden; 
	text-decoration: none; color: var(--color-black-gray);}
.partTimeJobsGrid li a img{ height: 120px; object-fit: scale-down; padding: 5px;}
.partTimeJobsGrid li a:hover{ transform: scale(1.05); color: var(--color-red);}

.bgPartTimeJobs{ background: var(--bg-gray-young); padding: 10px; border-radius: 0 0 10px 10px; height: 72px; width: 100%; padding: 10px;}

@media (max-width:991px){
	.partTimeJobsGrid{ grid-template-columns: repeat(7, 25%); overflow-x: scroll; padding-bottom: 10px;}
}

@media (max-width:576px){
	.partTimeJobsGrid{ grid-template-columns: repeat(7, 28%);}
}

@media (max-width:480px){
	.partTimeJobsGrid{ grid-template-columns: repeat(7, 33%);}
	.partTimeJobsGrid li a img{ height: 100px;}
}

/* hot news */
.hotNews{ margin-bottom: var(--margin-bottom40);}
.hotNewsGrid{ display: grid; grid-template-columns: 0.5fr 1fr; list-style: none; margin: 0; padding: 0; grid-gap: 15px; position: relative;}
.hotNewsGrid li{ height: 100%; position: relative;}
.hotNewsGrid li a{ display: flex; align-items: center; flex-direction: column; border: 1px solid var(--bg-gray); border-radius: 10px; overflow: hidden; 
	text-decoration: none; color: var(--color-black-gray); height: 100%; position: relative;}
.hotNewsGrid li a img{ object-fit: scale-down; padding: 5px;}
.hotNewsGrid li a:hover{ transform: scale(1.05);}

.stallPin{ position: absolute; top: 0; left: 0; background: var(--bg-red); width: 50px; height: 50px; color: var(--color-white); display: flex; justify-content: center; align-items: center; 
	border-radius: 0 0 10px 0; opacity: 0.9;}
.stallPin .fa-thumb-tack{ transform: rotate(45deg);}

.hotNewsGrid li ul{ display: grid; grid-template-columns: repeat(3, 1fr); list-style: none; margin: 0; padding: 0; grid-gap: 15px;}
.bghotNews{ padding: 10px; display: flex; flex-wrap: wrap; margin-bottom: 40px; position: relative;}
.bghotNews p:first-child{ margin-bottom: var(--margin-bottom10);}
.bghotNews p:last-child{ color: var(--color-black-gray);}
.hotNewsRead{ padding: 10px; position: absolute; bottom: 0; display: flex; justify-content: flex-end; width: 100%;}
.hotNewsRead p{ background: var(--bg-red); color: var(--color-white); border-radius: 4px; padding: 5px; display: inline-block; transition: all 0.5s ease-in;}
.hotNewsGrid:hover .hotNewsRead p{ background: var(--bg-dark-red);}

@media (max-width:1170px){
	.hotNewsGrid{ display: grid; grid-template-columns: 1fr;}
	.hotNewsGrid li ul{ grid-template-columns: repeat(3, 1fr);}
}

@media (max-width:768px){
	.hotNewsGrid{ grid-template-columns: 50% 60%; overflow-x: scroll; padding-bottom: 10px;}
	.hotNewsGrid li ul{ grid-template-columns: repeat(3, 50%);}
}

@media (max-width:576px){
	.hotNewsGrid{ grid-template-columns: 60% 60%;}
	.hotNewsGrid li ul{ grid-template-columns: repeat(3, 70%);}
}

@media (max-width:480px){
	.hotNewsGrid{ grid-template-columns: 80% 60%; padding-bottom: 15px;}
	.hotNewsGrid li ul{ grid-template-columns: repeat(3, 80%);}
}

@media (max-width:320px){
	.hotNewsGrid li ul{ grid-template-columns: repeat(3, 100%);}
}

/* best company */
.bestCompany{ margin-bottom: var(--margin-bottom40);}
.bestCompanyGrid{ display: grid; grid-template-columns: repeat(7, 1fr); list-style: none; margin: 0; padding: 0; grid-gap: 15px;}
.bestCompanyGrid li a{ padding: 15px; border-radius: 10px; border: 1px solid var(--bg-gray); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.bestCompanyGrid li a:hover{ transform: scale(1.05);}

.stallPinCompany{ position: absolute; top: 0; left: 0; background: var(--bg-red); width: 30px; height: 30px; color: var(--color-white); display: flex; justify-content: center; align-items: center; 
	border-radius: 0 0 10px 0; opacity: 0.9;}
.stallPinCompany .fa-thumb-tack{ transform: rotate(45deg);}

@media (max-width:991px){
	.bestCompanyGrid{ overflow-x: scroll; grid-template-columns: repeat(7, 16%); padding-bottom: 10px;}
}

@media (max-width:768px){
	.bestCompanyGrid{ grid-template-columns: repeat(7, 18%);}
}

@media (max-width:576px){
	.bestCompanyGrid{ grid-template-columns: repeat(7, 20%);}
	.stallPinCompany{ width: 20px; height: 20px;}
}

.businessPartners{ margin-bottom: var(--margin-bottom40);}
.businessPartnersGrid{ display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 0; padding: 0; grid-gap: 15px;}
.businessPartnersGrid li a{ padding: 5px; border-radius: 10px; border: 1px solid var(--bg-gray); display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.businessPartnersGrid li a:hover{ transform: scale(1.05);}
.businessPartnersGrid li img{ width: auto;}

@media (max-width:991px){
	.businessPartnersGrid{ grid-template-columns: repeat(4, 28%); overflow-x: scroll; padding-bottom: 10px;}
}

@media (max-width:480px){
	.businessPartnersGrid{ grid-template-columns: repeat(4, 33%);}
}

.hotNewsEllipsis, .hotNewsEllipsisHead{ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.carousel-control{ width: 6%; }
.clickQuick { cursor: pointer; }
.addOK { position: relative; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #bfbfbf; padding: 0; padding-bottom: 5px; margin: 5px 0; }
.okbutton { background: #d40101; border: 1px solid #d40101; border-radius: 4px; color: #fff; }
.heightSearch{ height: 34px;}
.clearSearch{ text-align: right;}
.clearSearch button{ width: 100%; background: transparent; border: 1px solid #ccc; background: #fff; border-radius: 10px; height: 34px;}
.clearSearch button:hover{ background: #333; color: #fff; border: 1px solid #333;}
.clearSearch{ text-align: center;}
.clearSearch button{ background: #fff; border: 1px solid #bfbfbf;}
.clearSearch button:hover{ text-decoration: none;}

main { width: 100% !important; padding-left: 15px; padding-right: 15px; }
ul { margin: 0; padding: 0; list-style: none; }
.mb-5 { margin-bottom: 3rem!important }
.flexJobbkk { display: flex;align-items: center; justify-content: space-between; gap: 1.6rem; }
.read { flex: 1 0 auto; text-align: right; }
.read a { background: var(--clRed); color: var(--clWhite); border-radius: 0.8rem; padding-inline: 2rem; min-height: clamp(4rem, 5vw, 5.2rem); display: inline-flex; align-items: center; justify-content: center; text-align: center; }
.read a:hover { background: var(--clRedHover); }
.btn-add { display: none; }

@media (max-width: 1199px) { 
	.btn-add { display: block; } 
	.btn-add button { min-height: clamp(4rem, 5vw, 5.2rem); color: var(--clBlackGray); background: var(--clWhite); border: 0.1rem solid var(--clBlackGray); border-radius: 0.8rem; padding-inline: 2rem; }
}
  
/* URGENTLY NEEDED JOBS / หางานด่วน */
.urgent-need-job ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); grid-gap: 1.6rem; }
.urgent-need-job li { display: flex; align-items: center; justify-content: center; border: 0.1rem solid var(--clGray); border-radius: 0.8rem; background: var(--clWhite); overflow: hidden; padding: 1.6rem; }
.urgent-need-job img { max-width: 12rem; width: 100%; object-fit: scale-down; height: 10rem; }
  
@media (max-width: 1199px) {
	.urgent-need-job ul.set-height-urgent-need-job { max-height: calc(36rem - 3rem); overflow: hidden; }
	.urgent-need-job a { height: 12rem; }
	.urgent-need-job img { height: 100%; object-fit: scale-down; }
}
/* End URGENTLY NEEDED JOBS / หางานด่วน */
  
/* Hotjob */
.hotjob ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr)); grid-gap: 1.6rem; }
.hotjob a { border: 0.1rem solid var(--clGray); }
  
@media (max-width: 768px) {
	.hotjob ul { grid-template-columns: repeat(2, 1fr); }
}
  
@media (max-width: 480px) {
	.hotjob ul { grid-template-columns: 1fr; }
}
/* Hotjob */
  
/* PREMIUM COMPANY */
.premium-company ul { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 1.6rem; }
.premium-company li { display: flex; align-items: center; justify-content: center; background: var(--clWhite); overflow: hidden; }
.premium-company a { border: 0.1rem solid var(--clGray); }
  
@media (max-width: 991px) {
	.premium-company ul { grid-template-columns: repeat(3, 1fr); }
	.premium-company li:not(:nth-child(-n + 3)) { display: none; }
}
  
@media (max-width: 576px) {
	.premium-company ul { grid-template-columns: repeat(2, 1fr); }
	.premium-company li:not(:nth-child(-n + 2)) { display: none; }
}
/* End PREMIUM COMPANY */
  
/* Banner Middle */
.middle { text-align: center; }
.middle a { transition: 0.5s ease-in-out; border: 1px solid var(--clGray); display: inline-block; }
.middle img { width: auto !important; }
/* End Banner Middle */
  
/* งานทั่วไทยไปทุกภาค */
.grid-region ul.splide__list > li { padding-right: 1.6rem; padding-left: 0.1rem; height: 100%; }
.grid-region a {	height: 100%; border: 0.1rem solid var(--clGray); border-radius: 0 0 0.8rem 0.8rem; overflow: hidden; }
.grid-region .splide__arrow { display: none; }
.flexGo { display: flex; justify-content: space-between; gap: 15px; padding: 15px 10px; height: 100%; }
.flexGo .readMore { flex: 1 0 auto; text-align: right; }
.flexGo span { background: var(--clRed); border-radius: 50px; padding: 3px 20px; color: var(--clWhite); transition: 0.5s ease-in-out; }

@media (max-width: 1199px) {
	.grid-region .splide__arrow { display: block; }
}
  
@media (max-width: 480px) {
	.grid-region ul.splide__list > li { padding-right: 0; padding-left: 0.1rem; }
}
/* End งานทั่วไทยไปทุกภาค */
  
.gridHotCareer { display: grid; grid-template-columns: repeat(25, 150px); grid-gap: 15px; overflow-x: auto; }
.gridHotCareer li { padding: 10px; }
.gridHotCareer a { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.gridHotCareer a:hover { transform: scale(1.05); }
.gridHotCareer img { width: auto !important; }
.gridHotCareer::-webkit-scrollbar { height: 10px; } /* width */
.gridHotCareer::-webkit-scrollbar-track { background: #fff; } /* Track */
.gridHotCareer::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } /* Handle */
.gridHotCareer::-webkit-scrollbar-thumb:hover { background: #555; } /* Handle on hover */
.slideScroll { display: flex; align-items: center; justify-content: center; gap: 15px; }
.slideScroll button { background: var(--clRed); color: var(--clWhite); border: 1px solid var(--clRed); border-radius: 50px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; }
.slideScroll button:hover { background: var(--clRedHover); }
.gridPartTime { display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 15px; }
.gridPartTime p { border-radius: 0 0 10px 10px; height: 100%; }
.gridPartTime a { transition: 0.5s ease-in-out; border: 1px solid var(--clGray); border-radius: 10px; height: 100%; overflow: hidden; color: var(--clBlackGray); display: flex; justify-content: center; flex-direction: column; }
.gridPartTime a:hover { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); margin-top: -5px; }
.gridPartTime img { height: 100px; object-fit: scale-down; }
  
@media (max-width: 991px) {
	.gridPartTime { grid-template-columns: repeat(7, 200px); overflow-x: auto; }
}
  
.gridHotNew { display: grid; grid-template-columns: 2fr repeat(3, 1fr); grid-gap: 15px; }
.gridHotNew a { transition: 0.5s ease-in-out; border: 1px solid var(--clGray); border-radius: 10px; padding: 15px; color: var(--clBlackGray); display: flex; flex-direction: column; }
.gridHotNew a:hover { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); margin-top: -5px; }
.gridHotNew a:not(.notHeight) { height: 100%; }
.row2 { grid-row: 1/3; }
.readNews { text-align: right; }
.readNews p { background: var(--clRed); color: var(--clWhite); padding: 5px 20px; border-radius: 50px; display: inline-block; } .flexBegin { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
  
@media (max-width: 991px) {
	.gridHotNew { grid-template-columns: repeat(3, 1fr); }
	.row2 { grid-row: inherit; grid-column: 1/4; }
}
  
@media (max-width: 768px) {
	.gridHotNew { grid-template-columns: 300px repeat(3, 250px); overflow-x: auto; }
	.row2 { grid-row: 1/3; grid-column: inherit; }
}
  
.gridBest { display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 15px; }
.gridBest li { transition: 0.5s ease-in-out; border: 1px solid var(--clGray); border-radius: 10px; }
.gridBest li:hover { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); margin-top: -5px; }
/* .gridBest a { padding: 5px; } */
  
@media (max-width: 991px) { 
	.gridBest { overflow-x: auto; grid-template-columns: repeat(7, 110px); }
}
  
.gridPart { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-gap: 15px; }
.gridPart a { transition: 0.5s ease-in-out; border: 1px solid var(--clGray); }
.gridPart a:hover { box-shadow: 0 10px 10px rgba(0, 0, 0, 0.5); margin-top: -5px; }
  
@media (max-width: 991px) {
	.gridNeed li:hover, .gridFair a:hover, .gridPremium a:hover, .middle a:hover, .gridRegion a:hover, .gridPartTime a:hover, .gridHotNew a:hover, .gridBest li:hover, .gridPart a:hover { margin-top: 0; }
}
/* splide Bullet */
.splide__pagination { bottom: -2rem; }
.splide__pagination li { padding-inline: 0.2rem; }
.splide__pagination__page.is-active { background: var(--clRed); }
.splide__pagination__page { background: var(--clGray); }
/* End splide Bullet */

.label-new {
	transform: rotate(32deg);
	position: absolute;
	top: -10px;
	right: -11px;
	padding: 0.2rem 0.4rem;
	letter-spacing: 0.15rem;
	border-radius: 0.4rem 0.4rem 0 0;
}

.label-new::before,
.label-new::after {
content: "";
border-left: 3px solid transparent;
border-right: 3px solid transparent;
position: absolute;
bottom: -2px;
}

.label-new:before {
left: 0;
}

.label-new:after {
right: 0;
}

.new-default {
background: #d40101;
font-size: var(--font12);
color: #ffffff;
}

.new-default::before,
.new-default::after {
border-top: 3px solid #960202;
}