:root {
  /* tt definetion */
  --tt-primary: rgb(123,100,83);    /*7B6453*/
  --tt-secondary: rgb(230,135,34); /*e68722*/
  --tt-cta: rgb(235,12,75);   /*eb0c4b*/
  --tt-link: rgb(212,123,28);      /*d47b1c*/

  --tt-link-primary: rgb(212,123,28);             /*D47B1c*/
  --tt-link-primary-interactive: rgb(221,180,18); /*ddb412*/
  --tt-link-primary-dark: white;                  /*ffffff*/
  --tt-link-primary-dark-interactive: var(--tt-link-primary-interactive);
  --tt-link-secondary: rgb(51,51,51);             /*33333*/
  --tt-link-secondary-interactive: var(--tt-link-primary);

  --tt-layer-1-gray-color: #F4F4F4;
  --tt-layer-2-gray-color: #EFEFEF; /* default gray*/
  --tt-layer-3-gray-color: #DDDDDD;
  --tt-layer-4-gray-color: #CCCCCC;
  --tt-layer-5-gray-color: #999999;
  --tt-layer-6-gray-color: #666666;
  --tt-layer-7-gray-color: #414141;
  --tt-layer-8-gray-color: #333333;
  --tt-layer-9-gray-color: #212121;

  --fb-blue: #2374E1;
  --line-green: #06C755;
  /* tt definetion */

  /* list-group-item */
  --bs-list-group-item-padding-y: 1rem;
  --bs-list-group-item-padding-x: 0.5rem;
  --bs-list-group-bg: white;
  --bs-list-group-color: #333;
  --bs-list-group-border-width: 1px;
  --bs-list-group-border-color: var(--tt-layer-3-gray-color);
  --bs-list-group-action-hover-bg: var(--tt-layer-1-gray-color);
  /* list-group-item */

  /*
  --bs-btn-hover-bg:#e88621;
  --bs-btn-hover-border-color:#e88621;
  --bs-btn-active-bg:#e88621;
  --bs-btn-active-border-color:#e88621;
  */
}


/* color setting start */
.bg-tt-gray-1, .bg-f4 { background-color: var(--tt-layer-1-gray-color); }
.bg-tt-gray-2, .bg-ef { background-color: var(--tt-layer-2-gray-color); }
.bg-tt-gray-3, .bg-dd { background-color: var(--tt-layer-3-gray-color); }
.bg-tt-gray-4, .bg-cc { background-color: var(--tt-layer-4-gray-color); }
.bg-tt-gray-5, .bg-99 { background-color: var(--tt-layer-5-gray-color); }
.bg-tt-gray-6, .bg-66 { background-color: var(--tt-layer-6-gray-color); }
.bg-tt-gray-7, .bg-41 { background-color: var(--tt-layer-7-gray-color); }
.bg-tt-gray-8, .bg-33 { background-color: var(--tt-layer-8-gray-color); }
.bg-tt-gray-9, .bg-21 { background-color: var(--tt-layer-9-gray-color); }
.bg-f8 { background-color: #F8F8F8; }
.bg-primary20 { background-color: #F1EEEC; }

.tt-text-bg-gray-light {
  --bs-badge-color: #333;
  background-color: var(--tt-layer-2-gray-color)!important;
}

.tt-text-bg-gray {
  --bs-badge-color: #fff;
  background-color: var(--tt-layer-5-gray-color)!important;
}

.tt-text-bg-gray-dark {
  --bs-badge-color: #fff;
  background-color: var(--tt-layer-8-gray-color)!important;
}

.tt-text-bg-brown-light {
  --bs-badge-color: #fff;
  --bs-link-hover-color: #fff;
  background-color: var(--bs-primary)!important;
}
.tt-text-red{
  color: #F95122;
}
.tt-text-light {
  color: white;
  --bs-link-hover-color: rgb(230,135,40);
}
/* color setting end */



/* component override start */
.tt-hover-bg-gray:hover {
  background-color: var(--tt-layer-3-gray-color);
}
.tt-link-default {
  --bs-link-color: var(--bs-body-color);
  --bs-link-color-rgb: var(--bs-dark-rgb);
  --bs-link-hover-color: var(--bs-cta);
  --bs-link-hover-color-rgb: var(--bs-cta-rgb);
  --bs-nav-link-color: var(--bs-body-color);
  --bs-nav-link-hover-color: var(--bs-cta);
}
/* 有背景的DOM 需要增加 dark-bs-dark-bg 來達到效果*/
[data-bs-dark-bg] .tt-link-default:not(:hover) {
  --bs-link-color-rgb: 255, 255, 255;
  --bs-nav-link-color: #ffffff;
  --bs-link-color: #ffffff;
}

/* btn */
.btn {
/*  --bs-btn-line-height: 2;
  --bs-btn-font-weight: 700;*/
  margin: 0.7rem 0.35rem;
}

.btn-tt-fbblue {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0866FF;
  --bs-btn-border-color: #0866FF;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1e63bf;
  --bs-btn-hover-border-color: #1c5db4;
  --bs-btn-focus-shadow-rgb: 68, 137, 230;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1c5db4;
  --bs-btn-active-border-color: #1a57a9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0866FF;
  --bs-btn-disabled-border-color: #0866FF;
}

.btn-tt-linegreen {
  --bs-btn-color: #fff;
  --bs-btn-bg: #06C755;
  --bs-btn-border-color: #06C755;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2bcf6f;
  --bs-btn-hover-border-color: #1fcd66;
  --bs-btn-focus-shadow-rgb: 5, 169, 72;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #38d277;
  --bs-btn-active-border-color: #1fcd66;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #06C755;
  --bs-btn-disabled-border-color: #06C755;
}

.btn-tt-apple-dark {
  --bs-btn-padding-x: 0;
  --bs-btn-padding-y: 0;
  --bs-btn-border-width: 0;
  height: 34px;
  width: 200px;
}

.btn-outline-grey-black {
  --bs-btn-color: #212121;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #dddddd;
  --bs-btn-font-weight: 400;
  --bs-btn-hover-color: #212121;
  --bs-btn-hover-bg: #f4f4f4;
  --bs-btn-hover-border-color: #dddddd;
  --bs-btn-focus-shadow-rgb: 5, 169, 72;
  --bs-btn-active-color: #7b6453;
  --bs-btn-active-bg: #f1eeec;
  --bs-btn-active-border-color: #7b6453;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #999999;
  --bs-btn-disabled-bg: #dddddd;
  --bs-btn-disabled-border-color: #dddddd;
  --bs-btn-disabled-opacity: 1;
}
.btn-outline-grey-black.active {
  --bs-btn-font-weight: bold;
}

/* -- arrow --------------------------------- */
.tt-arrow-forward, .tt-arrow-before {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.tt-arrow-forward:after, .tt-arrow-before:before {
  content: "";
  --tt-arrow-size: 6px;
  border-top: var(--tt-arrow-size) solid transparent;
  border-bottom: var(--tt-arrow-size) solid transparent;
  border-left:var(--tt-arrow-size) solid;
}
.tt-arrow-forward:after {
  margin-left: var(--tt-arrow-size);
}
.tt-arrow-before:before {
  margin-right: var(--tt-arrow-size);
}
/* -- arrow --------------------------------- */

/* 0.7 / 2.1 / 3.5 */
/*  xs    sm    x  */
.btn-tt-xs {
  --bs-btn-padding-y: 2px;
  --bs-btn-padding-x: 0.7rem;
  font-size: 12px;
}
.btn-tt-sm {
  --bs-btn-padding-y: 4px;
  --bs-btn-padding-x: 2.1rem;
  font-size: 12px;
}
.btn-tt-xs.tt-arrow-forward:after, .btn-tt-xs.tt-arrow-before:before {
  --tt-arrow-size: 4px;
}
.btn-tt-lg {
  --bs-btn-padding-y: 8px;
  --bs-btn-padding-x: 4.9rem;
  font-size: 16px;
}

.btn-outline-primary, .btn-outline-default, .btn-outline-cta, .btn-outline-secondary, .btn-outline-success, .btn-outline-info, .btn-outline-warning, .btn-outline-danger, .btn-outline-light, .btn-outline-dark {
  --bs-btn-bg: rgba(255,255,255,0.56);
}

/*
.btn-outline-default{
  --bs-btn-hover-color: #e88621;
  --bs-btn-hover-bg:#fff;
  --bs-btn-hover-border-color:#e88621;
  --bs-btn-active-color: #e88621;
  --bs-btn-active-bg: #fff;
  --bs-btn-active-border-color: #e88621;
}

/*.btn-primary{
  --bs-btn-hover-bg: #eb0a4b;
  --bs-btn-hover-border-color: #eb0a4b;
  --bs-btn-active-bg:#eb0a4b;
  --bs-btn-active-border-color:#eb0a4b;
}*/

/* component override end */

/* tt new comopnent start */
.tt-highlight {
  background-color: white;
  padding: 1rem;
  border-radius: 8px;
}
/* tt grid */
.tt-d-grid {
  display: grid;
  --tt-grid-column: 12;
  --tt-grid-repeat: 1fr;
  --tt-grid-template: repeat(var(--tt-grid-column), var(--tt-grid-repeat));
  grid-template-columns: var(--tt-grid-template);
}

.grid-auto{
  -ms-grid-auto-rows: 1fr;
  grid-auto-rows: 1fr;
  -ms-grid-auto-columns: 1fr;
  grid-auto-columns: 1fr;
}

.tt-g-col-1 { grid-column: auto/span 1; }
.tt-g-col-2 { grid-column: auto/span 2; }
.tt-g-col-3 { grid-column: auto/span 3; }
.tt-g-col-4 { grid-column: auto/span 4; }
.tt-g-col-5 { grid-column: auto/span 5; }
.tt-g-col-6 { grid-column: auto/span 6; }
.tt-g-col-7 { grid-column: auto/span 7; }
.tt-g-col-8 { grid-column: auto/span 8; }
.tt-g-col-9 { grid-column: auto/span 9; }
.tt-g-col-10 { grid-column: auto/span 10; }
.tt-g-col-11 { grid-column: auto/span 11; }
.tt-g-col-12 { grid-column: auto/span 12; }
.tt-g-col-16 { grid-column: auto/span 16; }

.tt-g-col-full {
  grid-column: 1 / -1;
}
@media (min-width: 576px) {
  .tt-g-col-sm-1 { grid-column: auto/span 1; }
  .tt-g-col-sm-2 { grid-column: auto/span 2; }
  .tt-g-col-sm-3 { grid-column: auto/span 3; }
  .tt-g-col-sm-4 { grid-column: auto/span 4; }
  .tt-g-col-sm-5 { grid-column: auto/span 5; }
  .tt-g-col-sm-6 { grid-column: auto/span 6; }
  .tt-g-col-sm-7 { grid-column: auto/span 7; }
  .tt-g-col-sm-8 { grid-column: auto/span 8; }
  .tt-g-col-sm-9 { grid-column: auto/span 9; }
  .tt-g-col-sm-10 { grid-column: auto/span 10; }
  .tt-g-col-sm-11 { grid-column: auto/span 11; }
  .tt-g-col-sm-12 { grid-column: auto/span 12; }
}
@media (min-width: 768px) {
  .tt-g-col-md-1 { grid-column: auto/span 1; }
  .tt-g-col-md-2 { grid-column: auto/span 2; }
  .tt-g-col-md-3 { grid-column: auto/span 3; }
  .tt-g-col-md-4 { grid-column: auto/span 4; }
  .tt-g-col-md-5 { grid-column: auto/span 5; }
  .tt-g-col-md-6 { grid-column: auto/span 6; }
  .tt-g-col-md-7 { grid-column: auto/span 7; }
  .tt-g-col-md-8 { grid-column: auto/span 8; }
  .tt-g-col-md-9 { grid-column: auto/span 9; }
  .tt-g-col-md-10 { grid-column: auto/span 10; }
  .tt-g-col-md-11 { grid-column: auto/span 11; }
  .tt-g-col-md-12 { grid-column: auto/span 12; }
}
@media (min-width: 992px) {
  .tt-g-col-lg-1 { grid-column: auto/span 1; }
  .tt-g-col-lg-2 { grid-column: auto/span 2; }
  .tt-g-col-lg-3 { grid-column: auto/span 3; }
  .tt-g-col-lg-4 { grid-column: auto/span 4; }
  .tt-g-col-lg-5 { grid-column: auto/span 5; }
  .tt-g-col-lg-6 { grid-column: auto/span 6; }
  .tt-g-col-lg-7 { grid-column: auto/span 7; }
  .tt-g-col-lg-8 { grid-column: auto/span 8; }
  .tt-g-col-lg-9 { grid-column: auto/span 9; }
  .tt-g-col-lg-10 { grid-column: auto/span 10; }
  .tt-g-col-lg-11 { grid-column: auto/span 11; }
  .tt-g-col-lg-12 { grid-column: auto/span 12; }
}
@media (min-width: 1200px) {
  .tt-g-col-xl-1 { grid-column: auto/span 1; }
  .tt-g-col-xl-2 { grid-column: auto/span 2; }
  .tt-g-col-xl-3 { grid-column: auto/span 3; }
  .tt-g-col-xl-4 { grid-column: auto/span 4; }
  .tt-g-col-xl-5 { grid-column: auto/span 5; }
  .tt-g-col-xl-6 { grid-column: auto/span 6; }
  .tt-g-col-xl-7 { grid-column: auto/span 7; }
  .tt-g-col-xl-8 { grid-column: auto/span 8; }
  .tt-g-col-xl-9 { grid-column: auto/span 9; }
  .tt-g-col-xl-10 { grid-column: auto/span 10; }
  .tt-g-col-xl-11 { grid-column: auto/span 11; }
  .tt-g-col-xl-12 { grid-column: auto/span 12; }
}


.tt-enable-transitions {
  transition: all 150ms ease-in;
}

@media(min-width: 768px) {
  .my-md-80 {
    margin-top: 5rem!important;
    margin-bottom: 5rem!important;
  }
}
.my-60 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem;
}

.tt-spec.gap-1 { --single-gap-width: .25rem; }
.tt-spec.gap-2 { --single-gap-width: .5rem;  }
.tt-spec.gap-3 { --single-gap-width: 1rem;   }
.tt-spec.gap-4 { --single-gap-width: 1.5rem; }
.tt-spec.gap-4-half { --single-gap-width: .75rem; }
.tt-spec.gap-5 { --single-gap-width: 3rem;   }


.tt-spec.row-cols-1 { --total-gap-width: calc(var(--single-gap-width) * 0); --items-count: 1;}
.tt-spec.row-cols-2 { --total-gap-width: calc(var(--single-gap-width) * 1); --items-count: 2;}
.tt-spec.row-cols-3 { --total-gap-width: calc(var(--single-gap-width) * 2); --items-count: 3;}
.tt-spec.row-cols-4 { --total-gap-width: calc(var(--single-gap-width) * 3); --items-count: 4;}
.tt-spec.row-cols-5 { --total-gap-width: calc(var(--single-gap-width) * 4); --items-count: 5;}
.tt-spec.row-cols-6 { --total-gap-width: calc(var(--single-gap-width) * 5); --items-count: 6;}
@media (min-width: 576px) {
  .tt-spec.row-cols-sm-1 { --total-gap-width: calc(var(--single-gap-width) * 0); --items-count: 1;}
  .tt-spec.row-cols-sm-2 { --total-gap-width: calc(var(--single-gap-width) * 1); --items-count: 2;}
  .tt-spec.row-cols-sm-3 { --total-gap-width: calc(var(--single-gap-width) * 2); --items-count: 3;}
  .tt-spec.row-cols-sm-4 { --total-gap-width: calc(var(--single-gap-width) * 3); --items-count: 4;}
  .tt-spec.row-cols-sm-5 { --total-gap-width: calc(var(--single-gap-width) * 4); --items-count: 5;}
  .tt-spec.row-cols-sm-6 { --total-gap-width: calc(var(--single-gap-width) * 5); --items-count: 6;}
}
@media (min-width: 768px) {
  .tt-spec.row-cols-md-1 { --total-gap-width: calc(var(--single-gap-width) * 0); --items-count: 1;}
  .tt-spec.row-cols-md-2 { --total-gap-width: calc(var(--single-gap-width) * 1); --items-count: 2;}
  .tt-spec.row-cols-md-3 { --total-gap-width: calc(var(--single-gap-width) * 2); --items-count: 3;}
  .tt-spec.row-cols-md-4 { --total-gap-width: calc(var(--single-gap-width) * 3); --items-count: 4;}
  .tt-spec.row-cols-md-5 { --total-gap-width: calc(var(--single-gap-width) * 4); --items-count: 5;}
  .tt-spec.row-cols-md-6 { --total-gap-width: calc(var(--single-gap-width) * 5); --items-count: 6;}

  .tt-spec.gap-md-4 { --single-gap-width: 1.5rem; }
}
@media (min-width: 992px) {
  .tt-spec.row-cols-lg-1 { --total-gap-width: calc(var(--single-gap-width) * 0); --items-count: 1;}
  .tt-spec.row-cols-lg-2 { --total-gap-width: calc(var(--single-gap-width) * 1); --items-count: 2;}
  .tt-spec.row-cols-lg-3 { --total-gap-width: calc(var(--single-gap-width) * 2); --items-count: 3;}
  .tt-spec.row-cols-lg-4 { --total-gap-width: calc(var(--single-gap-width) * 3); --items-count: 4;}
  .tt-spec.row-cols-lg-5 { --total-gap-width: calc(var(--single-gap-width) * 4); --items-count: 5;}
  .tt-spec.row-cols-lg-6 { --total-gap-width: calc(var(--single-gap-width) * 5); --items-count: 6;}
}
@media (min-width: 1200px) {
  .tt-spec.row-cols-xl-1 { --total-gap-width: calc(var(--single-gap-width) * 0); --items-count: 1;}
  .tt-spec.row-cols-xl-2 { --total-gap-width: calc(var(--single-gap-width) * 1); --items-count: 2;}
  .tt-spec.row-cols-xl-3 { --total-gap-width: calc(var(--single-gap-width) * 2); --items-count: 3;}
  .tt-spec.row-cols-xl-4 { --total-gap-width: calc(var(--single-gap-width) * 3); --items-count: 4;}
  .tt-spec.row-cols-xl-5 { --total-gap-width: calc(var(--single-gap-width) * 4); --items-count: 5;}
  .tt-spec.row-cols-xl-6 { --total-gap-width: calc(var(--single-gap-width) * 5); --items-count: 6;}
}

.tt-spec>.col, .tt-spec>*[class*='col'] {
  --remain-width: calc(100% - var(--total-gap-width));
  width: calc(var(--remain-width) / var(--items-count));
}
.tt-spec>.col-1  { width: calc(var(--remain-width) * 0.0833333); }
.tt-spec>.col-2  { width: calc(var(--remain-width) * 0.1666667); }
.tt-spec>.col-3  { width: calc(var(--remain-width) * 0.25);      }
.tt-spec>.col-4  { width: calc(var(--remain-width) * 0.3333333); }
.tt-spec>.col-5  { width: calc(var(--remain-width) * 0.4166667); }
.tt-spec>.col-6  { width: calc(var(--remain-width) * 0.5);       }
.tt-spec>.col-7  { width: calc(var(--remain-width) * 0.5833333); }
.tt-spec>.col-8  { width: calc(var(--remain-width) * 0.6666667); }
.tt-spec>.col-9  { width: calc(var(--remain-width) * 0.75); }
.tt-spec>.col-10 { width: calc(var(--remain-width) * 0.8333333); }
.tt-spec>.col-11 { width: calc(var(--remain-width) * 0.9166667); }
.tt-spec>.col-12 { width: calc(var(--remain-width) * 1); }
@media (min-width: 576px) {
  .tt-spec>.col-sm-1  { width: calc(var(--remain-width) * 0.0833333); }
  .tt-spec>.col-sm-2  { width: calc(var(--remain-width) * 0.1666667); }
  .tt-spec>.col-sm-3  { width: calc(var(--remain-width) * 0.25);      }
  .tt-spec>.col-sm-4  { width: calc(var(--remain-width) * 0.3333333); }
  .tt-spec>.col-sm-5  { width: calc(var(--remain-width) * 0.4166667); }
  .tt-spec>.col-sm-6  { width: calc(var(--remain-width) * 0.5);       }
  .tt-spec>.col-sm-7  { width: calc(var(--remain-width) * 0.5833333); }
  .tt-spec>.col-sm-8  { width: calc(var(--remain-width) * 0.6666667); }
  .tt-spec>.col-sm-9  { width: calc(var(--remain-width) * 0.75); }
  .tt-spec>.col-sm-10 { width: calc(var(--remain-width) * 0.8333333); }
  .tt-spec>.col-sm-11 { width: calc(var(--remain-width) * 0.9166667); }
  .tt-spec>.col-sm-12 { width: calc(var(--remain-width) * 1); }
}
@media (min-width: 768px) {
  .tt-spec>.col-md-1  { width: calc(var(--remain-width) * 0.0833333); }
  .tt-spec>.col-md-2  { width: calc(var(--remain-width) * 0.1666667); }
  .tt-spec>.col-md-3  { width: calc(var(--remain-width) * 0.25);      }
  .tt-spec>.col-md-4  { width: calc(var(--remain-width) * 0.3333333); }
  .tt-spec>.col-md-5  { width: calc(var(--remain-width) * 0.4166667); }
  .tt-spec>.col-md-6  { width: calc(var(--remain-width) * 0.5);       }
  .tt-spec>.col-md-7  { width: calc(var(--remain-width) * 0.5833333); }
  .tt-spec>.col-md-8  { width: calc(var(--remain-width) * 0.6666667); }
  .tt-spec>.col-md-9  { width: calc(var(--remain-width) * 0.75); }
  .tt-spec>.col-md-10 { width: calc(var(--remain-width) * 0.8333333); }
  .tt-spec>.col-md-11 { width: calc(var(--remain-width) * 0.9166667); }
  .tt-spec>.col-md-12 { width: calc(var(--remain-width) * 1); }
}
@media (min-width: 992px) {
  .tt-spec>.col-lg-1  { width: calc(var(--remain-width) * 0.0833333); }
  .tt-spec>.col-lg-2  { width: calc(var(--remain-width) * 0.1666667); }
  .tt-spec>.col-lg-3  { width: calc(var(--remain-width) * 0.25);      }
  .tt-spec>.col-lg-4  { width: calc(var(--remain-width) * 0.3333333); }
  .tt-spec>.col-lg-5  { width: calc(var(--remain-width) * 0.4166667); }
  .tt-spec>.col-lg-6  { width: calc(var(--remain-width) * 0.5);       }
  .tt-spec>.col-lg-7  { width: calc(var(--remain-width) * 0.5833333); }
  .tt-spec>.col-lg-8  { width: calc(var(--remain-width) * 0.6666667); }
  .tt-spec>.col-lg-9  { width: calc(var(--remain-width) * 0.75); }
  .tt-spec>.col-lg-10 { width: calc(var(--remain-width) * 0.8333333); }
  .tt-spec>.col-lg-11 { width: calc(var(--remain-width) * 0.9166667); }
  .tt-spec>.col-lg-12 { width: calc(var(--remain-width) * 1); }
}
@media (min-width: 1200px) {
  .tt-spec>.col-xl-1  { width: calc(var(--remain-width) * 0.0833333); }
  .tt-spec>.col-xl-2  { width: calc(var(--remain-width) * 0.1666667); }
  .tt-spec>.col-xl-3  { width: calc(var(--remain-width) * 0.25);      }
  .tt-spec>.col-xl-4  { width: calc(var(--remain-width) * 0.3333333); }
  .tt-spec>.col-xl-5  { width: calc(var(--remain-width) * 0.4166667); }
  .tt-spec>.col-xl-6  { width: calc(var(--remain-width) * 0.5);       }
  .tt-spec>.col-xl-7  { width: calc(var(--remain-width) * 0.5833333); }
  .tt-spec>.col-xl-8  { width: calc(var(--remain-width) * 0.6666667); }
  .tt-spec>.col-xl-9  { width: calc(var(--remain-width) * 0.75); }
  .tt-spec>.col-xl-10 { width: calc(var(--remain-width) * 0.8333333); }
  .tt-spec>.col-xl-11 { width: calc(var(--remain-width) * 0.9166667); }
  .tt-spec>.col-xl-12 { width: calc(var(--remain-width) * 1); }
}

/* override bootstrap5 setting */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  line-height: 1.5;
  /*letter-spacing:1px;*/
}
ol, ul { padding-left: 0px; }
ul, li { margin-bottom: 0px; }


.dropdown-menu {
  --bs-dropdown-link-active-bg: #efefef;
  --bs-dropdown-link-active-color:var(--bs-cta);
  --bs-dropdown-item-padding-y: 0.5rem;
}

.dropdown-item:hover, .dropdown-item:focus {
  --bs-dropdown-link-hover-bg: #f4f4f4;
  border-radius: 0.25rem;
}

/* remove dynamic font-size change */

.collapse-arrow {
  transition: all .3s;
  transform-origin: center;
}

[aria-expanded="true"] .collapse-arrow {
  transform: rotate(90deg);
}
/* override bootstrap5 setting */