:root {
  --color-1: rgba(253, 101, 24, 1);
  --color-2: rgba(4, 73, 150, 1);
  --color-3: rgba(12, 99, 195, 1);
  --color-4: #007bff;
  --color-5: #e4d3b7;
  --color-6: #ffb700;
  --color-7: #ffd599;
  --color-8: rgba(4, 73, 150, 0.8);
  --bg-primary:rgba(253, 101, 24, 1);
  --font-r: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-m: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-b: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-s: "SVN-HelveticaNeue";
  --trans: all 350ms ease-in-out;
  --font-family-1: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --font-weight-1: 600;
  --font-weight-2: 700;
  --font-weight-3: 800;
  --bg: #0b1020; /* page background */
  --fg: #e8eefc; /* text color */
  --muted: #98a2b3; /* muted text */
  --brand: #5b8cff; /* primary */
  --surface: #121a33; /* drawer background */
  --surface-2: #0e162b; /* header */
  --hover: #182449; /* hover */
  --ring: #6ea8ff; /* focus ring */
  --overlay: rgba(2, 8, 23, 0.5); /* scrim */
}

@font-face {
  font-family: "NunitoSanR";
  src: url(templates/fonts/helvetica-neue-regular.ttf);
}

@font-face {
  font-family: "NunitoSanM";
  src: url(templates/fonts/helvetica-neue-medium.ttf);
}

@font-face {
  font-family: "NunitoSanB";
  src: url(templates/fonts/helvetica-neue-bold.ttf);
}

@font-face {
  font-family: "SVN-HelveticaNeue";
  src: url(templates/fonts/SVN-HelveticaNeue.ttf);
}

html {
  font: normal 62.5% var(--font-family-1) !important;
  overflow-x: hidden;
  color: #545454;
  scroll-behavior: smooth;
  margin: 0 auto;
}

body {
  font-family: var(--font-family-1) !important;
  transition: var(--trans);
  overflow-y: hidden;
  font-size: 1.4rem;
  margin: 0 auto;
  scroll-behavior: smooth;
}
img {
  max-width: 100%;
}
p {
  margin-bottom: 0.7rem;
}

.lh-md{
  line-height:1.5;
}
.lh-sm{
  line-height:1.4;
}
.lh-xs{
  line-height:1.3;
}
.lh-1{
  line-height:1.1;
}
.rel {
  position: relative;
}
.no-event {
  pointer-events: none !important;
  opacity:0.6;
}
.no-border {
  border: none !important;
  outline: none !important;
}
.note_lockCamp{
  text-align:center;
  font-size:2rem;
  color:red;
  margin-top:1rem;
  line-height:1.3;
}
.text-dark{
  color:#333;
}
.br-5 {
  border-radius: 0.5rem;
}
.br-10 {
  border-radius: 1rem;
}
.df_align-center {
  align-items: center;
}
a {
  transition: var(--trans);
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.none-text-decoration {
  text-decoration: none !important;
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: inherit;
  border-width: inherit;
}

.webkit-box-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.webkit-box-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.webkit-box-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.webkit-box-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.webkit-box-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hide,
.hidden {
  display: none;
}

.clearfix {
  clear: both;
}

.bg-white {
  background-color: #fff;
  color: var(--color-2);
}

.pn-heading {
  background-color: var(--color-1);
  color: #fff;
  padding: 0;
}

.heading_cus {
  padding:0.8rem 0 1.5rem 0;
}
.df {
  display: flex;
  justify-content: space-between;
}

.df-menu .left {
  width: calc(100% - 32rem);
  display: block;
}

.df-menu .right {
  width: 32rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.df-menu .right .nav_web {
  justify-content: flex-end;
}

.un-style {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.nav_web {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.nav_web > li {
  padding: 0 1rem;
  display: inline-block;
}
.nav_web > li:first-child {
  padding-left: 0;
}

.nav_web > li > a {
  color: #fff;
  line-height: 1.4;
  font-size: 1.5rem;
  text-align: center;
  display: inline-block;
  font-family: var(--font-m);
  text-transform:uppercase;
}

.nav_web > li > a .bg {
  background-color: var(--color-2);
  display: block;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.nav_web > li > a .bg span.t {
  font-family: "NunitoSanM";
  font-size: 2rem;
}

.nav_web > li > a .bg span.b {
  font-size: 1.5rem;
}

.link_partner {
  margin: 0rem 0 -2.5rem 0;
  text-align: center;
}

.link_partner a {
  color: #fff;
  text-decoration: underline;
  font-size: 1.3rem;
  line-height: 1;
}

.link_partner a:hover {
  color: var(--color-2);
}

.hide {
  display: none;
}

#selectRoleModal {
  width: 500px;
}

#selectRoleModal h2 {
  text-transform: uppercase;
  font-size: 2.6rem;
  font-family: "NunitoSanM";
  margin-bottom: 0;
}

#selectRoleModal ul {
  margin-top: 2rem;
}

#selectRoleModal ul li {
  margin: 1rem 0;
}

#selectRoleModal ul li a {
  font-size: 1.6rem;
  display: inline-block;
  min-width: 20rem;
  line-height: 1.4;
  padding: 1rem 2rem;
  background-color: var(--color-1);
  border-color: var(--color-1);
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

#selectRoleModal ul li:nth-child(2) a {
  background-color: var(--color-2);
  border-color: var(--color-2);
}
#selectRoleModal ul li:nth-child(3) a {
  background-color: var(--color-7);
  border-color: var(--color-7);
  color: #222;
}

/**/

.item-slide {
  width: 100%;
  height: calc(60vh - 4rem);
  object-fit: cover;
  background-size: cover !important;
}

.mySwiper .content {
  position: relative;
  z-index: 9;
  width: 70%;
  max-width:1100px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 0;
  transform: translateY(-50%);
  transition-duration: 2s;
  opacity: 0.1;
  margin: 0 auto;
}

.mySwiper .content p.link {
  text-align: left;
  margin-top: 2rem;
}

.mySwiper .content p.link a {
  display: inline-block;
  padding: 1rem 1.5rem;
  color: #fff;
  background-color: var(--color-1);
  border-radius: 0.5rem;
  text-align: center;
  font-size: 1.6rem;
  outline: none;
  text-transform: capitalize;
  font-family: var(--font-m);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.mySwiper .content p.link a:hover {
  background-color: var(--color-1);
  color: #fff;
}

.mySwiper .content h2 {
  font-size: 6rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  color: #fff;
  pointer-events: none;
  transform: translateY(-40px);
  opacity: 0;
  transition-duration: 1s;
  transition-delay: 0.6s;
  font-family: var(--font-s);
  text-transform: uppercase;
  text-align: center;
  text-shadow: -1px -1px 0px var(--color-1), 6px 2px 0px var(--color-1),
    6px 6px 0px #00000055;
}

.mySwiper .content p.desc {
  font-size: 6.5rem;
  font-family: var(--font-s);
  line-height: 1.2;
  color: #fff;
  transform: translateY(-30px);
  text-transform: uppercase;
  opacity: 0;
  transition-duration: 1s;
  transition-delay: 1.2s;
  position: relative;
  margin-bottom: 0;
  text-align: center;
  text-shadow: -1px -1px 0px var(--color-1), 6px 2px 0px var(--color-1),
    6px 6px 0px #00000055;
}

.mySwiper .content p.desc span {
  display: block;
}

.mySwiper .content p a {
  color: #fff;
}

.mySwiper .content p span img {
  height: 3rem;
}

.mySwiper .swiper-slide-active .content {
  transform: translateX(-1%);
  opacity: 1;
}

.mySwiper .swiper-slide-active .content h2,
.mySwiper .swiper-slide-active .content p {
  transform: none;
  opacity: 1;
}

.pn-foot {
  padding-top: 3rem;
  background-color: var(--color-1);
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.4;
}

.pn-foot > .container {
  padding-bottom: 2rem;
  border-bottom: 0.1rem solid rgba(216, 73, 0, 1);
}

.pn-foot .foot-top {
  padding-bottom: 3rem;
  border-bottom: 0.1rem solid rgba(216, 73, 0, 1);
}

.pn-foot a {
  color: #fff;
}

.pn-foot a:hover {
  text-decoration: underline;
}

.pn-cp p {
  margin-bottom: 0;
  text-align: center;
  font-size: 1.2rem;
  text-transform: uppercase;
  line-height: 1.3;
}

.df-ft .left {
  width: 40rem;
}

.df-ft .right {
  width: calc(100% - 47rem);
}

.foot-top {
  margin-bottom: 3rem;
}

.tit-foot {
  font-family: var(--font-b);
  font-weight: var(--font-weight-2);
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

.df-ft {
  align-items: flex-end;
}

.pn-cp {
  padding: 1rem 0;
}

.pn-foot .foot1,
.pn-foot .foot2,
.pn-foot .foot3 {
  width: calc(33.33%);
}

.pn-foot .foot2 {
  padding: 0 3rem;
}

.banner_full .background {
  height: calc(30vh - 4rem);
  background-size: cover !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #fff;
}

.banner_full .background h1 {
  font-family: var(--font-b);
  font-size: 4rem;
}

.site-breadcrumb .breadcrumb {
  background-color: transparent;
  color: #fff;
  padding-left: 0;
  margin-bottom: 0;
}

.site-breadcrumb .breadcrumb a {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.3;
}

.site-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
  font-size: 1.2rem;
}

.pn-advDetail .container {
  max-width: 1100px;
}

.breadcrumb-item.active a {
  color: var(--color-1);
}

.nav_member {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.nav_member > li {
  padding: 0 0.8rem;
  position: relative;
  margin-left:4rem;
}

.nav_member > li .nav_memberSub {
  position: absolute;
  right: 0;
  top: 100%;
  padding: 1rem 1.5rem;
  background-color: var(--color-2);
  min-width: 24rem;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  border-radius: 0 0 0.5rem 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.nav_member > li:hover .nav_memberSub {
  opacity: 1;
  z-index: 9;
  visibility: visible;
}

.nav_member > li .nav_memberSub > li {
  padding: 0.5rem 0;
}

.nav_member > li .nav_memberSub > li > a {
  display: block;
  font-size: 1.6rem;
  line-height: 1.4;
  color: #fff;
  font-family: var(--font-m);
}

.nav_member > li > a {
  display: block;
}

.nav_member > li > a > img {
  max-width: 3rem;
  height: 3rem;
  object-fit: contain;
}

.nav_memberSub > li .ic,
.nav_memberSub > li svg {
  margin-right: 0.3rem;
}

.nav_memberSub > li > a img {
  width: 2rem;
  max-height: 2rem;
  object-fit: contain;
}

.site-page {
  padding: 3rem 0;
}

.typography {
  font-size: 1.6rem;
  line-height: 1.625;
}

.df-center {
  justify-content: center;
}

.zoomImg {
  transition: transform 0.6s;
}

.zoomImg:hover {
  transform: scale(1.1);
}

.form-group {
  margin-bottom: 1.5rem;
}

.pn-profile {
  padding: 3rem 0;
}

.tit_page {
  text-align: center;
  margin-bottom: 2rem;
  position: relative;
}

.tit_page h1 {
  font-family: var(--font-b);
  color: var(--color-2);
  font-size: 2.6rem;
}

.df-avatar {
  justify-content: center;
  margin-bottom: 2rem;
}

.member_avatar_partner {
  height: 14rem;
  margin: 2rem auto;
}

.custom-file {
  cursor: pointer;
}

.gird_3c {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 2rem;
}

.input_44 {
  height: 4.4rem;
  font-size: 1.6rem;
}

.input_42 {
  height: 4.2rem;
  font-size: 1.6rem;
}

.input_40 {
  height: 4rem !important;
  font-size: 1.4rem;
}

.input_34 {
  height: 3.4rem !important;
  font-size: 1.35rem;
}
.input_30 {
  height: 3rem !important;
  font-size: 1.3rem;
}

.border-color-2 {
  border-color: var(--color-2);
}

.color-1 {
  color: var(--color-1) !important;
}

.color-2 {
  color: var(--color-2);
}

.color-3 {
  color: var(--color-3);
}

.font-m {
  font-family: var(--font-m);
  font-weight: var(--font-weight-1);
}

.font-b {
  font-family: var(--font-b);
  font-weight: var(--font-weight-2);
}

.check-form {
  padding: 0 1.5rem;
  position: relative;
  margin-bottom: 1rem;
}

.btn-updateUser {
  font-size: 1.8rem;
  font-family: var(--font-m);
  background-color: var(--color-2);
  border-color: var(--color-2);
  padding: 1rem 2rem;
  border-radius: 0.5rem;
  color: #fff;
}

.btn-updateUser:hover {
  color: #fff;
  background-color: var(--color-1);
  border-color: var(--color-1);
}

.type_partner_frm {
  margin: 2rem 0;
}

.gird_2c {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.gird_2c .form-group {
  margin-bottom: 0;
  position: relative;
}

.gird_2c .form-group label.error {
  position: absolute;
  right: 0.7rem;
  bottom: 0.8rem;
  font-size: 1.2rem;
  color: red;
}

.note_phone {
  font-size: 1.3rem;
  line-height: 1.2;
  margin-bottom: 0.5;
  color: red;
}

.btn-normal {
  background-color: var(--color-2);
  border-color: var(--color-2);
  font-size: 1.6rem;
  font-family: var(--font-b);
  padding: 0.7rem 2rem;
  color: #fff;
  font-weight: var(--font-weight-1);
}

.btn-normal:hover {
  color: #fff;
  background-color: var(--color-1);
  border-color: var(--color-1);
}

.pn-kgqc-regis {
  padding: 0 0;
}

.tabList_regisBillboard {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.nav_barTab {
  padding: 1rem 0 0 0;
  border-bottom: 1px solid #ccc;
}

.tabList_regisBillboard > li {
  min-width: calc(20% - 1rem);
  margin: 0 0.5rem;
  text-align: center;
  font-size: 1.5rem;
  font-family: var(--font-m);
}

.tabList_regisBillboard > li > p {
  cursor: pointer;
}

.tabListSub {
  width: 100%;
  display: flex;
}

.tabListSub > li {
  flex-wrap: 1;
  width: calc(100% - 0.3rem);
  height: 0.5rem;
  background-color: #ccc;
  margin: 0 0.2rem;
  cursor: pointer;
}

.tabListSub > li.active {
  background-color: var(--color-2);
}

.pn-kgqc-regis .container {
  max-width: 1200px;
}

.block-kgqc {
  background-size: cover !important;
}

/* .p_from_regis .wp_inner_partner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 3rem 0;
} */

.regis_step_1 {
  align-items: center;
}

.regis_step_1_50 .left {
  width:calc(50% - 1rem)
}

.regis_step_1_50 .right {
  width:calc(50% - 1rem);
}

.regis_step_pdm .left{
  width:45%;
}
.regis_step_pdm .right {
  width: 55%;
}

.note_regis {
  font-size: 1.6rem;
  line-height: 1.625;
  background-color: #fff;
  border: 0.1rem solid var(--color-2);
  border-radius: 0.5rem;
  padding: 2rem 2rem;
  color: var(--color-3);
  max-width: 45rem;
  font-family: var(--font-m);
}

.tit_step {
  font-family: var(--font-b);
  font-size: 2.4rem;
  color: var(--color-2);
  line-height:1.3;
}

h3.tit_step{
  font-size:2rem;
}

.input_sm {
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 1rem;
}

.wrapMapMaker {
  padding: 2rem;
  background-color: #ccc;
  border-radius: 0.3rem;
}

.wrapMapMaker .inner-map {
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 70%;
}

.wrapMapMaker .inner-map #map {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.regis_step_pdm .left {
  padding-right:2rem;
}

.wrapBillboard {
  position: relative;
  height: 0;
  padding-bottom: 80%;
  margin-top: 2rem;
}

.wrapBillboard .inner {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px dashed #222;
  border-radius: 0.5rem;
  background-color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.billboard_setting .form-group {
  margin-bottom: 0.5rem;
}

.df-50 .label_left {
  width: 50%;
  padding-right: 5rem;
  font-family: var(--font-b);
  color: var(--color-2);
  line-height: 1.3;
  font-weight:600;;
}
.label_left_title{
    font-size:1.7rem;
    font-weight:700;
}

.df-50 .input_right {
  width: 50%;
}

.df-50 .input_right input.form-control {
  color: var(--color-2);
  font-family: var(--font-m);
  font-size: 1.4rem;
}

.gird_3cm {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap:0.5rem;
}
.gird_3cm .item_3cm {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  padding-bottom: 3rem;
}

.gird_3cm .item_3cm label {
  margin-right: 1rem;
  font-family: var(--font-b);
  color: var(--color-2);
  margin-bottom: 0;
}

.gird_3cm .item_3cm .note_unit {
  font-size: 1.3rem;
  color: var(--color-2);
  right: 1rem;
  bottom: 0;
  display: inline-block;
  position: absolute;
}

.gird_3cm .item_3cm input.input_34 {
  width: 10rem;
  padding-right: 3.5rem;
}

.gird_3cm .item_3cm span.unit {
  position: absolute;
  right: 0.5rem;
  top: 0.7rem;
  display: inline-block;
  width: 3rem;
  text-align: center;
  color: var(--color-2);
  font-size: 1.4rem;
  font-family: var(--font-m);
  border-left: 1px solid #ccc;
}

.no-arrows::-webkit-outer-spin-button,
.no-arrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.no-arrows {
  -moz-appearance: textfield;
}

.note_full_setting {
  font-size: 1.4rem;
  color: var(--color-2);
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.input_right_unit,
.input_left_unit {
  position: relative;
}

.input_right_unit input.form-control {
  padding-right: 5rem;
}

.input_left_unit input.form-control {
  padding-left: 5rem;
}

.input_right_unit span.unit {
  position: absolute;
  color: var(--color-2);
  font-size: 1.4rem;
  right: 0.5rem;
  bottom: 0.8rem;
  display: inline-block;
  text-align: center;
  padding-left: 0.4rem;
  border-left: 0.1rem solid #ccc;
  width: 4rem;
  font-family: var(--font-b);
}

.input_left_unit span.unit {
  position: absolute;
  color: var(--color-2);
  font-size: 1.3rem;
  left: 0.6rem;
  bottom: 0.7rem;
  display: inline-block;
  text-align: left;
  padding-right: 0.4rem;
  border-right: 0.1rem solid #ccc;
  width: 4rem;
  font-family: var(--font-b);
}

.note_unit_block {
  font-size: 1.4rem;
  color: var(--color-2);
  display: block;
  line-height: 1.4;
  margin: 0.5rem 0;
}

.custom-file-upload {
  background-color: #007bff;
  color: white;
  padding: 8px 12px;
  border-radius: 5px;
  cursor: pointer;
  display: inline-block;
}

.custom-file-upload:hover {
  background-color: #0056b3;
}

.group_file {
  position: relative;
  border: 0.1rem solid var(--color-2);
  font-family: var(--font-b);
  font-size: 1.4rem;
  padding: 0.8rem 1.5rem;
  border-radius: 0.3rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}

.group_file label {
  margin-bottom: 0;
  cursor: pointer;
}

.item-imgview {
  height:50px;
  width:70px;
  margin: 0.2rem 0.2rem;
  position: relative;
  display: inline-block;
  word-break: break-all;
  padding:0.2rem;
}

.item-imgview img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%!important;
  object-fit:cover;
  border: 1px solid #eee;
  border-radius: 0.5rem;
}

.group_file_view {
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 1rem;
}

.group_file_view #view-img {
  display: block;
  min-width: 100%;
}

#view-img .item-imgview img{
  margin:0 0;
}
#error-img {
  font-size: 1.4rem;
  font-family: var(--font-m);
  color: red;
  line-height: 1.3;
}

.style-5::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #f5f5f5;
}

.style-5::-webkit-scrollbar {
  width: 10px;
  background-color: #f5f5f5;
}

.style-5::-webkit-scrollbar-thumb {
  background-color: #0ae;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    color-stop(0.5, rgba(255, 255, 255, 0.2)),
    color-stop(0.5, transparent),
    to(transparent)
  );
}

.nd_step_5 {
  font-size: 1.8rem;
  font-family: var(--font-m);
  color: var(--color-2);
  line-height: 1.625;
  padding: 2rem;
  background-color: #e4f1ff;
  max-width: 80%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.nd_step_6 {
  font-size: 1.8rem;
  font-family: var(--font-m);
  color: var(--color-2);
  line-height: 1.625;
  padding: 2rem;
  background-color: #e4f1ff;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.df-64 .left {
  width: 60%;
  padding-right: 2rem;
}

.df-64 .right {
  width: 40%;
  padding-left: 2rem;
  border-left: 0.15rem solid var(--color-2);
}

.df-64 .left .form-group {
  padding-left: 1rem;
}

.regis_step_6 .input_right_unit span.unit {
  bottom: 0.7rem;
  top: unset;
  font-family: var(--font-b);
}

.input_auto_bg {
  background: var(--color-1);
  border-color: var(--color-2);
  color: #fff;
  font-family: var(--font-m);
}

.disabled-element {
  pointer-events: none;
  opacity: 0.8;
}

.input_auto_bg span.unit {
  color: #fff;
  border-right-color: #fff;
}

.tit_left > span {
  font-family: var(--font-r);
  font-size: 1.6rem;
}

.note_discount {
  padding: 1.5rem;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #fff;
  background-color: #b6c1c7;
  border-radius: 0.4rem;
  margin-top: 2rem;
}

.df-control-right {
  justify-content: flex-end;
}

.df-control-left {
  justify-content: flex-start;
}

.regis_step_7 .cont {
  color: var(--color-2);
  padding: 1.6rem;
  border-radius: 0.5rem;
  background-color: #e4f2ff;
  font-size: 1.6rem;
  line-height:1.5;
  font-weight:600;
  max-width: 80%;
}

.regis_step_7 .nd {
  font-size: 1.6rem;
  line-height: 1.4;
  max-width: 80%;
  margin: 2rem 0;
}

.regis_step_7 .nd img {
  max-width: 100%;
  height: auto !important;
}

.df-55 .left {
  width: 50%;
  padding-right: 3rem;
}

.df-55 .right {
  width: 50%;
  padding-left: 3rem;
}

.nd_vstl {
  padding:1.5rem;
  border-radius: 0.4rem;
  background-color: #b6c1c7;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #fff;
}

.nd_vstl h4 {
  font-size: 1.8rem;
  font-family: var(--font-b);
  line-height: 1.5;
  font-weight:600;
}

.nd_vstl h4 .icon {
  width: 4rem;
  display: inline-block;
}

.nd_vstl h4 .icon img {
  width: 3rem;
  max-height: 3rem;
}

.regis_step_8 .cont {
  font-size: 1.6rem;
  font-family: var(--font-m);
  line-height: 1.6;
  color: var(--color-2);
  background-color: #e4f2ff;
  padding: 2rem;
  border-radius: 0.5rem;
  margin: 1rem 0;
}

.regis_step_8 .cont.step_8_status {
  max-width: 50rem;
}

.cont.step_8_nd {
  max-width: 70%;
  font-family: var(--font-b);
}

.list_st_booking li {
  margin-bottom: 0.5rem;
  font-family: var(--font-m);
  line-height: 3rem;
}

.list_st_booking li span.ic {
  padding: 0.4rem 0.7rem;
  border-radius: 0.5rem;
  border-color: 0.1rem solid #555;
  margin-right: 0.5rem;
}

.list_st_booking li:first-child span.ic {
  background-color: #fff;
  color: #333;
}

.list_st_booking li:last-child span.ic {
  background-color: var(--color-1);
  color: #333;
}

.df_73 .left {
  width: 80%;
}

.df_73 .right {
  width: 20%;
  padding-left: 1.5rem;
}

.df_73 .right ul {
  padding-left: 1rem;
}

.wrap_bgSchedule {
  background-color: #eee;
  padding: 1rem;
}

.wrap_bgSchedule .date_set {
  background-color: #fff;
  padding: 1rem;
  position: relative;
}

.wrap_bgSchedule .date_set * {
  border-color: transparent;
}

.block_giadaihan {
   position:relative;
   margin-bottom:2rem;
}

.swiper-button-prev-c,
.swiper-button-next-c {
  font-size: 2rem !important;
  height: 3rem !important;
  width: 2rem !important;
}

.swiper-button-prev-c1,
.swiper-button-next-c1 {
  font-size: 2rem !important;
  height: 3rem !important;
  width: 2rem !important;
  top: 3rem;
}

.wrap_bgSchedule .date_set td {
  cursor: pointer;
}

.wrap_bgSchedule .date_set td.active {
  background-color: var(--color-1);
  color: #333;
  border-radius: 0;
}

.swiper-button-prev-c:after,
.swiper-button-next-c:after {
  font-size: 2.4rem;
}

.swiper-button-prev-c:before,
.swiper-button-next-c:before {
  font-size: 2.4rem;
}

.swiper-button-prev-c1:after,
.swiper-button-next-c1:after {
  font-size: 2rem;
}

.swiper-button-prev-c1:before,
.swiper-button-next-c1:before {
  font-size: 2rem;
}

.ul-cf {
  padding-left: 2rem;
  margin: 1rem 0 3rem 0;
}

.ul-cf > li {
  margin: 1rem 0;
  display: flex;
  align-items: flex-start;
  line-height: 1.6rem;
}

.ul-cf > li .txt {
  width: calc(100% - 7rem);
  text-align: left;
  font-size: 1.8rem;
  color: var(--color-2);
  line-height: 1.5;
}

.ul-cf > li .txt h4 {
  font-family: var(--font-b);
  font-size: 1.8rem;
}

.regis_step_10 .sub {
  font-size: 1.8rem;
  line-height: 1.6;
}

.ul-cf > li .icon {
  width: 6rem;
}

.ul-cf > li .icon img {
  width: 5rem;
  height: 5rem;
  object-fit: contain;
  margin: 0.2rem 0.2rem;
}

.ul-ck {
  margin: 1rem 0;
}

.ul-ck > li {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  line-height: 1.2;
  color: var(--color-2);
  margin: 1rem 0;
}

.ul-ck > li .ck_dk {
  margin-right: 1rem;
}

.ul-ck > li .txt {
  line-height: 1.6;
  margin-top: -0.5rem;
  font-size: 1.8rem;
}

.ul-ck > li .txt a {
  text-decoration: underline;
  font-family: var(--font-m);
}

.regis_step_9 {
  max-width: 1000px !important;
  margin: 0 auto;
}

.pn-adv-list {
  padding: 2rem 0;
}

.df-adv .sidebar {
  width: 23rem;
}

.main_center {
  width: calc(100% - 23.5rem);
}

.bt_normal {
  font-size: 1.4rem;
  padding: 0.6rem 1rem;
  line-height: 1;
  border-radius: 0.3rem;
  background-color: var(--color-2);
  border: transparent;
  outline: none;
  font-family: var(--font-m);
  color: #fff;
  box-shadow: none !important;
  outline: none !important;
  line-height:1.2;
}

.bt_normal:hover {
  color: #fff;
  background-color: var(--color-1);
  border-color: var(--color-1);
}

.df_adv_heading {
  margin-bottom:0.5rem;
}

.df_adv_heading h1 {
  font-size: 2rem;
}

.wrapAdvList table {
  font-size: 1.3rem;
  font-family: Arial, Helvetica, sans-serif;
}

.wrapAdvList .card {
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.1);
}

.wrapAdvList .table > thead {
  vertical-align: center;
}

.wrapAdvList .table thead th {
  vertical-align: top;
  color: #fff;
  background-color: var(--color-2);
  text-align: center;
}

.btn {
  font-size: 1.2rem;
}

.btn_a {
  font-size: 1.3rem;
  line-height: 1.2;
  display: inline-block;
  padding: 0.7rem 1rem;
  border-radius: 0.5rem;
  color: #fff;
  margin: 0.1rem 0.1rem;
  font-family: var(--font-m);
}

.btn_a:hover {
  background-color: var(--color-1) !important;
}

.btn_a .ic {
  margin-right: 0.2rem;
  margin-top: -0.5rem;
}

.btn_a.btn_edit {
  background-color: #28a745;
}

.btn_a.btn_detail {
  background-color: #007bff;
}

.btn_a.btn_delete {
  background-color: #dc3545;
}

.btn_a:hover {
  color: #fff;
}

.checkbox_Switch {
  margin-bottom: 0;
  margin-top: 0.4rem;
  font-family: var(--font-m);
}

.tit_ft {
  margin-bottom: 1rem;
  font-size: 1.8rem;
}

.tit_ft_block {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
}

.checkbox_Switch .toggle {
  border: 1px solid #999;
  min-width: 6rem;
  font-family: var(--font-b);
  border-radius: 2rem;
}

.filterAdv {
  background: rgba(255, 241, 220, 1);
  padding: 1rem;
  border: 0.15rem solid var(--color-1);
  border-radius: 0.3rem;
}

.ft_block .note {
  color: #444;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-top: 0.7rem;
  padding-left: 0.2rem;
}

.ft_block .input_34 {
  margin-bottom: 1rem;
}

.ft_block .list_lr {
  margin: 1rem 0;
  padding-left: 0.5rem;
  padding-right: 1rem;
}

.ft_block .list_lr > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0.7rem 0;
  font-size: 1.7rem;
}

.ft_block .list_lr > li .r {
  width: 5rem;
  font-family: var(--font-m);
  text-align: right;
}

.df-adv_view .aside {
  width: 25rem;
}

.df-adv_view .center {
  width: calc(100% - 27rem);
}

.pn-adv-view {
  padding: 2rem 0;
}

.adv_module {
  margin: 1rem 0;
}

.adv_module > li {
  padding: 1rem 1rem;
  color: #333;
  font-size: 1.5rem;
  font-family: var(--font-b);
  text-align: center;
  background: linear-gradient(180deg, #ffdeac 0%, #ffc369 100%);
}

.adv_module > li > a {
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-weight: var(--font-weight-1);
}

.adv_module > li > a img {
  width: 3.5rem;
  max-height: 3.5rem;
  object-fit: contain;
  margin-bottom: 0.5rem;
}

#adv_o {
  background-color: #eee;
  color: var(--color-3);
  font-family: var(--font-m);
  font-size: 1.3rem;
}

.adv_module > li.active {
  background: rgba(255, 195, 105, 1);
}

.adv_module > li.active p {
  color: red;
  font-weight: var(--font-weight-1);
}

.heading_adv {
  font-size: 2rem;
}

.adv_overview .img {
  width: 45%;
  position: relative;
}

.adv_overview h1 {
  font-size: 2.2rem;
  line-height:1.3;
}

.adv_overview .info {
  width: calc(55% - 2rem);
}

.adv_overview {
  padding: 1rem 1rem;
  border-radius:9px;
  border: 0.2rem solid var(--color-2);
}


.wrap_productThumb {
  padding: 0 0;
  margin: 0.5rem 0;
  position: relative;
  max-height:60px;
  overflow:hidden!important;
}

.note_support {
  font-size: 1.4rem;
  margin-top: 1rem;
  line-height: 1.3;
  color: var(--color-2);
}
.note_support a {
  font-family: var(--font-b);
  text-decoration: underline;
}

.Swiper_spct img {
  height:50px;
  width: 100%;
  object-fit: contain;
  border-radius: 0.2rem;
  border: 1px solid var(--color-2);
  padding: 0.2rem;
  cursor: pointer;
  opacity: 0.5;
}

.Swiper_spct .swiper-slide-thumb-active img {
  opacity: 1;
  border-color: var(--color-1);
}

.Swiper_sp_hot_img {
  width: 99%;
  height: 30rem;
  object-fit: contain;
  border-radius: 0.5rem;
  padding:0.1rem;
  border: 1px solid var(--color-2);
  cursor: pointer;
}

.adv_overview .info .list_setting > li {
  margin: 0.5rem 0;
  position: relative;
}

.adv_overview .info .list_setting > li .lb-discount-detail {
  position: absolute;
  right: 0;
  top: -0.5rem;
  background-color: var(--color-1);
  color: #fff;
  font-size: 1.3rem;
  padding: 0.2rem 0.6rem;
  border-radius: 0.3rem;
}

.Swiper_spctSwiperPrev:after,
.Swiper_spctSwiperNext:after {
  font-size: 2.4rem;
}

.list_setting {
  font-family: var(--font-m);
}

.adv_control {
  padding: 1.2rem 0;
}

.df_adv_ctrl .left {
  font-size:1.8rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* .df_adv_ctrl .left .toggle-off {
    background: #eee;
} */

.df_adv_ctrl .left .checkbox_Switch {
  margin-top: -0.2rem;
}

.adv_thumbnail {
  width:6rem;
  height:4rem;
  object-fit:cover;
  border: 1px solid #ccc;
  border-radius: 0.2rem;
  padding: 0.1rem;
}

#adv_map_code {
  font-size: 1.6rem;
}

.b_address3 {
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}

.block_adv_edit .inner_bg {
  padding:1.2rem;
  border: 0.15rem solid #aaa;
  background: rgba(228, 241, 255, 1);
  border-radius: 0.5rem;
}

.block_ttcb .df-64 {
  align-items: flex-end;
}

.block_ttcb .df-64 .right {
  border-left-color: transparent;
}

.block_ttcb .df-64 .left .form-group {
  padding-left: 0;
}

.lib_advImg > ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0.5rem;
}

.lib_advImg > ul > li > a {
  display: block;
  position: relative;
  height: 0;
  width: 100%;
  padding-bottom: 80%;
  overflow: hidden;
}

.lib_advImg > ul > li > a .ic {
  color: red;
  position: absolute;
  right: 5px;
  top: 5px;
  z-index: 9;
  background: #fff;
  padding: 0.1rem 0.2rem;
  border-radius: 0.3rem;
  border: 1px solid #ccc;
}

.lib_advImg > ul > li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  padding: 0.4rem;
  border: 1px solid #fff;
  border-radius: 0.2rem;
  background-color: #fff;
}

.bt_normal-lg {
  font-size: 1.8rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.block_edit_price .df-64 .left .form-group {
  padding-left: 0;
}

.df-discount-control {
  align-items: center;
}

.df-discount-control .left {
  width: 27rem;
}

.df-discount-control .right {
  width: calc(100% - 30rem);
  justify-content: flex-start;
  align-items: center;
}

.rounded-10px {
  border-radius: 10px !important;
}

.nd img {
  max-width: 100%;
  margin: 1rem 0;
}
.cont_vstl{
  font-size:1.6rem;
}

.list_status_booking {
  margin-bottom: 1rem;
  display: flex;
}

.list_status_booking > li {
  display: flex;
  align-items: center;
  margin-right: 2rem;
  margin-bottom: 0.5rem;
  font-family: var(--font-m);
  line-height: 1;
}

.list_status_booking > li label {
  margin-bottom: 0;
}

.list_status_booking > li .ic {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
  font-size: 1.6rem;
  border-radius: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.list_status_booking > li.s1 .ic {
  background: #fcd68f;
}

.list_status_booking > li.s2 .ic {
  background: #e6fae6;
}

.list_status_booking > li.s3 .ic {
  background: #ff8081;
}

.wrap_schedule {
  background-color: rgba(244, 244, 244, 1);
  padding: 0.5rem;
  border-radius: 0.2rem;
  border: 0.15rem solid #222;
}

.filter_schedule {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.filter_schedule .select_month {
  max-width: 18rem;
  margin-right: 1rem;
}

.tit_calendar {
  color: var(--color-2);
  font-family: var(--font-b);
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

.frm_schedule .date_set {
  background-color: #fff;
  margin-top: 10px;
  border-radius: 2px;
}

.frm_schedule .date_set td {
  background-color: #e6fae6;
}

.frm_schedule .date_set td.active {
  background-color: rgba(246, 77, 84, 1);
}

.block_calendar .calendar table {
  font-size: 1.3rem;
}

.adv_order,
.adv-financial,
.adv_notify {
  padding: 2rem 0;
}

.adv_vertical {
  position: relative;
  padding: 0 0;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  margin: 0.5rem;
  font-size: 1.5rem;
}

.adv_vertical .img {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 70%;
  margin-bottom: 1rem;
}

.adv_vertical .img .label-v {
  position: absolute;
  right: 0;
  bottom: 3rem;
  color: #fff;
  padding: 0.3rem 0.8rem;
  font-size: 1.4rem;
  background-color: var(--color-1);
}
.adv_vertical .img .label-v:hover {
  background-color: var(--color-2);
}

.adv_vertical .img .label-s {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  z-index: 9;
  font-weight: var(--font-weight-1);
  padding: 0.4rem 0.9rem;
  font-size: 1.3rem;
  background-color: red;
  color: #fff;
  border-radius: 0 1rem 0 1rem;
}

.adv_vertical .img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.adv_vertical .info {
  padding: 0.5rem 2rem;
}

.adv_vertical .info h4 {
  min-height: 4.4rem;
  margin-bottom: 1rem;
}

.adv_vertical .info h4 a {
  font-family: var(--font-b);
  font-weight: var(--font-weight-2);
  color: #222;
  line-height: 1.3;
  font-size: 1.6rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.adv_vertical .info h4:hover a {
  color: var(--color-1);
}

.adv_meta {
  list-style-type: none;
  padding: 0 0;
  margin: 0.5rem 0;
  font-size: 1.4rem;
}

.adv_meta > li {
  margin: 0.3rem 0 0.3rem 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.35;
}

.adv_meta > li strong {
  color: #333;
}
.df-listAdv .left {
  width: 25rem;
}
.df-listAdv .main {
  width: calc(100% - 26.5rem);
}

.logo_footer {
  max-height: 11rem;
}

.gird_advs_hz {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.5rem;
  margin: 2rem 0;
}

.gird_advs_hz .adv-item {
  padding: 0.8rem;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  border-radius: 0.5rem;
  font-size: 1.5rem;
}

.gird_advs_hz .adv-item .adv-img {
  width: 26rem;
  border-radius: 0.3rem;
  overflow: hidden;
}
.gird_advs_hz .adv-item .adv-img a {
  display: block;
  position: relative;
  height: 0;
  padding-bottom: 70%;
}
.gird_advs_hz .adv-item .adv-img a img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}
.gird_advs_hz .adv-item .adv-info {
  width: calc(100% - 27rem);
  padding: 0rem 1rem 0 0.5rem;
}
.gird_advs_hz .adv-item .adv-info .adv-body {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.gird_advs_hz .adv-item .adv-info .adv-body .text-left {
  width: 60%;
  padding-right: 2rem;
}
.gird_advs_hz .adv-item .adv-info .adv-body .text-right {
  width: 40%;
}

.gird_advs_hz .adv-heading {
  display: flex;
  justify-content: space-between;
}

.gird_advs_hz .adv-heading h3 {
  width: calc(100% - 15rem);
}
.gird_advs_hz .adv-heading h3 a {
  font-size: 1.6rem;
  line-height: 1.3;
}
.gird_advs_hz .adv-item:hover h3 a {
  color: var(--color-1);
}
.gird_advs_hz .adv-item:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.btn_view {
  font-size: 1.4rem;
  font-family: var(--font-m);
  color: #fff;
  background-color: var(--color-1);
  padding: 0.5rem 0.4rem 0.5rem 1.2rem;
  border-radius: 0.3rem;
  display: inline-block;
  margin-top: 0.5rem;
}

.btn_view:hover {
  color: #fff;
  background-color: var(--color-2);
}
.line_f_time {
  align-items: center;
  margin: 0.5rem 0;
  position: relative;
}
.line_f_time > label {
  display: inline-block;
  width: 5rem;
}
.line_f_time .ic_time {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
}
.line_f_time .ic_time img {
  width: 2rem;
  cursor: pointer;
}
.filterAdvCustomer {
  background-color: #fcfcfc;
  border-color: #ccc;
}
.line_f_time .input_34 {
  margin-bottom: 0.5rem;
}
.adv_action_ct {
  display: flex;
}
.adv_action_ct > a {
  width: calc(50% - 1rem);
  text-align: center;
  border-radius: 0.7rem;
}

.adv_action_ct > a.btn-normal:nth-child(2) {
  background-color: var(--color-1);
}
.adv_action_ct > a.btn-normal:nth-child(2):hover {
  background-color: var(--color-2);
}
.box-product-relative {
  margin: 2rem 0;
}
.mw-1100 {
  max-width: 1100px;
  margin: 0 auto;
}

.tit_adv {
  font-size: 2rem;
}
textarea.form-control {
  font-size: 1.4rem;
}
#frm_create_campaign .form-group {
  position: relative;
}
#frm_create_campaign label.error {
  color: red;
  position: absolute;
  right: 1rem;
  bottom: 0.6rem;
  font-size: 1.4rem;
}

.checkbox-lg {
  width: 1.3em;
  height: 1.3em;
}
.checkbox-sm {
  width: 1.1em;
  height: 1.1em;
}

.list_nofify {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
}
.list_nofify .item-notify {
  display: flex;
  justify-content: flex-start;
  padding: 1rem 1rem;
  background-color: rgba(253, 101, 24, 0.08);
  border-radius: 0.4rem;
}
.list_nofify .item-notify .img {
  width: 10rem;
}
.list_nofify .item-notify .info {
  max-width: calc(100% - 11rem);
}
.df-align-center {
  align-items: center;
}
.list_nofify .the_content {
  display: none;
}

.item-notify_readed {
  background-color: #fcfcfc !important;
}

.tg_notifyContent {
  cursor: pointer;
}

.nd_giadaihan img {
  max-width: 100% !important;
  height: auto !important;
}
.bt_filter_kq {
  font-size: 1.4rem;
  padding: 0.8rem 1.5rem 0.9rem 1.5rem;
  line-height: 1;
}
.bt_filter_reset {
  line-height: 1;
  font-size: 1.4rem;
  padding: 0.8rem 1.5rem 0.9rem 1.5rem;
  background: red;
}

.df-bga .box-main {
  width: 70%;
}
.df-bga .box-sidebar {
  width: calc(30% - 2rem);
  padding: 1.5rem 1.5rem;
  background: #eee;
  border-radius: 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px,
    rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.df-bga .box-main .the_excerpt {
  font-size: 1.7rem;
  line-height: 1.4;
  font-weight: 600;
}
.df-bga .box-main .the_content {
  font-size: 1.6rem;
  line-height: 1.625;
}
.df-bga .box-main .the_sub {
  color: var(--color-2);
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: var(--font-weight-1);
  margin-bottom: 1rem;
}
.df-bga .box-sidebar .t-rel {
  text-align: center;
  font-size: 2.4rem;
  margin-bottom: 2rem;
}
.l-rel > li {
  display: block;
  margin-bottom: 1.5rem;
}
.l-rel > li > a {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.l-rel > li > a img {
  width: 110px;
  height:70px;
  object-fit: cover;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
    rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
  border-radius: 0.4rem;
}
.l-rel > li > a .the_title {
  font-size: 1.4rem;
  line-height: 1.3;
  width: calc(100% - 115px);
  color: #333;
  font-weight: var(--font-weight-1);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
.l-rel > li > a:hover .the_title {
  color: var(--color-2);
}

.list-blogs {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 2rem;
  margin: 1rem 0;
}
.list-blogs .item_blog{
   padding:0.7rem;
   border:1px solid var(--color-2);
   border-radius:0.4rem;
}
.list-blogs a {
  display: block;
}
.list-blogs a .the_title {
  font-size: 1.7rem;
  color: var(--color-2);
  margin-top: 1rem;
  line-height: 1.25;
  margin-bottom: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: var(--font-weight-1);
}
.list-blogs a .the_title:hover {
  color: var(--color-1);
}
.list-blogs .the_sub {
  color: var(--color-2);
  font-size: 1.35rem;
  line-height: 1.3;
  font-weight: var(--font-weight-1);
}
.list-blogs .the_excerpt {
  font-size: 1.4rem;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}
#pagination-ajax {
  font-size: 1.4rem;
}
#pagination-ajax .page-item a {
  font-size: 1.3rem;
  padding: 0.5rem 1rem;
}
.tit_rel {
  font-size: 2.4rem;
  font-weight: var(--font-weight-1);
}
.item-pt {
  display: block;
  padding: 0.5rem;
}
.item-pt .wrap {
  position: relative;
  border-radius: 0.4rem;
  overflow: hidden;
  border:1px solid var(--color-2);
  padding:0.7rem;
}
.item-pt .img img {
  width: 100%;
}
.item-pt .box-info {
  padding: 1rem 1rem;
}
.item-pt .box-info h4 a {
  color:var(--color-2);
  font-weight: var(--font-weight-1);
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item-pt h4 a:hover {
  color: var(--color-2);
}
.item-pt .the_excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item_blog_guide {
  padding: 1rem;
  border-radius: 0.4rem;
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px,
    rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
}

.item_blog_guide .the_excerpt {
  -webkit-line-clamp: 8;
}
.item_blog_guide .the_time {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list_fileNotify {
  list-style-type: none;
  padding: 0 0 0 7px;
  margin: 0;
}
.list_fileNotify > li {
  margin-bottom: 5px;
}
.check_readed_all {
  display: flex;
  justify-content: flex-end;
}
.check_readed_all a {
  color: #222;
  text-decoration: underline;
}
.block_Zalo > a {
  display: inline-block;
  padding: 1rem 2rem;
  text-align: center;
  font-size: 1.6rem;
  background-color: #007bff;
  color: #fff;
  border-radius: 0.2rem;
  font-weight: var(--font-1);
}
.block_Zalo > a > img {
  width: 4rem;
  margin-right: 0.5rem;
}
.df-cusNT .subMenu-left {
  width: 15rem;
}
.df-cusNT .box-main {
  width: calc(100% - 16.5rem);
}
.listSubmenu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0;
}
.listSubmenu > li {
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: var(--font-weight-1);
}
.listSubmenu > li > a {
  color: #fff;
  display: block;
  text-align: center;
}
.listSubmenu > li .the_title {
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
.ic_resetInputKey {
  position: absolute;
  font-size: 1.6rem;
  color: #666;
  right: 1rem;
  top: 0.4rem;
  opacity: 0;
  cursor: pointer;
  visibility: hidden;
}
.on_focus .ic_resetInputKey {
  opacity: 1;
  visibility: visible;
}
.lb_down {
  font-size: 1.7rem;
  color: var(--color-1) !important;
  text-decoration: line-through;
}
.lb_down-sm {
  font-size: 1.5rem;
  color: var(--color-1) !important;
}
.with-line-through {
  text-decoration: line-through;
}
.tit_listAdv {
  font-size: 2rem;
}

.wrapAdminList .lib_img {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 0.2rem;
}

tr.cancel-item {
  background-color: #eee !important;
  filter: brightness(0.7) !important;
}

.box-dayAds hr {
  margin: 0.5rem;
}
.list-blogs a img {
  width: 100%;
}

/* Menu button */
.menu-btn {
  appearance: none;
  border: none;
  background: transparent;
  color: var(--fg);
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  padding: 5px 5px;
  border-radius: 5px;
  transition: background 0.2s ease, box-shadow 0.2s ease;
  outline: none !important;
  box-shadow: unset !important;
}

.menu-btn:hover {
  background: rgba(255, 255, 255, 0.06);
}
.menu-btn:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 3px;
}
.menu-btn .icon {
  width: 22px;
  height: 22px;
  display: inline-block;
}

/* Content hero */
.hero {
  max-width: 980px;
  margin: 56px auto;
  padding: 0 20px;
  text-align: center;
}
.hero h1 {
  font-size: clamp(26px, 5vw, 44px);
  margin: 0 0 10px;
}
.hero p {
  color: var(--muted);
  margin: 0;
}

/* Overlay */
.overlay {
  position: fixed;
  inset: 0;
  background: var(--overlay);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  z-index: 40;
}
.overlay.show {
  opacity: 1;
  visibility: visible;
}

/* Right drawer */
.drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: min(86vw, 360px);
  background: var(--surface);
  color: var(--fg);
  transform: translateX(104%);
  transition: transform 0.32s cubic-bezier(0.2, 0.8, 0.2, 1);
  z-index: 50;
  display: flex;
  flex-direction: column;
  box-shadow: -16px 0 40px rgba(2, 8, 23, 0.6);
}
.drawer.open {
  transform: translateX(0);
}

.drawer-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  background: var(--surface-2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.drawer-title {
  font-weight: 700;
}
.close-btn {
  appearance: none;
  border: none;
  background: transparent;
  color: var(--fg);
  padding: 8px;
  border-radius: 10px;
  cursor: pointer;
}
.close-btn:hover {
  background: rgba(255, 255, 255, 0.06);
}
.close-btn:focus-visible {
  outline: 2px solid var(--ring);
  outline-offset: 2px;
}

nav {
  overflow: auto;
  padding: 8px 6px 24px;
}
.cus_menu .menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.cus_menu .item > a,
.cus_menu .item > button {
  width: 100%;
  text-align: left;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(255, 255, 255, 0.02);
  color: inherit;
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.06s ease;
}
.cus_menu .item > a:hover,
.cus_menu .item > button:hover {
  background: var(--hover);
  border-color: rgba(255, 255, 255, 0.12);
}
.cus_menu .item > a:active,
.cus_menu .item > button:active {
  transform: translateY(1px);
}

.chev {
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease;
}
.rot {
  transform: rotate(90deg);
}

/* Submenu (cấp 2) */
.submenu {
  list-style: none;
  margin: 6px 0 0 0;
  padding: 0 0 8px 0;
  border-left: 2px dashed rgba(255, 255, 255, 0.08);
  margin-left: 10px;
}
.submenu li a {
  display: block;
  padding: 10px 12px 10px 16px;
  margin-left: 6px;
  border-radius: 12px;
  text-decoration: none;
  color: inherit;
  border: 1px solid transparent;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.submenu li a:hover {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.12);
}

.stars {
  font-size: 20px;
  color: #e2e8f0;
}
.star.full {
  color:rgba(238, 219, 14, 1);
}
.star.half {
  background: linear-gradient(90deg, rgba(238, 219, 14, 1) 50%, #e2e8f0 50%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.pagination-page {
    text-align: center;
}


 .form-check-input {
    transform: scale(1.2);
  }

  .expired-item{
    background-color:red!important;
  }
  .expired-item *{
    color:#fff!important;
  }
  .notify_day{
    color: var(--color-1);
    font-weight:var(--font-weight-1);
  }
  .notify_day_0{
     color:red!important;
     font-size:13px;
     line-height:1.4;
     margin-bottom:5px;
  }
   .pagination-page{
        margin-top:1rem;
    }

  .pagination a {
    display: inline-block;
    padding: 6px 10px;
    margin: 0 2px;
    text-decoration: none;
    color: #333;
}
.pagination span{
    display: inline-block;
        text-decoration: none;
    color: #333;
}

.pagination a:hover {
    background-color: #f5f5f5;
}
.pagination .current {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}
.pagination .disabled {
    color: #ccc;
    pointer-events: none;
}
.pagination-page .pagination{
  justify-content:center;
}
.pagination-page {
    margin-bottom: 15px;
    text-align:center;
}
.pagination-page > a,.classunlink {
    display: inline;
    padding:5px 10px;
    border:1px solid #ccc;
}
.pagination-page span.classunlink{
  color:red;
}
.pn-reset-pass{
  padding:30px 0;
}
.bg-orange{
  background-color:var(--bg-primary);
  color:#fff;
  font-size: 1.6rem;
  font-family: var(--font-b);
  padding:0 1.5rem;
}
.bg-orange:hover{
  background-color:var(--color-2);
  color:#fff;
}
.nd_schedule #infoIcon{
    position:absolute;
    top:10px;
    left:calc(50% - 90px);
    z-index:9;
}
.label-danger{
  border-radius: 10px;
  border: 2px solid #B50303;
  background: #F60004;
  color:#fff;
  padding:0.8rem 1.5rem 1rem 0.8rem;
  line-height:1;
}
.label-success{
  border-radius: 12px;
  border: 2px solid #28a745;
  background:green;
  color:#fff;
  padding:1rem 2rem;
  line-height:1;
}
.image-cover{
  object-fit:cover;
}
.image-contain{
  object-fit:contain;
}

.pn-advDetail .adv_overview{
  border:none!important;
  padding:0!important;
}

.mt-40{
  margin-top:40px;
}

.swal-modal .swal-title,
.swal-modal .swal-text {
    text-align: center !important;
}
.d-flex-end{
  justify-content:flex-end;
}
.rolldate-container{
  position:relative;
  z-index:999999;
}
.view_gl .productImg{
  max-height:calc(100% - 60px);
}

.swiper-slide,.swiper-wrapper {
    height: auto !important;
    align-self: flex-start;
}
.wptImg{
  position:relative;
  height:0;
  padding-bottom:80%;
}
.wptImg img{
  position:absolute;
  width:100%!important;
  height:100%!important;
  top: 0;
  left: 0;
  object-fit:cover;
}