@import url('https://fonts.googleapis.com/css2?family=family=Noto+Sans+TC:wght@400;500&Frank+Ruhl+Libre:wght@300;400;500&family=Noto+Serif+TC:wght@300;400;600;700&family=Ubuntu:wght@300;400;500;700&display=swap');

/* reset
---------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fiel.accordion-set,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fiel.accordion-set,img,iframe {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
select:focus,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,button:focus{
  outline: 0;
}

*:focus {
  outline: 1px;
}

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


/* common
---------------------------------------------------------*/

:root{
  --logo-width-s:138px;
  --logo-width:200px;
  --logo-width-m:170px;
  --bs-blue: #6576ff;
  --bs-blue-1: #4F6D9F;
  --bs-blue-2: #3EA1B7;
  --bs-indigo: #6610f2;
  --bs-purple: #896FA3;
  --bs-light-purple: #ECE9F0;
  --bs-light-blue: #DAF0F5;
  --bs-pink: #d63384;
  --bs-light-pink: #FFF2F2;
  --bs-red: #dc3545;
  --bs-orange: #E94609;
  --bs-light-orange: #ffe7de;
  --bs-yellow: #ffc81d;
  --bs-light-yellow: #FDF7EB;
  --bs-light-yellow-1: #f3eadc;
  --bs-green: #05a34a;
  --bs-teal: #20c997;
  --bs-cyan: #09c2de;
  --bs-black: #000;
  --bs-gold: #B8A16B;
  --bs-brown: #A78777;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #D3AC6F;
  --bs-secondary: #E94709;
  --bs-success: #05a34a;
  --bs-info: #09c2de;
  --bs-warning: #FCA524;
  --bs-danger: #c31c1c;
  --bs-light: #e5e9f2;
  --bs-light-a: #ededed;
  --bs-dark: #212529;
  --bs-primary-rgb: 211, 172, 111;
  --bs-secondary-rgb: 233, 71, 9;
  --bs-success-rgb: 33, 147, 59;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 252, 165, 36;
  --bs-danger-rgb: 195, 28, 28;
  --bs-light-rgb: 248, 249, 250;
  --bs-lightbrown-rgb: 247, 246, 244;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-sale-rgb:198, 62, 62;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

*,
:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  word-wrap: break-word;
  font-size: 1rem;
  color: #666;
  line-height: 1.6;
  font-family: 'Noto Sans TC', 'Noto Sans SC','Ubuntu','Frank Ruhl Libre',-apple-system,'PingFang TC', 'Microsoft JhengHei',sans-serif;
}

@media (max-width: 768px) {
  body{
    font-size: 0.95rem;
  }
}


html,
body {
  scroll-behavior: auto !important;
  position: relative;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

a{
  color: #333;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

a:hover{
  color: #000;
}


/* bootstrap setting
---------------------------------------------------------*/

.fs-xl{
  font-size: 5rem;
}

.fs-lg{
  font-size: 2.2rem;
}

.fs-5-1{
  font-size: 1.1rem;
}

.fs-18px{
  font-size: 1.125rem;
}

.fs-7{
  font-size: 0.9rem!important;
  Letter-spacing: 0.04em;
}

.fs-8{
  font-size: 0.875rem!important;
}

.fs-9{
  font-size: 0.75rem!important;
}

.fs-zh{
  font-family: 'Noto Serif TC', serif;
}

.bg-blue{
  background: var(--bs-blue-1);
}

.bg-line{
  background-color: #06C755;
}

.bg-light-1 {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-lightbrown-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-2 {
  background-color: var(--bs-gray-200);
}

.bg-light-pink{
  background-color: var(--bs-light-pink);
}

.bg-light-blue{
  background-color: var(--bs-light-blue);
}

.bg-light-yellow{
  background-color: var(--bs-light-yellow);
}

.bg-purple{
  background-color: var(--bs-purple);
}

.bg-light-purple{
  background-color: var(--bs-light-purple);
}

.bg-sale{
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-sale-rgb), var(--bs-bg-opacity)) !important;
}

.hover-underline:hover{
  text-decoration: underline;
}

.btn,.form-control,.form-select{
  border-radius: 0;
}

.form-control{
  /*padding: 0.4rem 1rem;*/
}

.btn-dim:disabled{
  background: #e1e1e1!important;
  border-color: #e1e1e1!important;
  color: #999!important;
}

.btn-dim.btn-primary{
  color: #D3AC6F;
  background: #f8f5f0;
  border-color: #f8f5f0;
}

.btn-dim.btn-primary:hover{
  color: #fff;
  background: #D3AC6F;
}

.btn-dim.btn-primary.btn-wishlist:hover{
  background-color: #faddd2;
  color: #e94609;
}

.btn-dim.btn-secondary{
  color: #b8a16b;
  background: #f5f2ea;
  border-color: #f5f2ea;
}

.btn-dim.btn-secondary:hover{
  background: #b8a16b;
  color: #fff;
  border-color: #b8a16b;
}

.btn-dim.btn-success{
  color: #05a34a;
  background: rgba(5,163,74,.2);
  border-color: rgba(5,163,74,.03);
}

.btn-dim.btn-success:hover{
  background: #05a34a;
  border-color: #05a34a;
  color: #fff;
}

.btn-dim.btn-danger{
  color: #e85347;
  background:#fceceb;
  border-color: #fceceb;
}

.btn-dim.btn-danger:hover{
  color: #fff;
  background: #dc3545;
  background-color: #dc3545;
}

.btn-dim.btn-warning{
  color: #ec8e34;
  background:#fae4cf;
  border-color: #fae4cf;
}

.btn-dim.btn-warning:hover{
  background: #FF9F43;
  color: #fff;
  border-color: #FF9F43;
}

.btn-dim.btn-info{
  color: #2ca2b4;
  background: #e2f2f4;
  border-color: #ddeff2;
}

.btn-dim.btn-info:hover{
  background: #19a3b8;
  border-color: #19a3b8;
  color: #fff;
}

.btn-dim.btn-normal{
  color: #896FA3;
  background: #e2dbe8;
  border-color: #ece6f3;
}

.btn-dim.btn-normal:hover{
  background: #896FA3;
  border-color: #896FA3;
  color: #fff;
}

.btn-dim.btn-light{
  color: #8091a7;
  background: #f1f3f5;
  border-color: #f1f3f5;
}

.btn-dim.btn-light:hover{
  background: #e5e9f2;
  border-color: #e5e9f2;
  color: #101924;
}

.btn-dim.btn-dark{
  color: #1B1B1B;
  background: #e6e8e9;
  border-color: #e6e8e9;
}

.btn-dim.btn-dark:hover{
  background: #1B1B1B;
  border-color: #1B1B1B;
  color: #fff;
}

.btn-normal {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--bs-purple);
  --bs-btn-border-color: var(--bs-purple);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7d5b9e;
  --bs-btn-hover-border-color: #7d5b9e;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7d5b9e;
  --bs-btn-active-border-color: #7d5b9e;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6576ff;
  --bs-btn-disabled-border-color: #6576ff;
}

.btn-outline-link{
  --bs-btn-padding-x:0.35rem;
  --bs-btn-padding-y:0rem;
  --bs-btn-hover-border-color: #fff;
  --bs-btn-active-border-color: #fff;
  --bs-btn-hover-bg: #eee
}

.form-control.is-invalid,.form-control.input-validation-error,
.form-select.input-validation-error
 {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:invalid:focus, .form-control.input-validation-error:focus{
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.input-validation-error ~ .invalid-feedback{
  display: block;
}

.form-check-label{
  padding-top: .125rem;
}

.rounded-4{
  border-radius: 0.55rem;
}

.cursor{
  cursor: pointer;
}

.form-check-input{
  width: 21px;
  height: 21px;
  position: relative;
}

.form-check.check-sm .form-check-input{
  width: 18px;
  height: 18px;
}

.form-check.check-sm  .form-check-input{
  margin-left:-1.5em;
}

.form-check.check-sm{
  padding-left:22px;
  min-height:1.2rem;
  margin-bottom: 0;
}

.form-check.check-sm .form-check-input{
  margin-top:0.2em;
}

.btn:disabled, .btn.disabled{
  color: #666;
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.text-zn{
  font-family: 'Noto Serif TC', serif;
  font-weight: 600;
}

.text-serif{
  font-family: 'Frank Ruhl Libre', serif;
}

.text-black-35 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.35) !important;
}

.box-shadow-1{
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
}

.text-fb{
  color: #4267B2;
}

.text-line{
  color: #07b53b;
}

.bg-line{
  background-color: #07b53b;
}

.form-check-input:checked{
}

.form-check-input:checked[type=checkbox] {
  background-image: url(../img/icon-check-line.svg);
}

.form-check-input:checked[type=radio] {
  background-image: url(../img/icon-radio.svg);
}

.form-control::placeholder {
  color: rgba(0, 0, 0, 0.35);
}

.form-check-input:disabled{
  background: #ccc;
}

.end-10p {
  right: 10px !important;
}

.top-2p {
  top: 2px !important;
}

.w-auto{
  width: auto!important;
}

.border-pink{
  border-color: rgba(224, 134, 148, 0.6)!important;
}

.nav-item .btn-light.active{
  background-color: var(--bs-dark);
  color: var(--bs-white);
}

.form-control:disabled {
  background-color: #f2f2f2;
}

.fw-bolder{
  font-weight: 500!important;
}

.bg-primary-gradient{
  background: rgb(255,116,64);
  background-image: linear-gradient(149deg, rgba(255,116,64,1) 12%, rgba(233,70,9,1) 96%);
}

.mode-s .bg-primary-gradient{
  background: rgb(184,161,107);
  background: linear-gradient(149deg, rgba(184,161,107,1) 12%, rgba(175,149,88,1) 96%);
}

.fs-6-a{
  font-size: 1rem;
}

.form-select-sm{
  font-size: 0.85rem;
}

.btn-sm,.form-control-sm{
  padding: 0.25rem 0.5rem;
  font-size: 0.85rem;
}

.form-control-sm{
  min-height: auto;
}

.bg-light-yellow-1{
  background-color: var(--bs-light-yellow-1);
}

.bg-light-orange-1{
  background-color: var(--bs-light-orange);
}

.hover-b:hover{
  text-decoration: underline;
  color: #ad9064;
}

.g-1-1{
  --bs-gutter-x: 0.2rem;
  --bs-gutter-y: 0.2rem;
}

.bg-light-a {
  background-color: var(--bs-light-a);
}

.nav-pills .nav-link{
  color: initial;
}

@media (max-width: 768px) {

  .fs-6-a{
    font-size: 0.95rem;
  }

}

/* pagination
---------------------------------------------------------*/

.pagination {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}

.pagination a {
  border-radius: 0.3rem;
  width: 48px;
  height: 48px;
  font-size: 1.1rem;
  margin: 0 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--bs-gray-100);
  vertical-align: middle;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;
}

.pagination.pagination-sm a{
  width: 36px;
  height: 36px;
}

.pagination a.active {
  background-color: var(--bs-dark);
  color: white;
  pointer-events: none;
}

.pagination a:hover:not(.active) {
  background-color: var(--bs-dark);
  color: #fff;
}

.pagination i {
  font-size: 1.1em;
}

.pagination .no-click {
  border-radius: 6px;
  transition: background-color .3s;
  background: #fff;
  margin-bottom: 5px;
}

@media (max-width: 800px) {

  .pagination .page-numbers,
  .pagination .no-click {
    display: none;
  }

}

/* header-nav
---------------------------------------------------------*/

.header-nav-wrap > ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.header-nav-wrap > ul > li {
  display: inline-block;
  font-size: 1.1em;
  position: relative;
  text-align: left;
}

.header-nav-wrap .sp:before{
  width: 1px;
  height: 15px;
  background: rgba(255, 255, 255, 0.6);
  position: absolute;
  content: '';
  display: block;
  right: 0;
  top: 50%;
  margin-top: -7px;
}

.header-nav-wrap > ul > li:last-child .sp:before{
  display: none;
}

.header-nav-wrap > ul > li.mega-menu-parent {
  display: inline-block;
  font-size: 1.05em;
  position: static;
}

.header-nav-wrap > ul > li > a{
  padding: 10px 10px;
  display: block;
  color: #fff;
  letter-spacing: 0.04rem;
}

.megaMenuContent .header-nav-wrap > ul > li > a{
  padding: 5px 10px;
  display: block;
  color: var(--bs-dark);
  letter-spacing: 0.04rem;
}

.header-nav-wrap > ul > li > a.current{
  background: rgba(0, 0, 0, 0.05);
}

.header-nav-wrap > ul > li > a:hover{
  background-color:var(--bs-white);
  color: var(--bs-secondary);
}

.header-nav-wrap > ul > li > a.current{
  background: rgba(0, 0, 0, 0.08);
  color: #fff;
}

.header-nav-wrap > ul > li > a i{
  font-size: 0.85rem;
}

.header-nav-wrap > ul > li:first-child {
  border-left: none;
}


.mega-menu {
  box-shadow: 0 3px 5px 0 rgb(0, 0, 0, 0.2);
  transform: translateY(-15px);
  z-index: -10;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease,transform .3s ease;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  pointer-events:none;
  max-height: 900px;
  overflow-y: auto;
}

.mega-menu .container{
  max-height: 800px;
  overflow-y: auto;
}

.header-nav .sub-menu-parent:focus .sub-menu,
.header-nav .sub-menu-parent:focus-within .sub-menu,
.header-nav .sub-menu-parent:hover .sub-menu
 {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  display: block;
  transition: opacity .3s ease, transform .3s ease;
  pointer-events:auto;
  z-index: 999;
}

.header-nav .mega-menu-parent:hover .mega-menu
 {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  display: block;
  transition: opacity .5s ease, transform .5s ease;
  transition-delay:1.5s;
  pointer-events:auto;
  z-index: 999;
}

.header-nav .sub-menu-parent {
  position: relative;
}

.header-nav .sub-menu > li{
  position: relative;
}

.header-nav .sub-menu {
  background: #fff;
  box-shadow: 0 0 4px 0 rgb(0,0,0,0.2);
  padding: 10px 15px;
  visibility: hidden;
  /* hides sub-menu */
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 180px;
  transform: translateY(-2em);
  z-index: 2;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.header-nav .sub-menu a{
  padding: 5px 0;
  display: block;
  color: #5F5D59;
  font-size: 0.95rem;
}

.header-nav .sub-menu a:hover{
  color: #F05E24;
}

.header-nav .sub-sub-menu{
  background-color: #fff;
  box-shadow:inset 0 0 0 1px #ddd;
  padding: 10px 0 15px;
  position: absolute;
  top: 0;
  width: 130px;
  right: -145px;
  list-style: none;
  margin-left: 0;
  margin-top: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  z-index: -99;
  margin-left: -20px;
}

.header-nav .sub-menu-parent li:hover .sub-sub-menu,
.header-nav .sub-menu-parent li:focus-within .sub-sub-menu
{
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.header-nav .sub-sub-menu li{
  padding: 0 10px;
}


/* top-nav-wrap
---------------------------------------------------------*/

.top-nav-wrap{
  position: absolute;
  width: 100%;
  left: 0;
  right: 0;
  background: #fff;
  box-shadow: 0 2px 4px 0 rgb(0,0,0,0.15);
  z-index: 4;
  display: none;
}

.top-nav-wrap .menu-accordion{
  -webkit-overflow-scrolling: touch;
  max-height: 400px;
  overflow-y: auto;
}

.top-nav-wrap ul.menu-accordion > li > a{
  box-shadow: inset 0 1px 0 #eaeaea;
  padding: 0.9em;
}

.top-nav-wrap ul.menu-accordion .inner > li > a{
  padding: 10px;
}

.top-nav-wrap ul.menu-accordion .inner .inner li a{
  padding: 5px;
}


/* menu-accordion
---------------------------------------------------------*/

ul.menu-accordion {
  list-style: none;
  padding: 0;
  -webkit-overflow-scrolling: touch
}

ul.menu-accordion .inner {
  /*padding-left: 1em;*/
  overflow: hidden;
  display: none;
}

ul.menu-accordion > li > a{
  width: 100%;
  display: block;
  display: flex;
  justify-content: space-between;
  transition: background 0.3s ease;
}

ul.menu-accordion li > a  i.arrow{
  transition:all 0.4s ease;
  font-size: 1.3em;
  line-height: 1;
}

ul.menu-accordion li > a.open{
  font-weight: 600;
}

ul.menu-accordion li > a.open i.arrow{
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

ul.menu-accordion li a.toggle:hover {
  background: rgba(0, 0, 0, 0.9);
  color: #B23C34;
}

ul.menu-accordion .inner li{
  list-style: none;
  padding-top: 2px;
}

ul.menu-accordion .inner > li > a{
  display: flex;
  justify-content: space-between;
}

ul.menu-accordion .inner > li a i{
  color: #777;
  margin-right: 5px;
}

ul.menu-accordion .inner.show {
  /*display: block;*/
}

ul.menu-accordion .inner .inner li{
  font-size: 0.95em;
}

ul.menu-accordion .inner .inner li a:hover{
  text-decoration: underline;
}

/* accordion-item
---------------------------------------------------------*/

.accordion-item{
  border-radius: 0.7rem;
  border: none;
  margin-bottom: 10px;
  background: transparent;
}

.accordion-button{
  background: #F7F7F7;
  color: #02054C;
  border-radius: 0.5rem;
}

.accordion-button:not(.collapsed){
  background: #EAEBF5;
  color: #000;
  box-shadow: none;
}

.accordion-body{
  padding: 0.8rem 1.25rem 1rem;
}


/* owl-carousel
---------------------------------------------------------*/

.owl-carousel button.owl-next,
.owl-carousel button.owl-prev{
  font-family: remixicon!important;
  color: rgba(0, 0, 0, 0.7);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
  position: absolute;
  top: 50%;
  z-index: 4;
}

.owl-carousel button.owl-prev span,
.owl-carousel button.owl-next span{
  font-size: 0;
}

.banner-carousel.owl-carousel button.owl-prev:after,
.banner-carousel.owl-carousel button.owl-next:after{
  font-size: 4rem;
}

.banner-carousel.owl-carousel .owl-nav button.owl-prev,
.banner-carousel.owl-carousel .owl-nav button.owl-next{
  display: block;
  color: rgba(255, 255, 255, 1);
  line-height: 1;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
  margin-top: -32px;
}

.banner-carousel.owl-carousel button.owl-prev:after{
  content:"\EA64";
}

.banner-carousel.owl-carousel button.owl-next:after{
  content:"\EA6E";
}

.banner-carousel.owl-carousel button.owl-next{
  right: 20px;
}

.banner-carousel.owl-carousel button.owl-prev{
  left: 20px;
}

.owl-dots{
  text-align: center;
  width: 100%;
  margin-top: 20px;
}

.owl-dots .owl-dot span{
  width: 10px;
  height: 10px;
  background: #ddddd9;
  display: block;
  border-radius: 30px;
  margin: 3px 3px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  transition: opacity .2s ease;
}

.owl-dots .owl-dot.active span,
.owl-dots .owl-dot:hover span{
  background: #e74808;
}

.big-carousel .owl-dots .owl-dot.active span{
  width: 40px;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}

.mode-s .owl-dots .owl-dot.active span,
.mode-s .owl-dots .owl-dot:hover span{
  background: #E94709;
}

.owl-carousel .owl-item img{
  max-width: 100%;
}

.big-carousel.owl-carousel button.owl-prev:hover,
.big-carousel.owl-carousel button.owl-next:hover{
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
}

.main-slider-wrap{
  position: relative;
}

.main-slider-wrap .showAll{
  position: absolute;
  bottom: 0;
  right: 0;
  background: var(--bs-dark);
  border-radius: 10px 0 0 0;
  padding: 5px 10px;
  color: #fff;
  font-size: 0.9rem;
  z-index: 22;
}

.big-carousel .owl-dots{
  position: absolute;
  bottom:10px ;
  left: 0;
}

@media (max-width: 768px) {

  .banner-carousel.owl-carousel button.owl-prev:after,
  .banner-carousel.owl-carousel button.owl-next:after{
    font-size: 3rem;
  }

  .banner-carousel.owl-carousel button.owl-next{
    right: 0;
  }

  .banner-carousel.owl-carousel button.owl-prev{
    left: 0;
  }

  .banner-carousel.owl-carousel .owl-nav button.owl-prev,
  .banner-carousel.owl-carousel .owl-nav button.owl-next{
    margin-top: -24px;
  }

}

/* icon-btns
---------------------------------------------------------*/

.icon-btns .entry-icon{
  margin: 0 2px;
  position: relative;
}

.icon-btns .entry-icon a{
  width: 43px;
  height: 43px;
  border-radius: 50px;
  background: #EAEBF5;
  display: flex;
  color: #1D2087;
  align-items: center;
  justify-content: center;
}

.icon-btns .entry-icon a:hover{
  background: #1D2087;
  color: #fff;
}


/* icon-btns-1
---------------------------------------------------------*/

.icon-btns-1 .entry-icon{
  margin: 0 1px;
  position: relative;
}

.icon-btns-1 .entry-icon{
  width: 30px;
  height: 30px;
  border-radius: 40px;
  background: #fff;
  display: flex;
  color: #222;
  border: 0;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  align-items: center;
  justify-content: center;
}

.icon-btns-1 .entry-icon:hover{
  background: #222;
  color: #fff;
}


/* search
---------------------------------------------------------*/

.search-icon{
  position: relative;
}

.pc-search{
  background: #fff;
  position: absolute;
  padding: 8px 10px;
  border-radius: 0.3rem;
  top: 48px;
  right: 0;
  display: none;
  width: 400px;
  box-shadow: 0 0 0 3px rgb(0 0 0 / 0.2);
  z-index: 2;
}

.mobile-search{
  background-color: rgba(var(--bs-primary-rgb)) !important;
  position: absolute;
  padding: 8px 10px;
  right: 0;
  display: none;
  width: 100%;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.headerMain .mobile-search{
  background-color: rgba(var(--bs-warning-rgb)) !important;
}

.mode-s .mobile-search{
  background-color: rgba(var(--bs-secondary-rgb)) !important;
}

.mobile-search,.top-nav-wrap{
  top: 100%;
}

.site-header.fixed-top .mobile-search,
.site-header.fixed-top .top-nav-wrap{
  top: 100%;
}


/* search-from
---------------------------------------------------------*/

.search-from{
  display: flex;
}

.search-from input[type="text"]{
  border: 0;
  flex: 1 1 auto;
  padding-left: 10px;
  height: 40px;
  border-radius: 0;
}

.search-from .search-btn{
  border: 0;
  width: 70px;
  font-size: 1.2rem!important;
  cursor: pointer;
  color: #222;
  background: #fff;
  text-align: center;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}

.search-from .search-btn:hover{
  color: #1D2087;
}


/* scroll-top
---------------------------------------------------------*/

.scroll-top {
  position: fixed;
  right: 0;
  bottom: 80px;
  z-index: 995;
  background: #E8E8E8;
  width: 40px;
  height: 40px;
  transition: all 0.4s;
  text-align: center;
  line-height: 40px;
}

.scroll-top i {
  color: #222;
  font-size: 1.8rem;
}

/* fix-tool
---------------------------------------------------------*/

.share-btns{
  position: relative;
}

.fix-btns{
  position: fixed;
  right: 0;
  bottom: 122px;
  z-index: 995;
}

.fix-btns .entry-icon{
  background: #E8E8E8;
  width: 40px;
  height: 40px;
  transition: all 0.4s;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #222;
  cursor: pointer;
  margin-left: 2px;
  position: relative;
  z-index: 3;
}

.fix-btns .entry-icon img{
  max-width: 40px;
  max-height: 40px;
}

.fix-btns .entry-icon.bg-transparent{
  background: transparent;
}

.share-box{
  height: 40px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  position: absolute;
  top: 0;
  right: 0px;
  z-index: 2;
}

.share-btns.share-active .share-box{
  visibility: visible;
  /* shows sub-menu */
  opacity: 1;
  z-index: 2;
  transition-delay: 0s, 0s, 0.3s;
  top: 0;
  right: 42px;
}


/* sidebar-panel
---------------------------------------------------------*/

.sidebar-wrap{
  position: fixed;
  top: 0;
  /*bottom: 0;*/
  z-index: 998;
  transition: 0.4s;
  -webkit-overflow-scrolling: touch;
}

.btn-sidebar-close{
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.mobile-nav-active{
  overflow-y: hidden;
}

body.mobile-nav-active .sidebar-wrap{
  left: 0;
}

.sidebar-panel{
  background: #fff;
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 998;
  left: -260px;
  width: 260px;
  overflow-y: auto;
  transition: 0.4s;
  -webkit-overflow-scrolling: touch;
}

body.mobile-nav-active .sidebar-panel{
  display: block;
  width: 260px;
  background: #fff;
  position: fixed;
  left: 0;
  z-index: 3;
  box-shadow: 3px 0 4px 0 rgb(0 0 0 / 20%);
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-overflow-scrolling: touch;
}

.sidebar-wrap ul.menu-accordion > li > a{
  padding-top:  0.45rem;
  padding-bottom: 0.45rem;
}

.sidebar-wrap ul.menu-accordion .inner{
  padding-bottom: 0.9rem;
  font-size: 0.95rem;
  line-height: 1.2;
}

.sidebar-wrap ul.menu-accordion .inner > li > a{
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}

.sidebar-wrap ul.menu-accordion .inner .inner{
  padding-left: 0;
}

.sidebar-wrap ul.menu-accordion .inner .inner li a{
  padding-top: 5px;
  padding-bottom: 5px;
}

.sidebar-wrap .tabs-content  ul.menu-accordion > li{
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}

.tabs-content ul.menu-accordion .menu-title{
  display: inline-block;
  width: calc(100% - 25px);
}

.tabs-content ul.menu-accordion .dropdown-icon{
  float: right;
  padding: 0;
  text-align: right;
  display: block;
  width: 24px;
  height: 36px;
  line-height: 42px;
}

/* body-overly
---------------------------------------------------------*/

#body-overly{
  width: 100%;
  height: 100%;
  z-index: 997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(13, 13, 13, 0.5);
  display: none;
}

/* sub-content
---------------------------------------------------------*/

.sub-content{
  display: none;
}

body.mobile-nav-active .sub-content.current{
  background-color: #fefbef;
  position: fixed;
  width: calc(100% - 260px);
  height: 100%;
  bottom: 0;
  right: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  overflow-y: auto;
    display: block;
    -webkit-animation: fadeIn 0.2s;
    animation: fadeIn 0.2s;
}


@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@media (max-width: 768px) {

  body.mobile-nav-active .sidebar-panel{
    width: 180px;
  }

  body.mobile-nav-active .sub-content.current{
    width: calc(100% - 180px);
  }

}


/* tabs-labels
---------------------------------------------------------*/

.tabs-labels > li{
  list-style: none;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  cursor: pointer;
  padding: 0.3rem;
}

.tabs-labels > li.current{
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0.3rem;
  font-weight: 500;
}



/* elementor-section
---------------------------------------------------------*/

.mt-n1{
  margin-top: -1.5rem;
}

.elementor-section{
  margin-bottom: 2.5rem;
}

.elementor-section.section-theme{
  /*padding-top: 3rem;
  padding-bottom: 3rem;*/
}

.elementor-section + .elementor-section.section-theme{
  /*padding-top: 3rem;*/
}

.section-theme .theme-content{
  position: relative;
}

.section-theme .theme-content:before {
  content: "";
  position: absolute;
  height: 160px;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 0 0 20px 20px;
  z-index: -1;
  opacity: 0.2;
}

.section-theme .btn{
  color: #fff;
}

/* index-slider-wrap
---------------------------------------------------------*/

.index-slider-wrap{
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}

.index-slider-wrap .main-slider-wrap{
  order: 2;
}

.index-slider-wrap .min-slider-wrap{
  order: 1;
  background-color: var(--bs-light-a);
  background-repeat: no-repeat;
  background-position: center top;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
}

@media (max-width: 992px) {

  .index-slider-wrap .main-slider-wrap{
    order: 1;
  }

  .index-slider-wrap .min-slider-wrap{
    order: 2;
    background-size: cover;
  }

}

/* post-item
---------------------------------------------------------*/

.post-item{
  display: flex;
}

.post-item .entry-thumb a{
  display: flex;
  justify-content: center;
  align-items: center;
}

.post-item .entry-thumb img{
  max-height: 100%;
  width: auto;
  max-width: 100%;
}


/* min-slider post-item
---------------------------------------------------------*/

.min-slider-wrap .entry-title{
  margin-bottom: 1rem;
}

.min-slider{
  position: relative;
  height: 100%;
}

.min-slider .post-item .post-thumb{
  width: 40%;
}

.min-slider .post-item .post-thumb a{
  height: 120px;
}

.min-slider .post-item .post-content{
  width: calc( 100% - 40% );
}

.min-slider-wrap .owl-dots{
 margin-top: 10px;
}

.min-slider .post-item .post-thumb a{
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.min-slider .post-item .post-thumb a img{
  max-height: 100%;
  width: auto;
  max-width: 100%;
}

.min-slider .post-item .post-content{
  padding-left: 10px;
}

@media (max-width: 992px) {

  .min-slider .post-item{
    background: #fff;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 10px;
  }

  .index-slider-wrap .min-slider-wrap{
    background-position: center -150px;
  }

}

@media (min-width: 992px) {
  .min-slider .post-item .post-thumb a{
    height: 100px;
  }
}

@media (min-width: 1200px) {

  .min-slider .post-item .post-thumb{
    width: 40%;
  }

  .min-slider .post-item .post-content{
    width: calc( 100% - 40% );
  }

  .min-slider .post-item .post-thumb a{
    height: 100px;
  }

  .min-slider-wrap .entry-title{
    margin-bottom: 1rem;
  }

  .min-slider .post-item .post-thumb a{
    height: 125px;
  }

}

@media (min-width: 1400px) {


  .min-slider-wrap .entry-title{
    margin-bottom: 1.5rem;
  }

  .min-slider .post-item .post-thumb{
    width: 45%;
  }

  .min-slider .post-item .post-content{
    width: calc( 100% - 45% );
  }

  .min-slider .post-item .post-thumb a{
    height: 145px;
  }

}


/* h-fix
---------------------------------------------------------*/

.h-fix-3{
  height: 56px;
  overflow: hidden;
  display: block;
}

.h-fix-3-1{
  max-height: 67px;
  overflow: hidden;
  display: block;
}

.h-fix-2{
  height: 35px;
  overflow: hidden;
  display: block;
}

.h-fix-4{
  height: 48px;
  overflow: hidden;
  display: block;
}

.h-fix-2-max{
  max-height: 33px;
  overflow: hidden;
  display: block;
}

.h-fix-2.lh-base{
  height: 47px;
}

.h-fix-1{
  height: 23px;
  overflow-y: hidden;
}

.w-fix-1{
  width: 240px;
}

@media (max-width: 768px) {

  .h-fix-2-a{
    max-height: 36px;
    overflow-y: hidden;
    display: block;
  }

  .h-fix-3-1{
    max-height: 42px;
    overflow: hidden;
    display: block;
  }
  
}

/* section-header-1
---------------------------------------------------------*/

.section-header-1{
  text-align: center;
  margin-bottom: 30px;
}

.section-header-1 .section-title{
  padding-bottom: 20px;
  position: relative;
}

.section-header-1 .section-title:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: 0;
  background-color: var(--bs-gray-400);
}

.section-header-1 .section-title:after{
  position: absolute;
  bottom: 0;
  content: '';
  width: 90px;
  height: 5px;
  left: 50%;
  margin-left: -45px;
  background-color: rgba(var(--bs-primary-rgb));
}

.theme-secondary .section-header-1 .section-title:after{
  position: absolute;
  bottom: 0;
  content: '';
  width: 90px;
  height: 5px;
  left: 50%;
  margin-left: -45px;
  background-color: rgba(var(--bs-secondary-rgb)) !important;
}

.theme-secondary .post-tag.active{
  background-color: var(--bs-secondary);
}


/* section-header-2
---------------------------------------------------------*/

.section-header-2{
  text-align: center;
  margin-bottom: 30px;
  position: relative;
}

.section-header-2 .section-title{
  padding-bottom: 20px;
  position: relative;
  z-index: 2;
  background: #fff;
  display: inline-block;
  padding: 0 15px;
}

.section-header-2:after{
  position: absolute;
  bottom: 14px;
  left: 0;
  right: 0;
  content: '';
  width: 100%;
  height: 5px;
  background-color:#E6E6E6;
}

/* post-tag
---------------------------------------------------------*/

.post-tag{
  background: #fff;
  padding: 5px 15px;
  border-radius: 40px;
  box-shadow:inset 0 0 0 1px #B5B5B5;
  font-size: 0.9rem;
  cursor: pointer;
}

.post-tag.active{
  box-shadow: none;
  background-color: rgba(var(--bs-primary-rgb));
  color: #fff;
}

.post-tag.active a{
  color: rgba(var(--bs-white-rgb)) !important;
  font-weight: bold;
}


/* post-tag-1
---------------------------------------------------------*/

.text-tag{
  font-size: 0.95rem;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow:inset -1px 0 0 0 rgba(0, 0, 0, 0.2);
  line-height: 1;
  cursor: pointer;
}

.text-tag:hover{
  color: #000;
  background: transparent;
}

.text-tag.filter-chosen {
  background: #fffb01;
  color: #9958a8;
}

.text-tag.active a{
  color: var(--bs-secondary);
  font-weight: bold;
}

/* tag-carousel
---------------------------------------------------------*/

.tag-carousel,.tag-carousel-a{
  /*height: 24px;
  overflow: hidden;*/
}

.tag-carousel .item a{
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
}

.tag-carousel.owl-carousel button.owl-prev:after{
  content:"\ea64";
}

.tag-carousel.owl-carousel button.owl-next:after{
  content:"\ea6e";
}

.tag-carousel.owl-carousel button.owl-next{
  right: -25px;
  top: 50%;
  margin-top: -9px;
}

.tag-carousel.owl-carousel button.owl-prev{
  left: -25px;
  top: 50%;
  margin-top: -9px;
}

.tag-carousel.owl-carousel button.owl-prev:after,
.tag-carousel.owl-carousel button.owl-next:after{
  font-size: 1.6rem;
  line-height: 1;
  top: 0;
  color: rgba(0, 0, 0, 0.7);
}

.tag-carousel .owl-carousel .owl-nav button.owl-prev,
.tag-carousel .owl-carousel .owl-nav button.owl-next{
  display: block;
  color: rgba(255, 255, 255, 1);
  line-height: 1;
}


/* products-carousel
---------------------------------------------------------*/

.carousel-a.owl-carousel button.owl-prev:after{
  content:"\ea64";
}

.carousel-a.owl-carousel button.owl-next:after{
  content:"\EA6E";
}

.carousel-a.owl-carousel button.owl-next,
.carousel-a.owl-carousel button.owl-prev{
  background: var(--bs-white);
  width: 45px;
  height: 45px;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-a.owl-carousel button.owl-next{
  right: -1.5rem;
  top: 50%;
  margin-top: -28px;
}

.carousel-a.owl-carousel button.owl-prev{
  left: -1.5rem;
  top: 50%;
  margin-top: -28px;
}

.carousel-a.owl-carousel button.owl-prev:after,
.carousel-a.owl-carousel button.owl-next:after{
  font-size: 2rem;
  line-height: 1;
  top: 0;
  color: var(--bs-gray-600);
}

.carousel-a.owl-carousel button.owl-prev:hover:after,
.carousel-a.owl-carousel button.owl-next:hover:after{
  color: var(--bs-black);
}

.carousel-a .owl-carousel .owl-nav button.owl-prev,
.carousel-a .owl-carousel .owl-nav button.owl-next{
  display: block;
  color: rgba(255, 255, 255, 1);
  line-height: 1;
}


/* post-item-v post-item-h
---------------------------------------------------------*/

.post-item-v .post-thumb a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
}

.post-item-v .post-thumb a img,.post-item-h .post-thumb a img{
  max-height: 100%;
  width: auto;
  max-width: 100%;
}

.post-item-h .post-thumb a{
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: 180px;
}

.post-item-h.h-1 .post-thumb a{
  height: 180px;
}

.post-item-h.h-2 .post-thumb a{
  height: 180px;
  justify-content: start;
}

@media (max-width: 1400px) {

  .post-item-h.h-2 .post-thumb a{
    height: 150px;
  }

}

@media (max-width: 1200px) {

  .post-item-h.h-2 .post-thumb a{
    height: 130px;
  }

}

@media (max-width: 992px) {

  .post-item-h.h-2 .post-thumb a{
    height: 180px;
  }

}

@media (max-width: 768px) {

  .post-item-h.h-2 .post-thumb a{
    height: 150px;
  }

}

@media (max-width: 550px) {

  .post-item-h.h-2 .post-thumb a{
    height: 130px;
  }

}

.post-item-h .post-content{
  padding-left: 15px;
}

.theme-post.post-item-h .post-thumb a{
  height: 230px;
}

.product-list .post-item-v .post-thumb a{
  max-height: 180px;
  height: auto;
}

.product-list .post-item-v .post-thumb a img{
  max-height: 180px;
}

@media (max-width: 1400px) {

  .post-item-h.h-1 .post-thumb a{
    height: 150px;
  }

}

@media (max-width: 992px) {

  .post-item-h.h-1 .post-thumb a{
    height: 130px;
  }

}

@media (max-width: 768px) {

  .post-item-h .post-content{
    padding-left: 15px;
    padding-right: 15px;
  }

  .post-item-h.h-1 .post-thumb a{
    height: auto;
    background: #ccc;
  }

}

/* post-item-v-1
---------------------------------------------------------*/

.post-item-v-1{
  display: flex;
  justify-content: center;
}

.post-item-v-1 .post-thumb a img{
  max-height: 100%;
  width: auto;
  max-width: 100%;
}

/* post-item-a
---------------------------------------------------------*/

.post-item-a .post-thumb a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 210px;
  overflow: hidden;
}

.post-item-a.h-1 .post-thumb a{
  height: 180px;
}

.post-item-a .post-thumb a img{
  width: 100%;
  max-width: 100%;
  object-fit:cover;
  height: 100%;
}


@media (max-width: 768px) {

  .post-item-a .post-thumb a,
  .post-item-a.h-1 .post-thumb a{
    height: 120px;
  }

}

/* post-brand
---------------------------------------------------------*/

.post-brand .post-thumb a{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
}

.post-brand .post-thumb a img{
  max-height: 100%;
  width: auto;
  max-width: 100%;
}


/* login
---------------------------------------------------------*/

.container-wh100 {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1;  
}


.full-bg{
  background: url(../img/bg-2.png) #dfd9c2 ;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
}

@media (max-width: 768px) {

  .container-wh100{
    padding: 1rem;
  }

}

/* site-footer
---------------------------------------------------------*/

.site-footer{
  color: rgba(255, 255, 255, 0.7);  
}

.site-footer a{
  color: rgba(255, 255, 255, 0.6);
}

.site-footer .footer-bottom{
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.site-footer .list-item{
  list-style: none;
}

.site-footer .list-item a:hover{
  color: rgba(255, 255, 255, 1);
}


/* video-container
---------------------------------------------------------*/

.video-container{}

.video-box {
  position: relative;
  padding-bottom: 56.25%;
}

.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* widget
---------------------------------------------------------*/

.widget-title{
  position: relative;
}

.widget-title:after{
  content: '';
  width: 100%;
  height: 1px;
  background: #222;
  bottom: 15px;
  position: absolute;
  right: 0;
}

.widget-title .entry-title{
  position: relative;
  z-index: 1;
  letter-spacing: 0.1rem;
}


/* post-icon
---------------------------------------------------------*/

.post-icon{
  padding-top: 5px;
  display: block;
}

.post-icon .post-thumb{
  width: 72px;
  height: 72px;
  background: rgba(255, 255, 255, 1.0);
  display: flex;
  justify-content: center;
  align-items: center;
  color: rgba(var(--bs-primary-rgb)) !important;
  border-radius: 80px;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}

.post-icon .post-thumb img{
  max-height: 32px;
  width: auto;
  max-width: 100%;
}

.post-icon:hover .post-thumb{
  box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.15);
}

.icon-carousel .item:hover .post-icon{
  margin-top: -4px;
}


/* divider
---------------------------------------------------------*/

.divider{
  display: block;
  text-align: center;
  margin: 2rem 0;
  position: relative;
}

.divider .divider-text{
  position: relative;
  font-size: 0.92rem;
  padding: 0 1rem;
  background: #fff;
  display: inline-block;
  z-index: 1;
}

.divider::before{
  content: "";
  position: absolute;
  width: 48%;
  top: 12px;
  height: 1px;
  left: 0;
  right: 0;
  background-color: #EBE9F1;
}

.divider::after{
  content: "";
  position: absolute;
  width: 48%;
  top: 12px;
  height: 1px;
  left: 0auto;
  right: 0;
  background-color: #EBE9F1;
}


/* mega-column-container
---------------------------------------------------------*/

.mega-column-container {
  -webkit-columns: 150px;
  -moz-columns: 150px;
  columns: 150px;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;  
}

.mega-group {
  margin-bottom: 1.3em;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

@media (max-width: 900px) {

  .mega-column-container {
    -webkit-columns: 200px;
    -moz-columns: 200px;
    columns: 200px;
  }

}


/* title-1
---------------------------------------------------------*/

.title-md{
  position: relative;
  padding-bottom: 10px;
}

.title-md:before{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background: rgba(var(--bs-secondary-rgb));
  content: '';
}

.megaMenuContent .title-md{
  padding-bottom: 0;
  padding-left: 15px;
}

.megaMenuContent .title-md:before{
  position: absolute;
  top: 5px;
  left: 0;
  width: 7px;
  height: 17px;
  border-radius: 10px;
  background: rgba(var(--bs-warning-rgb));
  content: '';
}

/* list-1
---------------------------------------------------------*/

.list-1{
  list-style: none;
}

.list-1 li > a:hover{
  text-decoration: underline;
}

.list-inline{
  display: flex;
}

.list-inline li{
  list-style: disc;
}


/* list-2
---------------------------------------------------------*/

.list-2 {
  list-style: none;
  counter-reset: my-counter;
}

.list-2 li {
  counter-increment: my-counter;
}

.list-2 li::before {
  content: "(" counter(my-counter) ")";
}


/* list-3
---------------------------------------------------------*/

.list-3 {
  list-style: none;
  background: #fff;
}

.list-3 .list-item{
  border: 1px solid #dfdfdf;
  margin-bottom: -1px;
}

.list-3 .list-item:first-child{
  border-top-left-radius:0.375rem;
  border-top-right-radius:0.375rem;
}

.list-3 .list-item:first-child > a.bg-primary{
  border-top-left-radius:0.375rem;
  border-top-right-radius:0.375rem;
}

.list-3 .list-item:last-child{
  border-bottom-left-radius:0.375rem;
  border-bottom-right-radius:0.375rem;
}

.list-3 .list-item > a{
  padding: 0.9rem 1rem 0.8rem;
  
  margin-bottom: -1px;
}


/* site-header
---------------------------------------------------------*/

.site-header{
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--bs-white-rgb)) !important;
}

.site-header .header-main{
  position: relative;
}

.site-header .header-main .container{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
}


.site-header .brand-logo img{
  display: block;
  width: var(--logo-width);
}

.site-header .brand-logo.w-m img{
  display: block;
  width: var(--logo-width-m);
}

.site-header .header-search{
  width: 30%;
}

.site-header .header-search .form-control:focus {
  box-shadow: none;
  border-color: var(--bs-gray-500);
}

@media (max-width: 1200px) {

  .site-header .header-search{
    width: 30%;
  }

}

/* car-header
---------------------------------------------------------*/

.car-header .brand-logo img{
  width: var(--logo-width);
}

/* fixed-top
---------------------------------------------------------*/

.fixed-top {
  top: -40px;
  transform: translateY(40px);
  transition: transform .3s;
  z-index: 21;
}

.site-header.fixed-top{
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.site-header.fixed-top .brand-logo img{
  width: var(--logo-width-s);
}

.site-header.fixed-top .header-main .container{
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}


/* search-box
---------------------------------------------------------*/

.default-search{
  display: flex;
}

.default-search button{
  background: #727272;
  height: 40px;
  width: 40px;
  display: flex;
  outline: none;
  border: none;
  align-items: center;
  justify-content: center;
  color: #fff;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}

.default-search button:hover{
  background: #333;
}


/* icon-links
---------------------------------------------------------*/

.icon-links-wrap{
  display: flex;
  justify-content: end;
}

.icon-links{
  display: flex;
}

.icon-links .entry-item{
  padding: 0 6px;
}

.icon-links .entry-item > a{
  display: flex;
  align-items: center;
}

.icon-links .dropdownbox{
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
}

.icon-links .dropdown-toggle.no-b{
  --bs-bg-opacity: 1;
}

.icon-links .dropdown-toggle.no-b::after{
  display: none;
}

/* hover-dropdown
---------------------------------------------------------*/

.hover-drop{
  position: relative;
}

.hover-drop .dropdown-box{
  opacity: .0;
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--bs-white);
  width: 140px;
  pointer-events:none;
  transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -webkit-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
}

.hover-drop:hover .dropdown-box{
  opacity: 1;
  z-index: 2;
  pointer-events:auto;
}

.hover-drop.only-icon .dropdown-box{
  left: -90%;
  width: 100px;
}


/* mobile-navi
---------------------------------------------------------*/

.sticky-bottom-nav{
  display: none;
}

.sticky-bottom-nav .entry-nav{
  display: block;
  padding-top: 0.6rem!important;
  padding-bottom: 0.8rem!important;
}

.sticky-bottom-nav .entry-text{
  margin-top: -3px;
}

.sticky-bottom-nav .entry-badge{
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  font-size: 0.7rem;
  font-weight: 500;
  width: 20px;
  height: 20px;
  color: #555;
  position: absolute;
  top: -3px;
  right: -80%;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  line-height: 19px;
  font-family: 'Ubuntu', sans-serif;
}

.sticky-bottom-nav .col:hover{
  background: rgba(0, 0, 0, 0.1);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}


/* mobile-navi
---------------------------------------------------------*/

.mobile-navi{
 display: none;
}

.mobile-navi .navi-icon{
  cursor: pointer;
  margin: 0 8px;
  line-height: 1;
}

.mobile-navi i{
  color: #222;
  line-height: 1;
}

.site-header-wrap{
  /*height: 10.22rem;*/
}

.menu-caves{
  display: none;
}

@media (max-width: 1200px) {

  .sticky-bottom-wrap{
    /*height: 50px;*/
  }

  .site-header-wrap{
    /*height: 4.6rem;*/
  }

  .site-header .header-search,.header-fixed .icon-links-wrap,
  .header-navigation{
    display: none;
  }

  .mobile-navi{
    display: flex;
    align-items: center;
  }

  .site-header .brand-logo img{
    width: var(--logo-width-s);
  }

  .site-header .brand-logo.w-m img{
    width: 150px;
  }

  .site-header.fixed-top .header-main .container,
  .site-header .header-main .container
  {
    padding-top: 0.65rem;
    padding-bottom: 0.65rem;
  }

}

@media (max-width: 992px) {

  .pageWrap{
    padding-bottom: 62px;
  }

  .sticky-bottom-nav{
    display: block;
    position: relative;
    z-index: 2;
  }

}

@media (max-width: 768px) {

  .icon-links-a .entry-text{
    display: none;
  }

  .icon-links-a .entry-icon{
    font-size: 1.8rem;
    line-height: 1;
  }

  .icon-links-a .icon-links .entry-item > a{
    color: var(--bs-gray-600);
  }

  .menu-caves{
    display: block;
  }

  .menu-caves .dropdown-toggle::after{
    display: none;
  }

  .account-header-navigation{
    display: none;
  }

}

/* mytb
---------------------------------------------------------*/

.post-item-v .post-thumb.no-link{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 180px;
}

.post-item-v .post-thumb.no-link img{
  max-height: 100%;
}

.site-header-wrap.mytb-header{
  height: 95px;
}

.mytb-header .site-header .brand-logo img{
  height: 55px;
  width: auto;
}

.page-head.mytb-page-head{
  height: auto;
  background-image: url(../img/page-header-2.jpg);
  background-position: center center;
  background-size: cover;
  text-align: left;
}

.page-head.mytb-page-head .container{
  height: 80px;
}

.page-head.mytb-page-head h2{
  letter-spacing: 0.1rem;
  color: #000;
  text-shadow: none;
}

.site-footer.mytb-page-footer .footer-logo{
  height: 45px;
}


@media (max-width: 992px) {

  .mytb-header .site-header .header-main .container{
    justify-content: center;
  }

}


/* search-filter
---------------------------------------------------------*/

.search-filter{
  position: absolute;
  width: 100%;
  background: #fff;
  left: 0;
  right: 0;
  top: 40px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  max-height: 300px;
  overflow-y: scroll;
}


/* index-slider-bg
---------------------------------------------------------*/

.index-slider-bg{
  background: #fff;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

@media (max-width: 768px) {

  .index-slider-bg{
    padding-top:2rem;
    padding-bottom: 2rem;
  }

}

/* breadcrumb
---------------------------------------------------------*/

.breadcrumb-item + .breadcrumb-item::before{
  font-family: remixicon!important;
  content: "\EA6E";
}

/* cat-crumb-item
---------------------------------------------------------*/

.cat-crumb{
  display: flex;
}

.cat-crumb li{
  list-style: none;
}

.cat-crumb-item + .cat-crumb-item::before{
  font-family: remixicon!important;
  content: "\EA6E";
  margin-right: 5px;
}

.cat-crumb-item + .cat-crumb-item{
  padding-left: 5px;
  display: flex;
}

/* page-sidebar
---------------------------------------------------------*/

.page{
  display: flex;
  justify-content: space-between;
}

.page-sidebar{
  width: 250px;
}

.page .page-content{
  width: calc(100% - 270px);
}

.page-sidebar ul.menu-accordion > li{
  font-size: 0.95rem;
}

.page-sidebar ul.menu-accordion > li > a{
  padding-top:  0.25rem;
  padding-bottom: 0.25rem;
  position: relative;
  padding-left: 0.6rem;
}

.page-sidebar ul.menu-accordion > li > a > i{
  margin-right: 8px;
}

.page-sidebar ul.menu-accordion{
  padding-left: 0.5rem;
}

.page-sidebar ul.menu-accordion > li > a:hover,
.page-sidebar ul.menu-accordion .inner > li > a:hover
{
  background: rgba(0, 0, 0, 0.1);
  color: var(--bs-dark);
}

.page-sidebar ul.menu-accordion .inner > li > a.current{
  background: #FFCB6B;
  font-weight: bold;
}

.page-sidebar ul.menu-accordion .inner{
  padding-bottom: 0.9rem;
  font-size: 0.95rem;
  padding-left: 0.5rem;
}

.page-sidebar ul.menu-accordion .inner > li > a{
  position: relative;
  padding-left: 1rem;
}

.page-sidebar ul.menu-accordion .inner > li > a:before{
  content: '．';
  position: absolute;
  left: 0;
  top: 0;
  display: block;
}

ul.menu-accordion .dropdown-icon:hover{
  background: transparent!important;
}

.page-sidebar ul.menu-accordion .menu-title{
  display: inline-block;
  width: calc(100% - 25px);
}

.page-sidebar ul.menu-accordion .dropdown-icon{
  float: right;
  padding: 0;
  text-align: left;
  display: block;
  width: 24px;
  height: 32px;
  line-height: 32px;
}

.page-sidebar ul.menu-accordion .dropdown-icon i{
  margin-right: 0;
}

@media (max-width: 992px) {

  .page  .page-sidebar{
    display: none;
  }

  .page .page-content{
    width: 100%;
  }

}

/* page-a
---------------------------------------------------------*/

.page-a{
  display: flex;
  justify-content: space-between;
}

.page-a .page-sidebar{
  width: 250px;
}

.page-a .page-content{
  width: calc(100% - 270px);
}

@media (max-width: 1200px) {

  .page-a .page-sidebar{
    width: 100%;
    margin-bottom: 20px;
  }

  .page-a{
    display: block;
  }

  .page-a .page-content{
    width: 100%;
  }

}


/* mode-s
---------------------------------------------------------*/

.mode-s .nav-pills{
  --bs-nav-pills-link-active-bg:#E94709;
}

.mode-s .bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.mode-s .text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.mode-s .title-md:before{
  background-color:rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.mode-s .post-icon .post-thumb{
  color: rgba(var(--bs-secondary-rgb)) !important;
}

.mode-s .section-header-1 .section-title:after{
  background-color: rgba(var(--bs-secondary-rgb)) !important;
}

.mode-s .btn-primary{
  --bs-btn-color: #fff;
  --bs-btn-bg: #E94709;
  --bs-btn-border-color: #E94709;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d73f04;
  --bs-btn-hover-border-color: #d73f04;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #d73f04;
  --bs-btn-active-border-color: #d73f04;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.mode-s .post-tag.active{
  box-shadow: none;
  background-color: rgba(var(--bs-secondary-rgb)) !important;
}

.mode-s .btn-outline-primary {
  --bs-btn-color: #E94709;
  --bs-btn-border-color: #E94709;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #E94709;
  --bs-btn-hover-border-color: #E94709;
  --bs-btn-active-color: #E94709;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #E94709;
  --bs-btn-disabled-color: #6576ff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6576ff;
  --bs-gradient: none;
}

.mode-s .btn-dim.btn-primary{
  color: #E94709;
  background: #faeae4;
  border-color: #faeae4;
}

.mode-s .btn-dim.btn-primary.active{
  color: #fff;
}

.mode-s .btn-dim.btn-primary:hover{
  background: #E94709;
  color: #fff;
}

.mode-s .header-nav-wrap > ul > li > a:hover{
  color: rgba(var(--bs-secondary-rgb)) !important;
}

.mode-s .nav-pills .nav-link.active,.mode-s  .nav-pills .show > .nav-link{
  background-color: rgba(var(--bs-secondary-rgb)) !important;
}


/* gallery-thumbnails
---------------------------------------------------------*/

.gallery-thumbnails div{
  margin: 2px 2px;
  display: flex;
  align-items: center;
}

.gallery-thumbnails .thumbnails{
  cursor: pointer;
}

.gallery-thumbnails .slick-track{
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-thumbnails .thumbnails img{
  max-width: 100%;
  max-height: 100%;
}

.gallery-main .slick-slide div img{
  max-height: 100%;
  max-width: 100%;
}

.gallery-main .slick-slide div a{
  height: 420px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-thumbnails .slick-arrow{
  width: 30px;
  height: 52px;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  z-index: 2;
  line-height: 1;
  color: rgba(var(--bs-white-rgb)) !important;
  cursor: pointer;
  text-align: center;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
  position: absolute;
  top: 50%;
  margin-top: -26px;
}

.gallery-thumbnails .slick-arrow:hover{
  background: rgba(0, 0, 0, 0.5);
}

.gallery-thumbnails .arrow-prev.slick-arrow{
  left: 0;
}

.gallery-thumbnails .arrow-next.slick-arrow{
  right: 0;
}

.slick-current .thumbnails img{
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.9);
}

.slick-initialized .slick-slide{
  display: flex;
  justify-content: center;
}

.fancybox-button.fancybox-button--thumbs {
  display: none;
}

@media (max-width: 1200px) {

  .gallery-main .slick-slide div a{
    height: 350px;
  }

}

@media (max-width: 992px) {

  .gallery-main .slick-slide div a{
    height: 300px;
  }

}

@media (max-width: 768px) {

  .gallery-thumbnails .thumbnails{
    height: 80px;
  }

}


/* gallery-cover
---------------------------------------------------------*/

.gallery-main .gallery-cover{
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-main .gallery-cover img{
  max-height: 100%;
  max-width: 100%;
}


/* share-icon
---------------------------------------------------------*/

.share-icon{
  display: flex;
  align-items: center;
  justify-content: center;
}


/* level-bar
---------------------------------------------------------*/

.level-bar{
  height: 40px;
  background-color: var(--bs-light-purple);
  border-radius: 45px;
  display: flex;
  line-height: 40px;
}

.level-bar .level-item{
  text-align: center;
  color: #2F2F2F;
  width: auto;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  text-align: center;
  cursor: pointer;
}

.level-bar .active-item{
  background-color: var(--bs-purple);
  color: rgba(var(--bs-white-rgb)) !important;
}

.level-bar .active-item.first{
  border-radius: 40px 0 0 40px;
  background: #896FA3;
}

.level-bar .active-item.last{
 border-radius: 0 40px 40px 0;
 background: #896FA3;
}

.level-bar .active-item.only-one{
 border-radius: 40px;
 background: #896FA3;
}


.level-bar .level-item.active{
  background-color:var(--bs-danger);
  color: #fff;
}

.level-bar.only-one{
  background: #fff;
}

.swiper-wrapper .level-item:only-child {
  background: #896FA3;
  border-radius: 40px;
  min-width: 60px;
  color: #fff;
}

.tag-swiper .swiper-slide:last-child { 
  margin-right: 10rem !important; 
}

/* swiper-tag
---------------------------------------------------------*/

.swiper-tag-wrap .swiper-button-next,
.swiper-tag-wrap .swiper-button-prev{
  font-family: remixicon!important;
  position: absolute;
  color: #000;
}

.swiper-tag-wrap .swiper-button-next:after,
.swiper-tag-wrap .swiper-button-prev:after{
  font-family: remixicon!important;
  font-size: 2rem;
}

.swiper-tag-wrap .swiper-button-next:after{
  content: "\EA6D";
}

.swiper-tag-wrap .swiper-button-prev:after{
  content: "\EA63";
}

.swiper-tag-wrap .swiper-button-prev{
  left: -23px;
}

.swiper-tag-wrap .swiper-button-next{
  right: -23px;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
  opacity: 1;
}

.swiper-tag-wrap .swiper-slide{
  cursor: initial;
}


/* shipping-icon
---------------------------------------------------------*/

.shipping-icon img{
  max-height: 30px;
  max-width: 50px;
}


/* accordion-a
---------------------------------------------------------*/

.accordion-a .accordion-item{
  margin-bottom: 0.8rem;
}

.accordion-a .accordion-button:not(.collapsed){
   background: var(--bs-white-rgb);
}

.accordion-a .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}

.accordion-a .accordion-button{
  padding: 0 1rem 0.8rem 0;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 1.0);
  border-radius: 0;
  background: var(--bs-white-rgb);
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.accordion-a .accordion-item:last-of-type .accordion-button.collapsed{
  border-radius: 0;
}

.accordion-a .accordion-body{
  padding: 1rem 0 1rem;
}

/* accordion-b
---------------------------------------------------------*/

.accordion-b .accordion-button:not(.collapsed){
   background: var(--bs-white-rgb);
   color: var(--bs-blue-2)!important;
}

.accordion-b .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}

.accordion-b .accordion-button{
  padding: 0 0 0.8rem 0;
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: var(--bs-white-rgb);
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.accordion-b .accordion-item:last-of-type .accordion-button.collapsed{
  border-radius: 0;
}

.accordion-b .accordion-body{
  padding: 0.8rem 0.7rem 0.5rem;
}


/* nav-pills
---------------------------------------------------------*/

.nav-pills {
  --bs-nav-pills-border-radius: 0.375rem;
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #D3AC6F;
}


/* panel-title-1
---------------------------------------------------------*/

.panel-title-1{
  padding: 0 1rem 0.8rem 0;
  box-shadow: inset 0 -1px 0 0 rgb(0 0 0);
}

/* free-text
---------------------------------------------------------*/

.free-text{
  line-height: 1.8;
  color: var(--bs-gray-800);
}

.free-text a{
  text-decoration: underline;
}

.free-text ul,.free-text ol{
  margin-left: 30px;
}

.free-text img{
  max-width: 100%;
}

.free-text a.btn{
  text-decoration: none;
}

.video-container{
  max-width: 600px;
}

.video-box {
  position: relative;
  padding-bottom: 56.25%;
}

.video-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.free-text a{
  color: rgba(var(--bs-primary-rgb)) !important;
  text-decoration: underline;
}


/* switch change color
---------------------------------------------------------*/

.header-top{
  background: #f7f9fc;
  box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

input[type="checkbox"].switch {
  -moz-appearance: none;
  -webkit-appearance: none;
  -o-appearance: none;
  appearance: none;
  width: 3.2em;
  height: 1.5em;
  background: #D3AC6F;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: none;
  border: none;
  transition: all .2s ease-in-out;
}

input[type="checkbox"].switch:checked {
  background: #E94709;
}

input[type="checkbox"].switch:after {
  position: absolute;
  content: "";
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #fff;
  transform: scale(.7);
  left: 0;
  transition: all .2s ease-in-out;
}

input[type="checkbox"].switch:checked:after {
  left: calc(100% - 1.55em);
}

.switch-s-text{
  font-weight: bold;
  color: #222;
}

.mode-s .switch-s-text{
  font-weight: normal;
  color: #666;
}

.mode-s .switch-t-text{
  font-weight: bold;
  color: #222;
}

@media (max-width: 768px) {

  .header-top{
    background: #f7f9fc;
    box-shadow:inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  input[type="checkbox"].switch{
    height: 1.4em;
  }

  input[type="checkbox"].switch:after{
    top: -0.06rem;
  }

}


/* filter-item
---------------------------------------------------------*/

.filter-form{
  display: none;
}

.btn-outline-dark.filter-chosen{
  background: var(--bs-black);
  border-color: var(--bs-black);
  color: #fff;
}

/* progressbar-wrap 
---------------------------------------------------------*/

.progressbar-wrap {
  background: #fff;
  font-size: 0.9em;
}

.progressbar{
  width: 100%;
  display: flex;
  counter-reset: step;
}

.progressbar:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.progressbar li {
  list-style-type: none;
  width: 20%;
  position: relative;
  padding: 0 5px;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.4;
}

.progressbar.step-4 li{
  width: 25%;
}

.progressbar li:before {
  width: 40px;
  height: 40px;
  content: counter(step);
  counter-increment: step;
  line-height: 40px;
  display: block;
  text-align: center;
  margin: 0 auto 3px auto;
  border-radius: 50%;
  position: relative;
  z-index: 2;
  background-color:var(--bs-gray-300);
  color: #fff;
  font-size: 1.4rem;
}

.progressbar li:after {
  width: 100%;
  height: 2px;
  content: '';
  position: absolute;
  background-color:#D0D0D0;
  top: 20px;
  left: -50%;
  z-index: 0;
}

.progressbar li:first-child:after {
  content: none;
}

.progressbar li.active {
  color:var(--bs-dark);
  font-weight: bold;
}

.progressbar li.active:before {
  background:#1B1B1B;
}

.progressbar li.active+li:after {
  background-color: #1B1B1B;
}


/* progressbar-ship 
---------------------------------------------------------*/

.progressbar-ship {
  font-size: 0.85em;
  display: flex;
  letter-spacing: 0;
}

.progressbar-ship .step-ship{
  width: 20%;
}

.progressbar-ship .step-ship:first-child .step-bar{
  border-radius: 8px 0 0 8px;
}

.progressbar-ship .step-ship:last-child .step-bar{
  border-radius: 0 8px 8px 0;
}

.progressbar-ship .step-bar{
  height: 10px;
  box-shadow: inset -2px 0 0 0 #fff; 
  background: #ccc;
}

.progressbar-ship .step-ship:first-child .step-bar.active{
  background: #c85888;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #e8556e, #c85888);
  background: linear-gradient(to right, #e8556e, #c85888); 
}

.progressbar-ship .step-ship:nth-child(2) .step-bar.active{
  background: #a75aa2;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #c85888, #a85ba2);
  background: linear-gradient(to right, #c85888, #a85ba2); 
}

.progressbar-ship .step-ship:nth-child(3) .step-bar.active{
  background: #a75aa2;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #a85ba2, #865dbc);
  background: linear-gradient(to right, #a85ba2, #865dbc); 
}

.progressbar-ship .step-ship:nth-child(4) .step-bar.active{
  background: #865dbc;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #865dbc, #6560d8);
  background: linear-gradient(to right, #865dbc, #6560d8); 
}

.progressbar-ship .step-ship:nth-child(5) .step-bar.active{
  background: #865dbc;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #6560d8, #4263f2);
  background: linear-gradient(to right, #6560d8, #4263f2); 
}



/* btn-filter
---------------------------------------------------------*/

.btn-filter i{
  font-family: remixicon!important;
  margin-right: 7px;
  font-style: initial;
}

.btn-filter i:before{
  content: "\EC9C";
  display: block;
}

.btn-filter.filter-close i:before{
  content: "\EB99";
  display: block;
}

/* btn-wishlist
---------------------------------------------------------*/

.btn-wishlist i{
  font-family: remixicon!important;
  font-style: initial;
}

.btn-wishlist i:before{
  content: "\EE0B";
  display: block;
}

.btn-wishlist.added i:before{
  content: "\EE0A";
  color: var(--bs-red);
}

/* sticky-buy
---------------------------------------------------------*/

.sticky-bottom{
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  top: auto;
  background: #fff;
  box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.2);
  z-index: 45;
}

.sticky-bottom .entry-thumb{
  display: flex;
  justify-content: center;
  align-items: self-start;
  max-height: 55px;
}

.sticky-bottom .entry-title{
  height: 35px;
  overflow: hidden;
}

.sticky-bottom .entry-thumb img{
  max-height: 55px;
  width: auto;
  max-width: 100%;
}


/* sticky-history
---------------------------------------------------------*/

.sticky-history{
  position: fixed;
  right: 0;
  width: 75px;
  top: 40%;
  margin-top: -125px;
  z-index: 12;
}

.slick-v .slick-arrow{
  width: 100%;
  height: 18px;
  background: rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  z-index: 2;
  line-height: 1;
  color: rgba(var(--bs-white-rgb)) !important;
  cursor: pointer;
  text-align: center;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}

.history-slick-pc .arrow-prev{
  margin-bottom: 5px;
}

.slick-v .slick-arrow:hover{
  background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 992px) {

  .sticky-history{
    display: none;
  }

}

/* badge-a
---------------------------------------------------------*/

.badge-a{
  line-height: 1;
  font-size: 0.65rem;
  left: 92%;
  top: -3px;
  padding: 3px;
  width: 23px;
  height: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.badge-b{
  line-height: 1;
  font-size: 0.65rem;
  left: 72%;
  top: -3px;
  padding: 3px;
}

.badge-name{
  color: var(--bs-blue-1);
  max-width: 165px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}


@media (max-width: 768px) {

  .badge-name.member-page{
    display: none;
  }

}


/* check-select
---------------------------------------------------------*/

.check-select{
  cursor: pointer;
}

.check-select .check-title span.icon{
  width: 20px;
  height: 20px;
  display: block;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 20px;
}

.check-select .check-title span.text{
  white-space:nowrap;
}

.check-select.selected,.checkbox-caption .check-select.isActive{
  background: var(--bs-warning)!important;
}

.check-select.selected .check-title span.icon,
.checkbox-caption .check-select.isActive .check-title span.icon

{
  background: var(--bs-warning);
  box-shadow:inset 0 0 0 5px #fff;
  border: none;
}

.check-select .entry-icon img,.brand-icon{
  max-height: 30px;
  max-width: 40px;
}

.mode-s .check-select.selected{
  background: var(--bs-secondary)!important;
  color: #fff;
}

.mode-s .check-select.selected .check-title span.icon{
  background: var(--bs-secondary);
}

@media (max-width: 768px) {
  .check-select .entry-icon img,.brand-icon{
    max-height: 23px;
  }
}


/* checkbox-select
---------------------------------------------------------*/

.checkbox-select{
  cursor: pointer;
}

.checkbox-select .check-title span.icon{
  width: 20px;
  height: 20px;
  display: block;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-family: remixicon!important;
  position: relative;
}

.checkbox-select.selected{
  background: var(--bs-warning)!important;
}

.checkbox-select.selected .check-title span.icon:after{
  content: "\EB7B";
  position: absolute;
  top: 2px;
  left: 1px;
  line-height: 1;
  color: #000;
}


/* check-box
---------------------------------------------------------*/

.check-box{
  position: relative;
  width: 190px;
  cursor: pointer;
  height: 90px;
  background: var(--bs-gray-100);
  border-radius: 8px;
  padding: 15px 13px;
  color: var(--bs-gray-800);
}

.check-box .check-title{
  width: 100%;
  display: flex;
  align-items: center;
}

.chosen-data{
  display: none;
}

.chosen-data.active{
  display: block;
}


@media (max-width: 768px) {

  .check-box{
    width: 100%;
    height: auto;
    padding: 10px 12px;
    display: flex;
    font-size: 0.9rem;
  }

  .check-box .entry-icon{
    display: flex;
  }

}


/* cart-item
---------------------------------------------------------*/

.cart-item .thumbnail a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 175px;
  height: 175px;
}

.cart-item .thumbnail a img{
  max-height: 175px;
  max-width: 100%;
}

.sticky-car-header.sticky{
  z-index: 2;
}

.sticky-car-content{
  position: relative;
}

.border-top-dashed{
  border-top: 1px dashed var(--bs-border-color);
}

.sticky-car-content .meta-tag{
  display: none;
}

.space-a,.space-b{
  width: 175px;
  text-align: center;
}

@media (max-width: 1200px) {

  .space-b{
    width: 165px;
  }

  .cart-item .thumbnail a{
    width: 165px;
    height: 165px;
  }

  .cart-item .thumbnail a img{
    max-height: 100%;
  }

}

@media (max-width: 992px) {

  .space-a{
    width: auto;
    text-align: left;
  }

  .sticky-car-header .meta-info{
    display: none;
  }

  .sticky-car-content .meta-tag{
    display: inline-flex;
  }

  .cart-item .thumbnail a{
    display: block;
    text-align: center;
    aspect-ratio: 1 / 1;
    width: 100%;
    height: 100%;
  }

  .cart-item .thumbnail a img{
    height: auto;
    width: auto;
    max-width: 100%;
  }

}

/* quantity-box
---------------------------------------------------------*/

.quantity-input{
  width: 70px;
  margin-left: auto;
  margin-right: auto;
}

.quantity-box{
  display: inline-flex;
  justify-content: center;
  border:1px solid #ced4da;
}

.quantity-box .counter{
  width: 32px;
  text-align: center;
  border: none;
}

.quantity-box .btn-num{
  border: none;
  outline: none;
  width: 26px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 27px;
  background: var(--bs-gray-200);
}

@media (max-width: 992px) {

  .quantity-input{
    width: 70px;
    margin-right: initial;
    margin-left: initial;
  }

  .quantity-box .btn-num{
    height: 26px;
  }

}

/* btn-eye
---------------------------------------------------------*/

.btn-eye{
  position: relative;
  width: 35px;
  height: 35px;
  display: block;
  font-family: remixicon!important;
  text-decoration: none;
  font-size: 1.3rem;
  color: #333;
  line-height: 1;
  cursor: pointer;
}

.btn-eye:before{
  content: "\ECB3";
  position: absolute;
  top: 8px;
  left: 6px;
}

.btn-eye.active:before{
  content: "\ECB4";
}


/* fancybox
---------------------------------------------------------*/

.fancybox-slide--iframe .fancybox-content {
  width  : 860px;
  max-width  : 95%;
  max-height : 95%;
}

.fancybox-slide{
  padding: 35px;
}


@media (max-width: 768px) {

  .fancybox-slide--iframe .fancybox-content{
    height: auto;
    max-height : 65%;
  }

}



/* border-a-1
---------------------------------------------------------*/

.border-a-1{
  border-color: rgba(0, 0, 0, 0.1)!important;
}


/* page-head
---------------------------------------------------------*/

.page-head{
  height: 125px;
  text-align: center;
  padding: 25px 0 ;
  background-image: url(../img/page-header-1.jpg);
  background-position: center center;
  background-size: cover;
}

.page-head h2{
  letter-spacing: 0.1rem;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}


/* account-card
---------------------------------------------------------*/

.account-card{
  border-radius: 0.9rem;
  padding: 2rem;
  height: 390px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../img/card-mask.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.account-card .entry-name{
  position: absolute;
  left: 2rem;
  top: 2rem;
}

.account-card .entry-logo img{
  height: 55px;
}

@media (max-width: 1200px) {

  .account-card .entry-name{
    position: static;
    width: 65%;
  }

  .page-a .account-card{
    height: auto;
    justify-content: space-between;
    padding: 1.5rem;
  }

  .account-card .entry-logo{
   width: auto;
  }

  .account-card .entry-logo img{
    width: 100%;
  }

}


/* signin-form
---------------------------------------------------------*/

.signin-form .col-form-label{
  padding-top: 0;
  display: flex;
  align-items: center;
}

@media (max-width: 768px) {

  .signin-form .col-form-label{
    display: flex;
    align-items: center;
  }

  .signin-form .col-form-label .label-eng{
    margin-left: 0.5rem;
    word-break:keep-all;
  }

}

/* m-carousel
---------------------------------------------------------*/

.m-carousel .owl-dots{
  position: absolute;
  bottom:10px ;
  left: 0;
}

/* tag-num
---------------------------------------------------------*/

.tag-num{
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  border-radius: 30px;
  left: 0;
  top: -10px;
  font-weight: bold;
  box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15);
}

/* progressbar-ship 
---------------------------------------------------------*/

.ship-post.selected{
  background: #ebf4f7;
  border: 1px solid rgba(0, 0, 0, 0.4)!important;
}

.ship-post .ship-select-btn{
  position: relative;
}

.ship-post.selected .ship-select-btn{
  background-color: var(--bs-green);
  color: var(--bs-white);
}

.ship-post .ship-select-btn:before{
  font-family: remixicon!important;
  content: "\EB7F";
  font-size: 1rem;
}

.ship-post.selected .ship-select-btn:before{
  font-family: remixicon!important;
  content: "\EB85";
}

.level-tag{
  word-break:keep-all;
}


/* filter-list
---------------------------------------------------------*/

.filter-list{
  display: flex;
  flex-wrap: wrap;
}

.filter-list li{
  /*width: 16.6%;*/
  list-style: circle;
  margin-bottom: 0.4rem;
  height: 25px;
  overflow: hidden;
  padding-right: 1rem;
  position: relative;
  padding-left: 0.8rem;
  color: #333;
}

.filter-post .filter-content.select-content{
  max-height: 30px;
}

.select-content .filter-list li{
  height: 30px;
  line-height: 1;
}

.select-content .form-select{
  font-size: 0.85rem;
  line-height: 1;
}

.filter-list li.select .form-select.form-select-sm{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
}

.filter-list li:before{
  /*content: "• ";
  position: absolute;
  left: 0;
  color: var(--bs-gray-500);*/
}

.filter-list li a{
  color: #111;
}

.filter-list li a:hover{
  text-decoration: underline;
}

.all-filter-btn.active a{
  color: var(--bs-danger);
}

.all-filter-btn{
  display: none;
}

.all-filter{
  display: block;
}

@media (max-width: 1200px) {

  .filter-list li{
    /*width: 33.3%;*/
  }

}

@media (max-width: 992px) {

  .filter-list li{
    /*width: 50%;*/
    position: relative;
    padding-left: 0;
  }

  .all-filter{
    display: none;
  }

  .all-filter-btn{
    display: block;
  }

}

/* filter-post
---------------------------------------------------------*/

.filter-post .filter-content{
  max-height: 25px;
  overflow:hidden;
  transition: max-height 0.5s ease-out;
}

.filter-post.slideDown .filter-content{
  max-height: 500px;
  transition: max-height 0.8s ease-in;
}

.btn-filter-toggle{
  position: relative;
}

.filter-post .btn-filter-toggle:before{
  font-family: remixicon!important;
  content: "\EA4E";
  font-size: 1rem;
}

.filter-post.slideDown .btn-filter-toggle:before{
  font-family: remixicon!important;
  content: "\EA78";
}


/* center-a
---------------------------------------------------------*/

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

@media (max-width: 992px) {

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

}


/* icon-tag-a
---------------------------------------------------------*/

.icon-tag-a img{
  height: 40px;
}

.icon-tag-a:hover{
  background-color: rgba(224, 134, 148, 0.3)!important;
}


/* icon-tag-b
---------------------------------------------------------*/

.icon-tag-b{
  min-width: 105px;
}


/* edit-banner
---------------------------------------------------------*/

.edit-banner{
  display: flex;
  align-items: center;
  justify-content: center;
}

.edit-banner .entry-text{
  margin: 1.5rem;
}

.edit-banner img{
  max-width: 100%;
}


/* text-mobile
---------------------------------------------------------*/

.text-mobile{
  display: none;
}

@media (max-width: 768px) {

  .text-pc{
    display: none;
  }

  .text-mobile{
    display: block;
    text-align: center;
  }

}


/* fancybox
---------------------------------------------------------*/

.fancybox-infobar{
  visibility: visible;
  top: auto;
  bottom: 0;
  left: 50%;
  margin-left: -26px;
  font-size: 1rem;
  z-index: 1;
  color: #fff;
}

/* player
---------------------------------------------------------*/

.audio-btn {
  cursor: pointer;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: remixicon !important;
  font-size: 1.4rem;
  line-height: 1;
}

.audio-btn:after {
  content: "\ee05";
  font-family: remixicon !important;
}

.audio-btn.playing:after {
  content: "\EFD8";
}


/* pd-a use member pages
---------------------------------------------------------*/

.pd-a {
  padding: 1.5rem;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

@media (max-width: 768px) {

  .pd-a {
    padding: 0;
    border: none;
  }

}

/* offcanvas-w-a
---------------------------------------------------------*/

.offcanvas.offcanvas-end.offcanvas-w-a{
  width: 200px;
}

.offcanvas-w-a .offcanvas-header{
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}


/* history-slick-mobile
---------------------------------------------------------*/

.slick-v{}

.history-slick-mobile .arrow-prev,
.history-slick-mobile .arrow-next
{
  background: #ddd;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.history-slick-mobile .arrow-prev{
  margin-bottom: 10px;
}

.history-slick-mobile .arrow-next{
  position: fixed;
  bottom: 15px;
  width: 163px;
  right: 20px;
}

.history-slick-mobile .item{
  text-align: center;
  margin-bottom: 10px;
}

.history-slick-mobile .item img{
  max-width: 100%;
  max-height: 100px;
  display: inline-block;
}

/* ticket-box
---------------------------------------------------------*/

.ticket-box{
  position: relative;
}

.ticket-box:after{
  position: absolute;
  z-index: 20;
  bottom: 13px;
  left: -2px;
  height: 12px;
  width: 8px;
  border-left: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 12px;
  background-color: #fff;
  content: '';
}


/* accordion-order
---------------------------------------------------------*/

.dark-pacity-05{
  background: rgba(0, 0, 0, 0.05)
}

.accordion-order .accordion-item{
  margin-bottom: 0;
}

.accordion-order .accordion-button:not(.collapsed){
   background: var(--bs-white-rgb);
}

.accordion-order .accordion-item:first-of-type .accordion-button {
  border-radius: 0;
}

.accordion-order .accordion-button{
  padding: 0 0 0.5rem 0;
  border-radius: 0;
  background: var(--bs-white-rgb);
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.accordion-order .accordion-button:focus{
   box-shadow:none;
}

.accordion-order .accordion-item:last-of-type .accordion-button.collapsed{
  border-radius: 0;
}

.accordion-order .accordion-body{
 padding: 0.9rem 0 0;
}


/* receipt-card
---------------------------------------------------------*/

.receipt-card{
  width: 225px;
}

.receipt-card .logo img{
  height: 40px;
}

.input-quantity{
  width: 55px;
  text-align: center;
  display: inline-block;
}


/* mulit-tabBlock
---------------------------------------------------------*/

.mulit-tabBlock .tabs-content{
  display: none;
}

.mulit-tabBlock .tabs-content.isShow{
  display: block;
}


/* btns-group-a
---------------------------------------------------------*/

@media (max-width: 768px) {

  .btns-group-a{
    display: flex;
  }

  .btns-group-a .btn{
    margin-right: 0.4rem;
  }

}

/* box-a
---------------------------------------------------------*/

.box-a{
  display: flex;
}

.box-a .entry-title {
  order: 1;
  display: block;
  margin-right: 5px;
}

.box-a .entry-content {
  order: 2;
  display: flex;
}

.btns-group-a{
  text-align: center;
}

@media (max-width: 768px) {

  .box-a {
    display: flex;
    flex-wrap: wrap;
  }

  .box-a .entry-title{
    order: 2;
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-right: 0px;
  }

  .box-a .entry-content{
    order: 1;
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
  }

  .btns-group-a.invisible{
    display: none;
  }

  .fs-rwd{
    font-size: 90%!important;
  }

  .fs-rwd .fs-5-1{
    font-size: 1rem!important;
  }

}

/* fair-menu
---------------------------------------------------------*/

.fair-menu{
  display: none;
}

@media (max-width: 992px) {

  .fair-menu{
    display: block;
  }
  
}

.option-hidden {
 display:none;   
}


/* filter-post
---------------------------------------------------------*/

.filter-tag-post{
  position: relative;
}

.filter-tag-post .filter-tag-content{
  display: none;
  transition: max-height 0.5s ease-out;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 2;
  width: 100%;
}

.btn-more-toggle{
  position: relative;
  cursor: pointer;
}

.btn-more-toggle:before{
  font-family: remixicon!important;
  content: "\EA4E";
  font-size: 1.3rem;
  line-height: 1;
}

.btn-more-toggle.slideDown:before{
  font-family: remixicon!important;
  content: "\EA78";
}

/* upload-photo 
---------------------------------------------------------*/

.upload-photo a{
  position: relative;
  height: 100px;
  overflow: hidden;
  display: block;
  background: #eee;
}

.upload-photo a img{
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  top: 0;
}


/* meta-hidden-a
---------------------------------------------------------*/

@media (max-width: 768px) {

  .meta-hidden-a{
    display: none;
  }

}

/* btn-group-a
---------------------------------------------------------*/

.btn-group-a .btn{
  font-size: 0.9rem;
  --bs-btn-padding-x:0.7rem;
  --bs-btn-padding-y:0.3rem;
}


/* tabs-drop-wrap
---------------------------------------------------------*/

.tabs-drop-wrap {
  position: relative;
}

.tabs-drop-wrap .--hidden {
  display: none;
}

.tabs-drop-wrap button {
  border: none;
}

.tabs-drop-wrap a,
.tabs-drop-wrap button {
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  background-color: transparent;
}

.tabs-drop-wrap .filter-drop {
  display: flex;
}

.tabs-drop-wrap .filter-drop>li {
  list-style: none;
}

.tabs-drop-wrap .filter-drop>li+li {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.tabs-drop-wrap .filter-drop>li>a,
.tabs-drop-wrap .filter-drop>li>button {
  white-space: nowrap;
  padding: 2px 12px;
  line-height: 1;
}

.tabs-drop-wrap .filter-drop>li>a:hover,
.tabs-drop-wrap .filter-drop>li>button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.tabs-drop-wrap .filter-drop>li>a.active{
   background-color: rgba(0, 0, 0, 0.15);
}

.tabs-drop-wrap .filter-drop>li>a:active,
.tabs-drop-wrap .filter-drop>li>button:active {
   background-color: rgba(0, 0, 0, 0.1);
}

.tabs-drop-wrap .filter-drop .filter-chosen {
  background: #fffb01;
  color: #9958a8;
}

.tabs-drop-wrap .filter-drop .-more {
  background-color: #fff;
}

.tabs-drop-wrap .filter-drop .-more>button span {
  display: inline-block;
  transition: transform 0.2s;
  height: 15px;
  display: flex;
  align-items: self-end;
}

.tabs-drop-wrap.--show-secondary .filter-drop .-more>button span {
  transform-origin: center;
  transform: rotate(180deg);
}

.tabs-drop-wrap .-secondary {
  max-width: 100%;
  min-width: 10em;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 2;
  box-shadow: 0 0.3em 0.5em rgba(0, 0, 0, 0.3);
  -webkit-animation: nav-secondary 0.2s;
  animation: nav-secondary 0.2s;
}

.tabs-drop-wrap .-secondary li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #fff;
  list-style: none;
}

.tabs-drop-wrap .-secondary a,
.tabs-drop-wrap .-secondary button {
  padding: 0.6em;
}

.tabs-drop-wrap .-secondary a:hover,
.tabs-drop-wrap .-secondary button:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.tabs-drop-wrap .-secondary a.active,
.tabs-drop-wrap .-secondary button:active {
  background-color: rgba(0, 0, 0, 0.15);
}

.tabs-drop-wrap.--show-secondary .-secondary {
  display: block;
}

@-webkit-keyframes nav-secondary {
  0% {
    opacity: 0;
    transform: translateY(-1em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes nav-secondary {
  0% {
    opacity: 0;
    transform: translateY(-1em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


/* mark-a
---------------------------------------------------------*/

.mark-a {
  transition: background-position .3s linear, box-shadow .15s linear 0s;
  background-image: linear-gradient(90deg, #fdeaaf, #fcf2d5, #b4efe1);
  background-size: 400%;
  background-repeat: no-repeat;
  background-position: 0 8px;
  cursor: pointer
}

.mark-a:hover {
  background-image: linear-gradient(90deg, #fdeaaf, #b4efe1, #fcf2d5);
  background-position: 100% 8px;
}

@media (max-width: 992px) {
  .tag-pt-1{
    padding-top: 4px;
  }
}


/* full-bg
---------------------------------------------------------*/

.full-bg-a{
  background-image: url(../img/bg-2.jpg) ;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  position: relative;
}

.entry-card{
  width: 240px;
  display: block;
  position: relative;
}

.entry-card .entry-content{
  border-bottom-right-radius:10px;
  border-bottom-left-radius:10px;
  background: #fff;
}

.entry-card .entry-icon{
  margin-top: -10px;
}

.entry-card.card-a{
  background-image: url(../img/entry-card-a.png);
  background-repeat: no-repeat;
  background: #f8b62b;
}

.entry-card.card-b{
  background-image: url(../img/entry-card-b.png);
  background-repeat: no-repeat;
  background: #e94609;
}

.entry-card.card-c{
  background-image: url(../img/entry-card-c.png);
  background-repeat: no-repeat;
  background: #dcdddd;
}

.entry-card .entry-img img{
  border-top-right-radius:10px;
  border-top-left-radius:10px;
}

.images-a{
  position: absolute;
  left: 12%;
  top: 10%;
  width: 67px;
  z-index: -1;
}

.images-a img {
  animation: blur-a 4s ease-in-out infinite;
  width: 100%;
}

.images-b{
  position: absolute;
  right: 95%;
  top: 90%;
  width: 27px;
}

.images-b img {
  animation: blur-b 3s ease-in-out infinite;
  width: 100%;
}

.images-c{
  position: absolute;
  right: 5%;
  top: 25%;
  width: 100px;
}

.images-c img {
  animation: blur-b 3s ease-in-out infinite;
  width: 100%;
}

@keyframes blur-a {
  0% { filter: blur(0px); }
  50% { filter: blur(10px); }
  100% { filter: blur(0px); }
}

@keyframes blur-b {
  0% { filter: blur(5px); }
  50% { filter: blur(1px); }
  100% { filter: blur(5px); }
}

@keyframes blur-c {
  0% { filter: blur(5px); }
  50% { filter: blur(1px); }
  100% { filter: blur(5px); }
}


@media (max-width: 768px) {

  .card-group .card-col:first-child{
    order: 2;
  }

  .card-group .card-col:nth-child(2){
    order: 1;
  }

  .card-group .card-col:nth-child(3){
    order: 3;
  }

  .images-a,.images-b,.images-c{
    display: none;
  }

  .full-bg-a{
    background-position: right center;
    background-attachment: fixed;
  }

  .entry-card{
    display: flex;
    width: 100%;
  }

  .entry-card .entry-img img{
    border-bottom-right-radius:12px;
    border-bottom-left-radius:12px;
  }

  .entry-card .entry-content{
    border-bottom-right-radius:11px;
    border-bottom-left-radius:11px;
    border-top-right-radius:11px;
    border-top-left-radius:11px;
    background: #fff;
  }

  .entry-card .entry-icon{
    margin-top: 10px;
  }

  .entry-card .entry-content{
    flex:240px;
  }

  .entry-img{
    padding: 5px;
    display: flex;
    align-items: center;
  }

}


/* lightGallery
---------------------------------------------------------*/

.overflow-y-hidden{
  overflow-y: hidden;
}

.hover-a:hover{
  background-color: rgba(0, 0, 0, 0.05);
}

.inline-gallery-container {
  width: 100%;
  height: 100vh;
  position: relative;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{
  padding-top: 30px;
  padding-bottom: 80px;
}

.gallery-sidebar-menu{
  height: calc( 100vh - 63px );
  overflow-y: auto;
  background: var(--bs-light-rgb);
}

.gallery-select{
  display: none;
}

.iframe-gallery-slider{
  height: calc( 100vh - 75px );
  overflow-y: hidden;
}


.gallery-menu-mobile-wrap{
  position: fixed;
  top: 63px;
  bottom: 0;
  z-index: 998;
  right: -260px;
  width: 260px;
  overflow-y: auto;
  transition: 0.4s;
  -webkit-overflow-scrolling: touch;
}

.gallery-menu-mobile-wrap{
  display: none;
}



@media (max-width: 768px) {

  .gallery-menu-mobile-wrap{
    display: block;
    position: fixed;
    top: 63px;
    bottom: 0;
    z-index: 998;
    right: -260px;
    width: 260px;
    overflow-y: auto;
    transition: 0.4s;
    -webkit-overflow-scrolling: touch;
  }

  .gallery-menu-mobile-wrap.show{
    right: 0;
    box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.15);
  }

  .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{
    width: 80px;
    height: 53px;
  }

  .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{
    padding-top: 30px;
    padding-bottom: 50px;
  }

  .gallery-select.show{
    right: 260px;
    transition: 0.4s;
  }

  .gallery-select{
    display: block;
    width: 40px;
    height: 40px;
    background-color: var(--bs-purple);
    position: fixed;
    right: 0;
    top: 120px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
  }

  .gallery-sidebar{
    display: none;
  }


}

@media (max-width: 600px) {

  .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{
    padding-top: 0;
    margin-top: -50px;
    padding-bottom: 20px;
  }

}

/* search-result
---------------------------------------------------------*/

.search-result-wrap{
  max-height: 350px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.search-result .thumb{
  width: 50px;
}

.search-result .thumb img{
  max-width: 100%;
  max-height: 60px;
}

.search-result .entry-title{
  max-height: 52px;
  overflow-y: hidden;
  display: block;
}


/* book-status
---------------------------------------------------------*/

.book-status{
  width: 100px;
  height: 100px;
  display: flex;
  border-radius: 100px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  z-index: 2;
  top: calc(50% - 50px);
  left: calc(50% - 50px);
}

.gallery-main .book-status{
  width: 150px;
  height: 150px;
  top: calc(50% - 75px);
  left: calc(50% - 75px);
}

@media (max-width: 768px) {

  .gallery-main .book-status{
    width: 100px;
    height: 100px;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
  }

}


/* data-picker
---------------------------------------------------------*/

.data-picker{
  position: relative;
  pointer-events: fill;
}

.data-picker:after{
  font-family: remixicon!important;
  content: "\EB27";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  right: 0;
  top: -3px;
  pointer-events: stroke;
  cursor: pointer;
  z-index: 1;
  font-size: 1.3rem;
  color: rgba(0, 0, 0, 0.3);
}

.data-picker input{
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  height: 24px;
  line-height: 24px;
  color: #212529;
  position: relative;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.2);
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #fff;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.data-picker input::placeholder {
  font-size: 0.9rem;
  line-height: 20px;
  color: rgba(0, 0, 0, 0.35);
}

/* car-stock
---------------------------------------------------------*/

.car-stock{
  display: none;
}

@media (max-width: 992px) {

  .car-stock-pc{
    display: none;
  }

  .car-stock{
    display: block;
  }

}


/* tag-swiper
---------------------------------------------------------*/

.tag-swiper .swiper-button-prev{
  left: 0;
}

.tag-swiper .swiper-button-next{
  right: 0;
}

.tag-swiper .swiper-slide {
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
  width: auto;
  cursor: pointer;
}

.tag-swiper .swiper-wrapper{
  padding-left: 30px;
  padding-right: 30px;
}

.tag-swiper .swiper-button-next,.tag-swiper .swiper-button-prev{
  font-family: remixicon!important;
  background: #fff;
  color: #222;
}

.tag-swiper .swiper-button-next:after{
  content: "\EA6D";
  font-family: remixicon!important;
}

.tag-swiper  .swiper-button-prev:after{
  content: "\EA63";
  font-family: remixicon!important;
}


/* thumb-box-a
---------------------------------------------------------*/

.thumb-box-a{
  position: relative;
}

.thumb-box-a .entry-icon{
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.8);
  left: 50%;
  margin-left: -15px;
  top: 50%;
  margin-top: -15px;
  display: block;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.thumb-box-a a{
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.thumb-box-a img{
  max-height: 100%;
  max-width: 100%;
}

/* line-clamp
---------------------------------------------------------*/

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

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

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


/* entrypage-wrap
---------------------------------------------------------*/

.g-a {
  --bs-gutter-x: 40px;
}

.col-a{
  flex: 0 0 auto;
  width: 59%;
}

.col-b{
  flex: 0 0 auto;
  width: 40%;
}

.col-c{
  flex: 0 0 auto;
  width: 38%;
}

.col-d{
  flex: 0 0 auto;
  width: 61%;
}

.entrypage-wrap{
  width: 82%;
  margin: 65px auto;
  overflow-x: hidden;
}

.pt-a{
  padding-top: 20px;
}

.pb-a{
  padding-bottom: 20px;
}

.entrypage-wrap .mb-a{
  margin-bottom: 40px;
}

.entrypage-wrap .icon-links{
  margin-bottom: 8%;
  padding-right: 30px;
}

.full-bg-b{
  position: relative;
  min-height: calc(100vh - 65px);
  background-image: url(../img/bg-3.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: cover;
}

.entrypage-box{
  background-color: #fff;
  border-radius: 35px;
  box-shadow: inset 0 0 0 1px #3D3939;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3D3939;
}

.entrypage-box .entry-title{
  font-size: 2.2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.entrypage-box .entry-title .entry-icon{
  height: 24px;
  margin-left: 10px;
}

.entrypage-box .entry-title.h-hover{
  display: none;
}

.entrypage-box .main-title{
  width: 145px;
  text-align: center;
}

.entrypage-box:hover .entry-title{
  display: none;
  opacity: 0;
}

.entrypage-box:hover .entry-title.h-hover{
  display: inline-flex;
  opacity: 1;
  align-items: center;
  justify-items: center;
}

.entrypage-box:hover{
  background: #DCDDDD;
  box-shadow: none;
}

/* entrypage-box-a
---------------------------------------------------------*/

.entrypage-box-a{
  background-color: #fff;
  border-radius: 35px;
  box-shadow: inset 0 0 0 1px #3D3939;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3D3939;
}

.entrypage-box-a .img-1{
  max-width: 70%;
}

.entrypage-box-a .img-2{
  max-width: 80%;
  display: none;
}

.entrypage-box-a .img-3{
  max-width: 70%;
  display: none;
}

.entrypage-box-a:hover{
  background: #DCDDDD;
  box-shadow: none;
}

.entrypage-box-a:hover .img-1{
  display: none;
}

.entrypage-box-a:hover .img-2{
  display: block;
}

/* entrypage-box-b
---------------------------------------------------------*/

.hover-box .img-2{
  display: none;
}

.hover-box:hover .img-1{
  display: none;
}

.hover-box:hover .img-2{
  display: block;
}

.entrypage-box-b{
  background-color: #fff;
  border-radius: 35px;
  box-shadow: inset 0 0 0 1px #3D3939;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3D3939;
  height: 220px;
}

.entrypage-box-b.h-1{
  height: 280px;
}

.entrypage-box-b .img-1,.entrypage-box-b .img-2{
  max-width: 70%;
}

.entrypage-box-b:hover{
  background: #DCDDDD;
  box-shadow: none;
}

.order-box-d,.entrypage-wrap .eng-text-2{
  display: none;
}

.order-box-e,.order-box-f{
  display: none;
}

.entrypage-blocks{
  padding-left: 120px;
}

@media (max-width: 1600px) {

  .entrypage-box .entry-title{
    font-size: 1.8rem;
  }

  .g-a {
    --bs-gutter-x: 30px;
  }

  .pt-a{
    padding-top: 15px;
  }

  .pb-a{
    padding-bottom: 15px;
  }

}

@media (max-width: 1400px) {

  .entrypage-blocks{
    padding-left: 80px;
  }

  .entrypage-wrap{
    width: 90%;
  }

  .entrypage-box .entry-title{
    font-size: 1.4rem;
  }

  .entrypage-wrap .g-a {
    --bs-gutter-x: 20px;
  }

  .entrypage-wrap .mb-a{
    margin-bottom: 30px;
  }

}

@media (max-width: 1200px) {

  .entrypage-blocks{
    padding-left: 50px;
  }

}

@media (max-width: 992px) {

  .entrypage-blocks{
    padding-left: calc(var(--bs-gutter-x) * 0.5);
  }

  .col-a,.col-a,.col-c,.col-d{
    width: 100%;
  }

  .entrypage-wrap{
    width: 100%;
    margin: 30px auto;
  }

  .entrypage-wrap .icon-links{
    padding-right: 0;
  }

  .entrypage-wrap .container-fluid{
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .entrypage-order .order-box-a{
    /* my tb */
    display: none;
  }

  .entrypage-wrap .mb-a,
  .entrypage-order .order-box-b,
  .entrypage-order .order-box-f
  {
    margin-bottom: 20px;
  }


  .order-box-c,.order-box-d{
    display: none;
  }

  .order-box-f{
    display: block;
  }

  .order-box-e{
    /* myTb */
    display: block;
    margin-bottom: 3rem;
  }

  .entrypage-wrap .eng-text-1
  {
    display: none!important;
  }

  .entrypage-wrap .eng-text-2{
    display: block;
    width: 100%;
  }

  .entrypage-order{
    margin-bottom: 3rem;
  }

  .entrypage-box{
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .entry-title.title-a{
    flex-direction: initial;
  }

}

@media (max-width: 768px) {

  .entrypage-box-b.h-1{
    height: 220px;
  }

  .entrypage-wrap .container{
    padding-left: 1.7rem;
    padding-right: 1.7rem;
  }

}

@media (max-width: 550px) {

  .entrypage-box-b,.entrypage-box-b.h-1{
    height: 150px;
  }

}

/* anchor
---------------------------------------------------------*/

.anchor{
  display: block;
  height: 140px; /*same height as header*/
  margin-top: -140px; /*same height as header*/
  visibility: hidden;
}

/* iframe-photo-box
---------------------------------------------------------*/

.iframe-photo-box{
  height: 100vh;
  padding-top: 10px;
}

.iframe-photo-box .entry-photo img{
  max-width: 100%;
  max-height: 100%;
}

.iframe-photo-box .entry-photo{
  height: calc(100vh - 110px);
}

/* Pman */
.forcehidden {
  display: none!important;
}


/* tag-sale
---------------------------------------------------------*/

.tag-sale{
  font-size: 0.85rem;
  background-color: var(--bs-danger);
  color: #fff;
  padding: 5px 10px;
  height: 31px;
  max-width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0; 
  overflow: hidden;

}

/* iconLink-a
---------------------------------------------------------*/

.iconLink-a i{
  font-size: 2.5rem;
  line-height: 1;
  color: var(--bs-gray-800);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}

.bg-primary .iconLinkSet.iconLink-a a:hover i{
  color: var(--bs-primary);
}

.bg-secondary .iconLinkSet.iconLink-a a:hover i{
  color: var(--bs-secondary);
}


/* iconLinkSet
---------------------------------------------------------*/

.iconLinkSet a{
  height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.h-100-sm{
  height: calc(100% - 3rem);
}

/* bannerTopBox
---------------------------------------------------------*/

.bannerTopBox .entryTop{
  height: 180px;
  border-radius: 16px 16px 0 0 ;
  background-size: cover;
  background-position: center center;
}

.bannerTopBox .entry-content{
  margin-top: -40px;
  min-height: 335px;
}

.bannerTopBox .entry-content.item-product{
  margin-top: -56px;
}

@media (max-width: 1400px) {

  .bannerTopBox .entry-content{
    margin-top: -40px;
    min-height: 290px;
  }

}

@media (max-width: 1200px) {

  .bannerTopBox .entry-content{
    margin-top: -40px;
    min-height: 250px;
  }

}

@media (max-width: 768px) {

  .bannerTopBox .entry-content{
    margin-top: -40px;
    min-height: auto;
  }

}

/* bannerTopBox
---------------------------------------------------------*/

.squareCover {
  width: 100%;
  height: 0;
  padding-top: 100%;
  position: relative;
}

.squareCover .square-content {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.squareCover .square-content img{
  max-height: 100%;
  max-width: 100%;
  width: auto;
}


/* bannerTopBox
---------------------------------------------------------*/

.coverSize-a{
  aspect-ratio: 1 / 1;
}

.coverSize-a,.coverSize-b{
  object-fit: cover;
  overflow: hidden;
  width: 100%;
  display: block;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}

.coverSize-c{
  aspect-ratio: 800 / 480;
  width: 100%;
  height: 100%;
  object-fit:cover;
}

.coverSize-d{
  aspect-ratio: 630 / 210;
  width: 100%;
  height: 100%;
  object-fit:cover;
}


/* slick-v-ad
---------------------------------------------------------*/

.slick-v-ad .arrow-prev,.slick-v-ad .arrow-next{
  text-align: center;
  background-color: rgba(255, 2525, 255, 0.15);
  cursor: pointer;
}

.slick-v-ad .arrow-prev{
  margin-bottom: 10px;
}

.slick-v-ad .arrow-next{
  margin-top: 10px;
}

.slick-v-ad .arrow-prev i,.slick-v-ad .arrow-next i{
  color: var(--bs-white);
  font-size: 1.4rem;
  line-height: 1;
}

.vertical-Carousel{
  padding: 1rem;
}

.vertical-Carousel .item{
  height: 28px;
  overflow: hidden;
  line-height: 28px;
}

.vertical-Carousel .item a{
  color: var(--bs-white);
  padding-left: 10px;
  padding-right: 10px;
}

.vertical-Carousel .item a:hover{
  font-weight: 500;
}

.vertical-Carousel .item.active{
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 5px;
}

.vertical-Carousel .item.active a{
  color: var(--bs-dark);
}

@media (max-width: 550px) {

  .vertical-Carousel{
    padding: 0.6rem;
  }

}

/* popup
---------------------------------------------------------*/

#ad-popup {
  background-color: rgba(0, 0, 0, .7);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1099;
  display: none
}

#ad-popup .popup-close {
  color: var(--bs-dark);
  background: var(--bs-white);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 40px;
  line-height: 40px;
  text-align: center;
  position: absolute;
  top: -15px;
  right: -15px;
  font-size: 2em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

#ad-popup .popup-content {
  max-width: 720px;
  width: 80%;
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  display: block;
  height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-banner .item{
  width: 100%;
  max-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-banner .item img{
  max-height: 80vh;
}

.popup-banner .owl-dots{
  margin-top: 0;
}

.popup-banner .owl-dots .owl-dot.active span{
  width: 40px;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}


/* popup countdownClose
---------------------------------------------------------*/

.countdownClose {
  margin: 10px;
  height: 40px;
  width: 40px;
  position: relative;
  cursor: pointer;
}

#ad-popup .countdownClose {
  position: absolute;
  top: -15px;
  right: -15px;
  z-index: 2;
}

.countdownClose svg circle#c2 {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke: #fff;
  opacity: .8;
  animation: countdown 6s linear infinite forwards;
  animation-iteration-count: 1
}

.countdownClose svg circle#c3 {
  stroke: #fff;
  opacity: .6;
}

.countdownClose circle#c1 {
  fill: #fff;
  animation: rotate 6s linear infinite forwards;
  animation-iteration-count: 1
}

.countdownClose i{
  color: #fff;
  position: absolute;
  left: 7px;
  top: 8px;
  font-size: 1.5rem;
  line-height: 1;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 0px;
  }
  to {
    stroke-dashoffset: 113px;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

@media (max-width: 750px) {

  #ad-popup .popup-content{
    height: auto;
  }

  #ad-popup .popup-banner .item{
    height: auto;
  }

}

/* post-tag-a
---------------------------------------------------------*/

.post-tag-a{
  padding: 5px 15px;
  background-color: #f3f3f3;
  border-radius: 40px;
  font-size: 0.9rem;
  cursor: pointer;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}

.post-tag-a:hover{
  background-color: #fff;
  box-shadow: inset 0 0 0 1px var(--bs-secondary);
}

.post-tag-a:hover a{
  color: var(--bs-secondary);
}


/* heightForTag
---------------------------------------------------------*/

@media (min-width: 1400px) {

  .heightForTag{
    height: 316px;
    overflow: hidden;
  }

}

/* banner-carousel-b
---------------------------------------------------------*/

.banner-carousel-b .owl-dots{
 margin-top: 0;
 position: relative;
 z-index: 2;
}


.carousel-nav.owl-carousel button.owl-prev:after,
.banner-carousel-c.owl-carousel button.owl-next:after{
  font-size: 2rem;
}

.carousel-nav.owl-carousel .owl-nav button.owl-prev,
.carousel-nav.owl-carousel .owl-nav button.owl-next{
  display: block;
  color: rgba(0, 0, 0, 0.8);
  margin-top: -24px;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  color: var(--bs-white);
}

.carousel-nav.owl-carousel:hover .owl-nav button.owl-prev,
.carousel-nav.owl-carousel:hover .owl-nav button.owl-next{
  opacity: 1;
}

.carousel-nav.owl-carousel button.owl-prev:after{
  content:"\EA64";
}

.carousel-nav.owl-carousel button.owl-next:after{
  content:"\EA6E";
}

.carousel-nav.owl-carousel button.owl-next{
  right: 5px;
}

.carousel-nav.owl-carousel button.owl-prev{
  left: 5px;
}


/* pageHeader headerTop
---------------------------------------------------------*/

.pageHeader .headerTop{
  background-color: var(--bs-gray-100);
}

.pageHeader .headerTop .entry-main{
 /* display: flex;
  justify-content: space-between;*/
  padding-top: 7px;
  padding-bottom: 7px;
}

@media (max-width: 992px) {

  .pageHeader .headerTop .topTextLinks{
    display: none;
  }

}


/* pageHeader headerMain
---------------------------------------------------------*/

.pageHeader .headerMain .entry-main{
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  align-items: center;
}

.pageHeader .headerMain .logo{
  width: 200px;
}

.pageHeader .headerMain .logo img{
  width: 100%;
}

@media (max-width: 992px) {

  .pageHeader .headerMain .entry-main{
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

/* pageHeader entrySearch
---------------------------------------------------------*/

.pageHeader .entrySearch{
  width: 450px;
}

.pageHeader .headerMain{
  position: relative;
  background-color: var(--bs-white);
}

.pageHeader .searchBox{
  border: 1px solid #dee2e6;
  padding: 8px 5px 8px 15px;
  display: flex;
  border-radius: 1rem;
}

.pageHeader .searchBox input[type="text"]{
  background-color: #fff;
  border: none;
  height: 30px;
  flex: 1;
}

.pageHeader .searchBox input::placeholder {
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.35);
}

.pageHeader .searchBox .entry-btn{
  width: 50px;
  background-color: var(--bs-white);
  border: 0;
  color: var(--bs-gray-600);
}

.pageHeader .searchBox .entry-btn:hover{
  color: var(--bs-gray-900);
}


/* pageHeader entryLinks
---------------------------------------------------------*/

.pageHeader .entryLinks{
  display: flex;
}

.pageHeader .entryLinks .linkItem{
  cursor: pointer;
  text-align: center;
  padding: 0 8px;
}

.pageHeader .entryLinks .linkItem .icon{
  font-size: 1.5rem;
  line-height: 1;
  color: var(--bs-gray-500);
  display: block;
  margin-bottom: -2px;
}

.pageHeader .entryMobileLinks,.pageHeader .entryMobileMenu{
  display: none;
}

.pageHeader .entryMobileMenu{
  font-size: 1.5rem;
  line-height: 1;
  color: var(--bs-gray-900);
}

.pageHeader .entryMobileLinks .entry-icon{
  font-size: 1.5rem;
  line-height: 1;
  color: var(--bs-gray-500);
}

.pageHeader .entryMobileLinks .entry-icon a{
  color: var(--bs-gray-900);
}

.pageHeader .entryMobileLinks .entry-icon a:hover,
.pageHeader .entryMobileMenu:hover
{
  color: var(--bs-dark);
}

.pageHeader.fixed-top .headerTop{
  display: none;
}

.pageHeader.fixed-top .entry-main{
  padding-top: 10px;
  padding-bottom: 10px;
}

@media (max-width: 992px) {

  .pageHeader .entrySearch,.pageHeader .entryLinks{
    display: none;
  }

  .pageHeader .headerMain .logo{
    width: 28%;
  }

  .pageHeader .entryMobileLinks,.pageHeader .entryMobileMenu{
    display: flex;
  }

  .pageHeader .headerMain {
    box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
  }


}

/* hover-dropdown
---------------------------------------------------------*/

.hover-drop{
  position: relative;
}

.hover-drop .dropdown-box{
  opacity: .0;
  position: absolute;
  text-align: center;
  top: 100%;
  left: 0;
  padding: 10px;
  background: var(--bs-white);
  width: 140px;
  pointer-events:none;
  z-index: 13;
  transition: opacity .3s ease-out;
  -moz-transition: opacity .3s ease-out;
  -webkit-transition: opacity .3s ease-out;
  -o-transition: opacity .3s ease-out;
}

.hover-drop:hover .dropdown-box{
  opacity: 1;
  z-index: 2;
  pointer-events:auto;
  z-index: 14;
}


/* pageHeader headerNav
---------------------------------------------------------*/

.headerNav{
  position: relative;
}

.dropDown-group .megaMenuContent {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: -2;
  display: none;
  background-color: var(--bs-white);
  transform: translateY(-10px);
  pointer-events: none;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  transition: all .5s;
}

.dropDown-group .megaMenuContent.open {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 0.5s;
  z-index: 13;
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

@media (max-width: 992px) {

  .headerNav{
    display: none;
  }

}


/* siteNav
---------------------------------------------------------*/

.mainNav{
  cursor: pointer;
}

.siteNav > li{
  list-style: none;
}

.siteNav{
  display: flex;
}

.siteNav > li > a,.siteNav .mainNav{
  padding:8px 15px ;
  color: var(--bs-white);
  display: block;
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}

.siteNav > li > a:hover,.siteNav .mainNav:hover{
  background-color: var(--bs-gray-800);
}


/* site-nav
---------------------------------------------------------*/

.site-nav-wrap ul,
.site-nav-wrap ul li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.site-nav-wrap > ul > li {
  display: inline-block;
  letter-spacing: 1px;
  position: relative;
}

.site-nav-wrap > ul > li > a{
  padding: 8px 10px;
  display: block;
  color: var(--bs-dark);
  font-size: 0.95rem;
  font-weight: 500;
}

.site-nav-wrap > ul > li > a i{
  line-height: 1;
}

.site-nav-wrap > ul > li:first-child {
  border-left: none;
}

.site-nav .sub-menu{
  background: #fff;
  box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15);
  padding: 10px 15px;
  visibility: hidden;
  pointer-events:none;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transform: translateY(-1em);
  z-index: 2;
  pointer-events:none;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}

.site-nav .mega-menu-parent{
 position: static;
}

.site-nav .mega-menu{
  box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
  padding: 15px 15px;
  visibility: hidden;
  pointer-events:none;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  transform: translateY(-1em);
  pointer-events:none;
  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right bottom;
}

.site-nav .mega-menu-wrap {
  min-height: 200px;
  max-height: 250px;
  overflow-y: auto;
  width: 100%;
  overflow-x: hidden;
}

.site-nav .sub-menu-parent.focused-style > a,
.site-nav .mega-menu-parent.focused-style > a{
  background-color: var(--bs-white);
  color: var(--bs-black);
}

.site-nav .sub-menu-parent.focused-style .sub-menu,
.site-nav .mega-menu-parent.focused-style .mega-menu
{
  visibility: visible;
  opacity: 1;
  z-index: 2;
  transform: translateY(0);
  transition-delay: 0s, 0s, 0.3s;
  pointer-events:auto;
}

.site-nav .mega-menu-parent:focus-within,
.site-nav-wrap > ul > li > a:hover,
.site-nav-wrap > ul > li > a.current
{
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-transition:all .3s;
  -moz-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}

.site-nav .sub-menu-parent {
  position: relative;
}

.site-nav .sub-menu > li{
  position: relative;
}

.site-nav .sub-menu a{
  padding: 5px 0;
  display: block;
  color: #5F5D59;
}

.site-nav .sub-menu a:hover{
  color: var(--bs-black);
}

.site-nav .sub-sub-menu{
  background-color: #fff;
  box-shadow:inset 0 0 0 1px #ddd;
  padding: 10px 0 15px;
  position: absolute;
  top: 0;
  width: 130px;
  right: -144px;
  list-style: none;
  margin-left: 0;
  margin-top: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
  visibility: hidden;
  z-index: -99;
  margin-left: -20px;
}

.site-nav .sub-menu-parent li:hover .sub-sub-menu,
.site-nav .sub-menu-parent li:focus-within .sub-sub-menu
{
  margin-top: 0;
  opacity: 1;
  visibility: visible;
}

.site-nav .sub-sub-menu li{
  padding: 0 10px;
}

.site-nav .mega-menu a{
  color: var(--bs-gray-700);
  line-height: 1.3;
}

.site-nav .mega-menu a:hover{
  color: var(--bs-black);
}

/* index-section
---------------------------------------------------------*/

.indexBigSlider{
  margin-top: 30px;
}

.index-section{
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section-title{
  font-size:1.625rem;
  margin-bottom: 15px;
  text-align: center;
}

@media (max-width: 768px) {

  .indexBigSlider{
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .index-section{
    margin-bottom: 20px;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
  }

}

/* mainLinkItem
---------------------------------------------------------*/

.mainLinkItem{
  padding: 20px 15px;
  display: flex;
  border-radius: 0.5rem;
  justify-content: space-between;
  align-items: center;
}

.mainLinkItem:hover{
  transform: translate(0, -4px);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
}

.mainLinkItem .entry-title{
  font-size: 1.45rem;
  line-height: 1.2;
  color: var(--bs-white);
  font-weight: 550;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.mainLinkItem .entry-icon{
  font-size: 2.4rem;
  line-height: 1;
  color: rgba(0,0,0,0.3);
}

@media (max-width: 1200px) {

  .mainLinkItem .entry-title{
    font-size: 1.2rem;
    font-weight: 600;
  }

  .mainLinkItem .entry-icon{
    font-size: 2rem;
  }

}

@media (max-width: 992px) {

  .mainLinkItem{
    display: flex;
    flex-wrap: wrap;
    justify-content: initial;
  }

  .mainLinkItem .entry-title{
    font-size: 1.2rem;
    font-weight: 600;
    order: 2;
    width: 100%;
    text-align: center;
  }

  .mainLinkItem .entry-icon{
    font-size: 2rem;
    order: 1;
    width: 100%;
    text-align: center;
    margin-bottom: 3px;
  }

}

@media (max-width: 768px) {

  .mainLinkItem .entry-icon{
    font-size: 1.8rem;
    line-height: 1;
  }

  .mainLinkItem .entry-title{
    font-size: 1rem;
  }

  .mainLinkItem{
    padding: 10px 4px;
  }

}

/* wallItem
---------------------------------------------------------*/

.wall-section{
  padding-top: 25px;
  padding-bottom: 35px;
}

.gridGroup .entry-title,.gridGroup .entry-text{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  font-weight: 500;
}

.gridGroup .entry-title{
  font-size: 1.45rem;
  line-height: 1.2;
  color: var(--bs-white);
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.gridGroup .entry-text{
  font-size: 0.9rem;
  color: var(--bs-white);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.gridGroup .entry-item:before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 1rem;
  background-color: rgba(0, 0, 0, 0.2);
}

.gridGroup .entry-item{
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  display: block;
}

.gridGroup .entry-item img{
  border-radius: 1rem;
}

.gridGroup .entry-item:hover{
  background-size: 110% auto;
}

.gridGroup .entry-content{
  position: absolute;
  left: 20px;
  bottom: 20px;
  right: 20px;
}

.gridGroup.style-a .entry-item{
  width: 240px;
  height: 420px;
  aspect-ratio: 240 / 420;
}

.gridGroup .entry-item img{
  width: 100%;
  height: 100%;
  object-fit:cover;
}

.gridGroup .entry-item:hover{
  transform: scale(1.02);
}

.gridGroup.style-b{
  display: flex;
  flex-wrap: wrap;
  width: 480px;
}

.gridGroup.style-b .entry-item:first-child{
  width: 100%;
  height: 200px;
  aspect-ratio: 420 / 200;
  margin-bottom: 20px;
}

.gridGroup.style-b .entry-item:nth-child(2){
  margin-right: 4%;
}

.gridGroup.style-b .entry-item:nth-child(2),
.gridGroup.style-b .entry-item:nth-child(3){
  width: 48%;
  height: calc(420px/ 2 - 20px/2);
}

.gridGroup.style-c .entry-item{
  width: 240px;
  height: calc(420px/ 2 - 20px/2);
}

.gridGroup.style-c .entry-item:first-child{
  margin-bottom: 20px;
}

@media (max-width: 992px) {

  .gridGroup .entry-title{
    font-size: 1.2rem;
    font-weight: bold;
  }

  .gridGroup .entry-text{
    font-size: 0.85rem;
  }

}

@media (max-width: 768px) {

  .gridGroup.style-a .entry-item{
    width: 180px;
    height: 310px;
    aspect-ratio: 180 / 310;
  }

  .gridGroup.style-b{
    display: flex;
    flex-wrap: wrap;
    width: 320px;
  }

  .gridGroup.style-b .entry-item:first-child{
    width: 100%;
    height: 145px;
    aspect-ratio: 320 / 145;
    margin-bottom: 20px;
  } 

  .gridGroup.style-b .entry-item:nth-child(2),
  .gridGroup.style-b .entry-item:nth-child(3){
    width: 48%;
    height: calc(310px/ 2 - 20px/2);
  }

  .gridGroup.style-c .entry-item{
    width: 200px;
    height: calc(310px/ 2 - 20px/2);
  }

}


/* wall-carousel
---------------------------------------------------------*/

.wall-carousel.owl-carousel .owl-nav .owl-prev,
.wall-carousel.owl-carousel .owl-nav .owl-next{
  background: var(--bs-white);
  top: -44px;
  width: 35px;
  height: 35px;
  font-size: 1.3rem;
  border-radius: 50px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.wall-carousel.owl-carousel .owl-nav .owl-next:hover,
.wall-carousel.owl-carousel .owl-nav .owl-prev:hover{
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.2);
}

.wall-carousel.owl-carousel .owl-nav .owl-next{
  right: 0;
}

.wall-carousel.owl-carousel .owl-nav .owl-prev{
  right: 40px;
}

.wall-carousel.owl-carousel button.owl-prev:after{
  content:"\ea64";
}

.wall-carousel.owl-carousel button.owl-next:after{
  content:"\EA6E";
}


/* theme-section
---------------------------------------------------------*/

.theme-section{
  padding-top: 40px;
  padding-bottom: 40px;
  background-repeat: no-repeat;
}

.theme-section .entry-title{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

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

.theme-section .entry-thumb a{
  aspect-ratio:1 / 1;
  display: block;
}

.theme-section .entry-content{
  padding-left: 1rem;
}

.theme-section .entry-btn{
  min-width: 200px;
}

.theme-section .entry-thumb a img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* saleLinkItem
---------------------------------------------------------*/

.saleLinkItem{
  padding: 20px 5px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.saleLinkItem:hover{
  transform: translate(0, -4px);
  box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
}


.saleLinkItem .entry-icon{
  width: 95px;
  height: 95px;
  margin: 0 auto 5px;
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.saleLinkItem .entry-icon img{
  max-width: 65%;
  height: auto;
}

.saleLinkItem .entry-title{
  font-size: 1.05rem;
  margin-bottom: 3px;
  height: 22px;
  overflow: hidden;
}

.saleLinkItem .entry-text{
  font-size: 0.9rem;
  line-height: 1.2;
}

@media (max-width: 768px) {

  .saleLinkItem{
    padding: 10px 5px 10px;
  }

  .saleLinkItem .entry-icon{
    width: 40px;
    height: 40px;
  }

  .saleLinkItem .entry-title{
    font-size: 0.9rem;
  }

  .saleLinkItem .entry-text{
    font-size: 0.8rem;
    height: 17px;
    overflow: hidden;
  }

}


/* topic-section
---------------------------------------------------------*/

.topic-section{
  padding-top: 25px;
  padding-bottom: 35px;
  box-shadow: inset 6px 0 0 0 var(--bs-warning);
  margin-bottom: 0;
}

.banner-carousel-d .owl-dots{
  margin-top: 5px;
}

@media (max-width: 768px) {

  .topic-section{
    box-shadow: inset 0 6px 0 0 var(--bs-warning);
  }

}

/* --- 探索學習旅程 (Learning Journey) 專用樣式 --- */

/* 1. 定義尺寸變數 (RWD 核心) */
:root {
  --lj-base: 150px; /* 手機版預設尺寸 */
  --lj-gap: 12px;   /* 手機版間距 */
}

/* 桌機版 (大於 768px) */
@media (min-width: 768px) {
  :root {
    --lj-base: 200px;
    --lj-gap: 16px;
  }
}

/* 2. 外部容器 (用於定位箭頭) */
.lj-wrapper {
  position: relative;
  width: 100%;
}

/* 3. 左右箭頭按鈕 */
.lj-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.95);
  border: 1px solid #eee;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #333;
  transition: all 0.3s ease;
  outline: none;
}

/* 隱藏狀態 (由 JS 控制) */
.lj-nav-btn.hidden {
  display: none;
  opacity: 0;
  pointer-events: none;
}

.lj-nav-btn:hover {
  background-color: #fff;
  transform: translateY(-50%) scale(1.1); /* hover 時微放大 */
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/*
.lj-nav-btn.left { left: -24px; }
.lj-nav-btn.right { right: -24px; }
*/

.lj-nav-btn.left { left: 3px; }
.lj-nav-btn.right { right: 3px; }

/* 4. 捲動區域 (隱藏捲軸) */
.lj-scroll-container {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 20px; /* 預留陰影空間 */
  scroll-behavior: smooth; /* 原生平滑捲動 */
  
  /* 隱藏捲軸 */
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.lj-scroll-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

/* 5. Grid 本體設定 */
.learning-journey-grid {
  display: grid;
  grid-auto-flow: column dense; /* 關鍵：橫向流動 + 自動補位 */
  grid-template-rows: var(--lj-base) var(--lj-base); /* 固定兩列高度 */
  gap: var(--lj-gap);
  width: max-content; /* 寬度隨內容延伸 */
}

/* 6. 卡片樣式 */
.lj-item {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  transform: translateZ(0); /* 啟動硬體加速 */
  transition: box-shadow 0.3s ease;
}

.lj-item:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* 尺寸定義 */
.lj-size-1x1 {
  width: var(--lj-base);
  height: var(--lj-base);
  grid-column: span 1;
  grid-row: span 1;
}

.lj-size-2x1 {
  width: calc(var(--lj-base) * 2 + var(--lj-gap));
  height: var(--lj-base);
  grid-column: span 2;
  grid-row: span 1;
}

.lj-size-1x2 {
  width: var(--lj-base);
  height: calc(var(--lj-base) * 2 + var(--lj-gap));
  grid-column: span 1;
  grid-row: span 2;
}

/* 圖片效果 */
.lj-img-wrapper {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lj-img {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  object-fit: cover;
  transition: transform 0.5s ease-out;
}

.lj-item:hover .lj-img {
  transform: scale(1.05); /* Hover 時圖片微放大 */
}

/* 漸層遮罩 */
.lj-overlay {
  border-radius: 0.5rem;
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.2) 50%, transparent 100%);
}

/* 文字內容 */
.lj-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1.25rem;
  color: #fff;
  z-index: 10;
}

.lj-title {
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  line-height: 1.2;
}

.lj-subtitle {
  font-size: 0.875rem;
  font-weight: 300;
  opacity: 0.9;
  letter-spacing: 0.025em;
  margin-bottom: 0;
}


/* fixedButtonBox
---------------------------------------------------------*/

.fixedButtonBox {
  position: fixed;
  background: url(https://www.lautianlu.com.tw/images/bgFeature.png);
  -moz-user-select: none;
  -webkit-user-select: none;
  bottom: 0;
  z-index: 102;
  width: 100%;
  height: 60px;
  display: flex;
  border-top: 1px solid rgba(181, 130, 124, 0.5);

}

.fixedButtonBox a {
  position: relative;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 100%;
  padding: 0 14px;
  line-height: 1.4;
}

.fixedButtonBox a:not(:first-child)::before {
  content: "";
  position: absolute;
  background-color: #b5827c;
  top: calc(50% - 19px);
  left: 0;
  width: 1px;
  height: 38px;
}