@import url('https://fonts.googleapis.com/css2?family=Niramit:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
body{
  font-family: 'Niramit', sans-serif !important;
  font-size: 16px;
}
.dlab-tilte-inner.skew-title:after {
  border-bottom: 1px solid #ee3131;
  right: -38px;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,
.col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto,
.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2,
.col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  padding-right: 5px;
  padding-left: 5px;
}
.bg-2dark {
  background-color: #22252a!important;
}
.img-about{
  border-radius: 10px;
  margin-left: 1rem!important;
}
.ads-img{
  border-radius: 6px;
  margin-bottom: 12px;
}
.cn-new{
  padding-right: 5px;
  padding-left: 5px
}
.counter-box{
  border-radius: 6px;
}
.tabien-box{
  border-radius: 6px;
  background: #000;
}
.tabien-box:hover{
  opacity: .8
}
.tabien-box img{
  border-radius: 4px 4px 0 0;
}


.tabien-title-category{
  font-size: 11px;
  padding: 0px 14px 0px 6px;
  margin-bottom: -6px;
  border-radius: 0 34px 0 0;
  overflow: hidden;
  max-width: 101px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tabien-title-price-category{
  position: absolute;
  right: 10px;
  color: #FFF;
  margin-top: -22px;
  font-size: 16px;
}
.header-nav .nav>li .sub-menu li a {
  font-size: 12px;
  font-weight: 300;
  padding: 5px 10px;
}
.custom-theme ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.custom-theme span {
	float: left;
	color: #666;
	font-size:14px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #2f3b59;
	padding: 4px 10px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.16);
	background: #2f3b59;
}
.custom-theme a{
	float: left;
	color: #2f3b59;
	font-size:14px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #2f3b59;
	padding: 4px 10px;
	margin: 0 5px 0 0;
	border-radius: 3px;
	/*box-shadow: 0 5px 8px rgba(0,0,0,0.16);*/
	background: transparent;
	display: inline-block;
	line-height: inherit;
}

.custom-theme a:hover {
	text-decoration: none;
	background: #FCFCFC;
	box-shadow: 0 3px 5px rgba(0,0,0,0.16);
}

.custom-theme .current {
	background: #2f3b59;
	color: #FFF;
	border-color: #2f3b59;
	box-shadow: 0 3px 5px rgba(0,0,0,0.16);
	cursor: default;
}

.custom-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}






.tabien-title-text{
  margin-top: -55px;
  color: #000;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: -26px;
  text-shadow: 1px 1px 2px #ffffff;
}
.tabien-title-province{
  color: #000;
  text-shadow: 1px 1px 2px #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0px;
  margin-top: 29px;
}
/******* true ********/
.number-box-true {
  border-radius: 6px;
  background: #000;
}
.number-box-true img{
  border-radius: 4px 4px 0 0;
}
.number-title-category-true {
  font-size: 12px;
  padding: 0px 6px 0px 6px;
  margin-bottom: -1px;
  border-radius: 0 6px 0 4px;
}
.number-title-text-true {
  margin-top: -67px;
  color: #000;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  font-family: 'Oswald', sans-serif;
  margin-bottom: -26px;
  text-shadow: 1px 1px 2px #ffffff;
}
.number-title-price-category-true{
  position: absolute;
  right: 10px;
  color: #FFF;
  margin-top: -23px;
      font-size: 20px;
}
.number-title-true{
  color: #000;
  text-shadow: 1px 1px 2px #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px;
  margin-top: 41px;
}
/******* true ********/
/******* dtac ********/
.number-box-dtac {
  color: #00aeef !important;
  border-radius: 6px;
  background: #000;
}
.number-box-dtac img{
  border-radius: 4px 4px 0 0;
}
.number-title-category-dtac {
  font-size: 12px;
  padding: 0px 6px 0px 6px;
  margin-bottom: -1px;
  color: #FFF;
  background-color: #01aef0 !important;
  border-radius: 0 6px 0 4px;
}
.number-title-text-dtac {
  margin-top: -67px;
  color: #000;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  font-family: 'Oswald', sans-serif;
  margin-bottom: -26px;
  text-shadow: 1px 1px 2px #ffffff;
}
.number-title-price-category-dtac{
  position: absolute;
  right: 10px;
  color: #FFF;
  margin-top: -23px;
      font-size: 20px;
}
.number-title-dtac{
  color: #000;
  text-shadow: 1px 1px 2px #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px;
  margin-top: 41px;
}
/******* dtac ********/
/******* ais ********/
.number-box-ais {
  color: #aecc2c !important;
  border-radius: 6px;
  background: #000;
}
.number-box-dtac img{
  border-radius: 4px 4px 0 0;
}
.number-title-category-ais {
  font-size: 12px;
  padding: 0px 6px 0px 6px;
  margin-bottom: -1px;
  color: #000;
  background-color: #aecc2c !important;
  border-radius: 0 6px 0 4px;
}
.number-title-text-ais {
  margin-top: -67px;
  color: #000;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  font-family: 'Oswald', sans-serif;
  margin-bottom: -26px;
  text-shadow: 1px 1px 2px #ffffff;
}
.number-title-price-category-ais{
  position: absolute;
  right: 10px;
  color: #FFF;
  margin-top: -23px;
  font-size: 20px;
}
.number-title-ais{
  color: #000;
  text-shadow: 1px 1px 2px #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px;
  margin-top: 41px;
}
/******* ais ********/
.download-file ul li {
  margin-bottom: 6px;
}
.section-head {
  margin-bottom: 0px;
}
.form-tabien{
  height: 45px;
  border-radius: 4px;
  padding: 10px 16px;
}
.search-box{
  border-radius: 6px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.bootstrap-select .dropdown-toggle {
  height: 45px;
  border-radius: 4px;
  padding: 10px 16px;
}
.form-group {
  margin-bottom: 14px;
}
@media screen and (max-width: 991px){
  .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5,
  .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto,
  .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2,
  .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
  }
  .cn-new{
    padding-right: 15px;
    padding-left: 15px
  }
  .section-head p {
    font-size: 14px;
  }
  .section-head h2 {
    font-size: 20px;
  }
  .p-a30 {
    padding: 14px;
  }
  .list-num-count>li {
    font-size: 14px;
  }
  p {
    line-height: 22px;
    font-size: 14px;
  }
  .tabien-title-province {
    margin-top: 36px;
  }
  .dlab-tilte-inner.skew-title:after {
    right: -9px;
  }
  .tabien-title-price-category {
    margin-top: -23px;
    font-size: 17px;
    right: 20px;
    font-family: 'Oswald', sans-serif;
  }
  .number-title-text-true,.number-title-text-dtac,.number-title-text-ais {
    margin-top: -61px;
    margin-bottom: -24px;
  }
  .number-title-price-category-true,.number-title-price-category-dtac,.number-title-price-category-ais {
      right: 20px;
      margin-top: -23px;
      font-size: 18px;
      font-family: 'Oswald', sans-serif;
  }
}