/** VARIABLE SETUP **/
:root {
    --color-primary: #1f6fff;
    --color-primary-hover: #125fff;
    --color-secondary: #6c757d;
    --color-success: #22c55e;
    --color-danger: #ff1744;
    --color-warning: #ffc107;
    --color-info: #00bcd4;
    --color-light: #f8f9fa;
    --color-dark: #212529;

    --body-color: #000;
    --body-bg: #f0f0f0;

    --font-base: system-ui, -apple-system, "Roboto", "Helvetica Neue", "Noto Sans TC";
    --border-radius: .25rem;
    --padding: .25rem .5rem;
}

/** CONTENT **/
/** Reboot **/
*, *::after, *::before {box-sizing: border-box;}
body {margin: 0; font-family: var(--font-base); font-size: 1rem; line-height: 1.5; -webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;}
/** ORIGINAL line-height: 1.25 **/
body {background: var(--body-bg); color: var(--body-color);}

h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: 0/*.5rem*/; line-height: 1.2;}
p {margin-top: 0; margin-bottom: 0;/**margin-bottom: 1rem;**/}
p+p {margin-top: 1rem;}
a {text-decoration: none;}
ol, ul {margin-top: 0; margin-bottom: 0 /*1rem*/; padding-left: 2rem;}
dl {margin-top: 0; margin-bottom: 0 /*1rem*/;}
dt {font-weight: bold;}
dd {margin-bottom: 0 /*.5rem*/; margin-left: 0;}
figure {margin: 0 0 1rem;}
table {caption-side: bottom; border-collapse: collapse;}
th {text-align: inherit; text-align: -webkit-match-parent;}
button, input, optgroup, select, textarea {margin: 0; font-family: inherit; font-size: inherit; line-height: inherit;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
textarea {resize: vertical;}
iframe {border: 0;}
[hidden] {display: none !important;}

a, button, input[type="submit"] {transition: all .24s ease-in-out;}

/** Typography (See Text Utilities) **/

/** Images **/
img, svg {vertical-align: middle;}
.img-thumbnail {/*padding: .25rem; */border-radius: .25rem; /*max-width: 100%; height: auto;*/}
svg.icon {display: inline-block; vertical-align: -.125em; fill: currentcolor;}

/** CUSTOMIZE (AKT THEME) **/
#container {width:100%;max-width:1440px;margin:auto;background:#fff;box-shadow:0px 1px 5px #555;overflow:hidden;}

header {background: #006fcf; line-height: 0; position: relative; z-index: 100;}

main {min-height:calc(100vh - 60px - 40px - 124px);}

footer {background:#00335f;color:#fff;}
footer .footer-links {display:flex;}
footer .footer-links a {color:#fff;font-weight:bold;text-decoration:none;}
footer .footer-links a:hover {color:#a1c5d2;}
footer .footer-links ul+ul {margin-left:auto;}
footer ul {display:block;list-style:none;margin:0;padding:0;}
footer li {display:inline-block;margin:0 0 0 -5px;padding:0 10px;}
footer li+li {border-left:1px solid #069;}
footer li:first-child {margin-left:0;padding-left:0;}
footer li:last-child {margin-right:0;padding-right:0;}
footer .content-fluid {padding:10px 20px 60px 20px;}
footer .license {font-size:.75em;}

/** Navigation **/
.global-nav {height: 60px; align-items: center; justify-content: space-between;}
.global-nav {display: grid; grid-template-columns: 1fr auto 1fr; grid-template-rows: 1fr; gap: 0; grid-template-areas: "left center right"; inline-size: 100%;}
    .logo {display:flex;height:auto;align-items:center;position:relative;padding:0 20px;}
    .logo-image {height: 40px;}
    .left-icons {grid-area: left; justify-self: start;}
    .right-icons {grid-area: right; justify-self: end;}

.main-nav {display: flex;}
.main-nav {background:#00335f;color:#fff;}
.main-nav ul {display:flex;padding:0;margin:0;}
.main-nav li {display:flex;}
.main-nav a {background:#00335f;color:#fff;text-decoration:none;padding:10px 20px;line-height:20px;}
.main-nav a:hover, .main-nav a.active {background:#003D71;color:#fff;}
.main-nav a.action {background:#d5001c;color:#fff;}
.main-nav a.action:hover {background:#960014;color:#fff;}
    .nav-action, .nav-overlay {display:none;} /** Hidden on desktop devices **/
    .call-button {align-items: center; display: flex !important; gap: .25em; line-height: inherit !important; margin-right: .5em;}

/** Profile Section **/
.banner {display: block; width: 100%;}
.banner {aspect-ratio: 4/1; object-fit: cover;} /** For desktop devices **/

#profile {background:#f2f2f2;}
#profile h1 {padding:0;}
#profile .profilePic {border-radius:50%;height:80px;width:80px;margin:0 10px;display:block;}
#profile .property {font-size:2.5em;padding:0;}
#profile .location {font-size:1.5em;}

#profile ol {list-style:none;padding:0;margin:0;}
#profile .listItem li {display:inline-block;vertical-align:middle;}
#profile .listItem li ol li {display:block;}

/** LAYOUT **/
/** Grid **/
.row:after {clear:both;content:"";display:block;}
.row {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.col {position:relative;}
	/** New Version **/
	.col-1 {width:8.3333%;}
	.col-2 {width:16.6667%;}
	.col-3 {width:25%;}
	.col-4 {width:33.3333%;}
	.col-5 {width:41.6667%;}
	.col-6 {width:50%;}
	.col-7 {width:58.3333%;}
	.col-8 {width:66.6667%;}
	.col-9 {width:75%;}
	.col-10 {width:83.3333%;}
	.col-11 {width:91.6667%;}
	.col-12 {width:100%;}
	
	@media screen and (max-width: 768px), screen and (max-device-width: 768px) {
		.col-sm-1 {width:8.3333%;}
		.col-sm-2 {width:16.6667%;}
		.col-sm-3 {width:25%;}
		.col-sm-4 {width:33.3333%;}
		.col-sm-5 {width:41.6667%;}
		.col-sm-6 {width:50%;}
		.col-sm-7 {width:58.3333%;}
		.col-sm-8 {width:66.6667%;}
		.col-sm-9 {width:75%;}
		.col-sm-10 {width:83.3333%;}
		.col-sm-11 {width:91.6667%;}
		.col-sm-12 {width:100%;}
	}

    .grid { /* temporary use only */
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
		gap: 1rem;
	}

/** UTILITIES **/
/** Display **/
.d-block {display: block !important;}
.d-inline-block {display: inline-block !important;}
.d-grid {display: grid !important;}
.d-inline-grid {display: inline-grid !important;}
.d-flex {display: flex !important;}
.d-inline-flex {display: inline-flex !important;}
.d-none {display: none !important;}

.align-items-center {align-items: center !important;}
.align-items-between {align-items: space-between !important;}

.align-content-center {align-content: center !important;}
.align-content-between {align-content: space-between !important;}

.justify-content-center {justify-content: center !important;}
.justify-content-between {justify-content: space-between !important;}

.flex-row {flex-direction: row !important;}
.flex-column {flex-direction: column !important;}
.flex-nowrap {flex-wrap: nowrap !important;}
.flex-shrink-0 {flex-shrink: 0 !important;}
.flex-grow-1 {flex-grow: 1 !important;}

.gap-1 {gap: 0.25rem !important;}
.gap-2 {gap: 0.5rem !important;}
.gap-3 {gap: 1rem !important;}

/** Spacing **/
.padding {padding:20px;} /** to be phased out **/
.padding-sm {padding:10px 20px;}
.padding-lg {padding:40px 20px;}

.margin-auto {margin: auto;} /** to be phased out **/
.margin-top-auto {margin-top: auto;}
.margin-top {margin-top: 10px;}
.margin-bottom {margin-bottom: 10px;}

.p-1 {padding: .25em !important;}
.p-2 {padding: .5em !important;}
.p-3 {padding: 1em !important;}
.px-1 {padding-left: .25em !important; padding-right: .25em !important;}
.py-1 {padding-top: .25em !important; padding-bottom: .25em !important;}
.p-2 {padding: .5em !important;}
.px-2 {padding-left: .5em !important; padding-right: .5em !important;}
.py-2 {padding-top: .5em !important; padding-bottom: .5em !important;}
.p-3 {padding: 1em !important;}
.px-3 {padding-left: 1em !important; padding-right: 1em !important;}
.py-3 {padding-top: 1em !important; padding-bottom: 1em !important;}

.m-1 {margin: .25rem !important;}
.m-2 {margin: .5rem !important;}
.m-3 {margin: 1rem !important;}
.mt-1 {margin-top: .25em !important;}
.mt-2 {margin-top: .5em !important;}
.mt-3 {margin-top: 1em !important;}
.mb-1 {margin-bottom: .25em !important;}
.mb-2 {margin-bottom: .5em !important;}
.mb-3 {margin-bottom: 1em !important;}
.ms-1 {margin-left: .25em !important;}
.ms-2 {margin-left: .5em !important;}
.ms-3 {margin-left: 1em !important;}
.me-1 {margin-right: .25em !important;}
.me-2 {margin-right: .5em !important;}
.me-3 {margin-right: 1em !important;}
.ms-auto {margin-left: auto !important;}
.me-auto {margin-right: auto !important;}
.mx-1 {margin-left: .25em !important; margin-right: .25em !important;}
.my-1 {margin-top: .25em !important; margin-bottom: .25em !important;}
.mx-2 {margin-left: .5em !important; margin-right: .5em !important;}
.my-2 {margin-top: .5em !important; margin-bottom: .5em !important;}
.mx-3 {margin-left: 1em !important; margin-right: 1em !important;}
.my-3 {margin-top: 1em !important; margin-bottom: 1em !important;}
.mx-auto {margin-left: auto !important; margin-right: auto !important;}

.h-100 {height: 100% !important;}
.w-100 {width: 100% !important;}

/** Text **/
.text-left {text-align:left;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-justify {text-align:justify;}
.text-nowrap {white-space: nowrap;}
.text-lowercase {text-transform: lowercase;}
.text-uppercase {text-transform: uppercase;}
.text-capitalize {text-transform: capitalize;}
.text-muted {color: #777;}

/** Borders **/
.rounded-1 {border-radius: .25rem !important; overflow: hidden !important;}
.rounded-2 {border-radius: .5rem !important; overflow: hidden !important;}
.rounded-3 {border-radius: .375rem !important; overflow: hidden !important;}
.rounded-4 {border-radius: 1rem !important; overflow: hidden !important;}
.rounded-pill {border-radius: 50rem !important; overflow: hidden !important;}
.rounded-circle {border-radius: 50% !important; overflow: hidden !important;}

/** Article **/
.title {font-size:2em;}
.lead {font-size:1.25em;}
.footnote {color:#555;font-style:italic;}
/** Eyebrow, Headline, Subheadline, Byline, Dateline **/

/** Headline **/
.headline:before {
    right: .5em;
    margin-left: -50%;
}
.headline:after {
    left: .5em;
    margin-right: -50%;
}
.headline:before, .headline:after {
background-color: #ccc;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.headline {
	text-align: center;
	margin-bottom: 10px;
	overflow: hidden;
}

/** Section **/
.section {clear:both;content:"";display:block;}
.section+.section {border-top:1px solid #f2f2f2;}

.featured {background:rgba(0,50,100,1);color:#fff;}
.featured p {color:#ccc;}

/** Overflow **/
.overflow-scroll {overflow:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
.overflow-hidden {overflow: hidden;}

@media screen and (max-width: 768px), screen and (max-device-width: 768px) {
	.overflow-scroll-mobile {overflow:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
}

/** HELPERS **/
.clearfix {display: block; clear: both; content: "";}
.hidden {display: none !important;}
.ellipsis {overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap;}
.content-fluid {box-sizing:border-box;max-width:960px;margin:auto;width:100%;}

/** COMPONENTS **/

/** Material Icons **/
.material-icons {display: inline-block; vertical-align: -0.125em; fill: currentcolor; font-size: inherit !important;}
.material-icons.md-18 {font-size:18px !important;}
.material-icons.md-24 {font-size:24px !important;}
.material-icons.md-36 {font-size:36px !important;}
.material-icons.md-48 {font-size:48px !important;}

.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }

/** Alert **/
.alert {position: relative; padding: var(--padding); border: 1px solid transparent; border-radius: var(--border-radius);}
.alert-success {background-color: #dff0d8; border: #d6e9c6; color: #3c763d;}
.alert-info {background-color: #d9edf7; border: 1px solid #bce8f1; color: #31708f;}
.alert-warning {background-color: #fcf8e3; border: 1px solid #faebcc; color: #8a6d3b;}
.alert-danger {background-color: #f2dede; border: 1px solid #ebccd1; color: #a94442;}

.alert-bar {position: relative; z-index: 1;}

/** Badge **/
.badge {
    display: inline-block;
    padding: .25em .4em; /* recommend .35em .65em */
    font-size: .75rem;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: text-bottom; /* recommend baseline */
    border-radius: var(--border-radius);
    transition: color .24s ease-in-out; /* option */
}
.badge-primary {color: #fff; background-color: var(--color-primary); /* default #0d6efd */}
.badge-secondary {color: #fff; background-color: var(--color-secondary);}
.badge-success {color: #fff; background-color: var(--color-success);}
.badge-danger {color: #fff; background-color: var(--color-danger);}
.badge-warning {color: #fff; background-color: var(--color-warning);}
.badge-info {color: #000; background-color: var(--color-info);}
.badge-light {color: #000; background-color: var(--color-light);}
.badge-dark {color: #fff; background-color: var(--color-dark);}

/** Button **/
.button {display: inline-block; font-weight: 600; padding: .5rem 1rem; font-size: 1rem; line-height: inherit /*original => line-height: 1.5*/; background-color: transparent; border: 1px solid transparent; border-radius: var(--border-radius); text-align: center; text-decoration: none; text-overflow: ellipsis; font-family: inherit; cursor: pointer;}
.button-sm {padding: .25rem .5rem; font-size: .875rem;}
.button-lg {padding: .75rem 1.5rem; font-size: 1.25rem;}

.button-primary {background: #0070BA; color: #FFF;} /**PP**/
.button-primary:hover {background: #005EA6;}
.button-primary:active {background: #00598E;}

.button-default {background: #E1E7EB; color: #2C2E2F;} /**PP**/
.button-default:hover {background: #D1DAE0;}
.button-default:active {background: #C2CED6; /**position:relative;top:1px;**/}

.button-outline-primary {background: transparent; border: 1px solid #0070BA; color: #0070BA;}
.button-outline-primary:hover, .button-outline-default:active {background: #0070BA; color: #fff;}

.button-outline-default {background: transparent; border: 1px solid #E1E7EB; color: #E1E7EB;}
.button-outline-default:hover, .button-outline-default:active {background: #E1E7EB; color: #fff;}

.button-outline-light {background: transparent; border: 1px solid #fff; color: #fff;}
.button-outline-light:hover, .button-outline-light:active {background: #fff !important;color: #00335f !important;}

.button-block {display: block; width: 100%;}
.button.disabled, .button:disabled {pointer-events: none; opacity: .65;}

/** Button Group **/
	.button-group {
	    position: relative;
		display: -ms-flexbox;
		display: flex;
		vertical-align: middle;
	}
	.button-group .button {
		position: relative;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}
	.button-group-sm>.button {
		padding: .25em .5em;
    		/*font-size: .875em;*/
	}
	.button-group>.button:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.button-group>.button:not(:first-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
		margin-left: -1px;
	}
	@media screen and (max-width: 768px), screen and (max-device-width: 768px) {
		.button-group>.button {
			display: inline-block;
		}
	}

/** Link **/
.link {color:#005ea6; text-decoration:none; text-underline-offset: .25em; display: inline-block;}
.link:hover {color:#00598e; text-decoration:underline;}
.link-action:after {content: 'chevron_right'; font-family: 'Material Icons'; font-size: 125%; line-height: 1; vertical-align: text-bottom; margin-right: 1px; text-decoration: none;}
.stretched-link:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: "";}

/** List Group **/
ul.list-group {list-style:none;padding:0;margin:0;}

.list-group {display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;}
.list-group-item {position:relative;display:block;border:1px solid #dfdfdf;margin-bottom:-1px;overflow:hidden;}
.list-group-item.active {z-index:2;background:#c00;color:#fff;}

.list-group-item:first-child {border-top-left-radius:.25em;border-top-right-radius:.25em;}
.list-group-item:last-child {border-bottom-left-radius:.25em;border-bottom-right-radius:.25em;margin-bottom:0;}
/*.list-group-item > a {position:absolute;top:0;right:0;bottom:0;left:0;}
.list-group-item > a:hover {z-index:1;border:1px solid #c00;color:#c00;}*/
.list-group-flush .list-group-item {border-right: 0;border-left: 0;border-radius: 0;}

/* .list-group-item+.list-group-item {
    border-top-width: 0;
} */
.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef;
}
.list-group-item-action:focus, .list-group-item-action:hover {
    z-index: 1;
    color: #000;
    text-decoration: none;
    background-color: #f8f9fa;
}

/* .list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
} */

	/* List Group Radio (Forms) */
	.list-group-radio .radio-hidden {
		position: absolute;
		clip: rect(0, 0, 0, 0);
	}
	.list-group-radio .list-group-item {
		cursor: pointer;
		border-radius: .25rem;
	}
	.list-group-radio .list-group-item:hover, .list-group-radio .list-group-item:focus {
		background-color: #e9ecef;
	}
	.list-group-radio .form-check-input:checked + .list-group-item {
		background-color: transparent;
		border-color: #0d6efd;
		box-shadow: 0 0 0 1px #0d6efd;
	}

/** Link Group (Sitemap) **/
.sitemap .link-group {list-style:none;margin:0;padding:0;}
.sitemap .link-group a {color:#000;display:block;text-decoration:none;}
.sitemap .link-group a:hover {color:#c00;}
.sitemap .link-group-title {color:#999;font-size:1.125em;font-weight:bold;margin-bottom:0.15em;}

/** Card **/
.card {border: 1px solid #dfdfdf; position: relative; display: flex; flex-direction: column;}
.card {-moz-border-radius:.25rem;-webkit-border-radius:.25rem;border-radius:.25rem;overflow:hidden;}
.card {-moz-transition:all .24s ease-in-out;-webkit-transition:all .24s ease-in-out;transition:all .24s ease-in-out;}
.card:hover {border-color:#c00;color:#c00;}	
.card > a {position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}
.card img {display:block;}

.card-container {padding:20px 0 0 20px;}
/**change from .card-container .card {margin:0 20px 20px 0;} to**/
.card-container>.row>.col {padding:0 20px 20px 0;}
.card-body {padding: 10px 20px; overflow: hidden;}
.card-footer {margin-top: auto;}

/** Icon **/
.icon-square {
    max-width: 10rem;
    /*width: 100%;*/
    height: auto;
    border-radius: .25rem;
    overflow: hidden;
}
.icon-square img {
    object-fit: cover;
    aspect-ratio: 1;
}

/** FORMS **/
/** Form and Input **/
button,input,textarea,select,option {font-family:inherit;font-size:1em;}
label {color: #495057; display: inline-block; line-height: inherit; padding: .3125rem 0;}
.col-form-label {padding: .625rem 0;} /** original => calc(.625rem - 2px) **/

/* .form-group+.form-group {margin-top:1rem;} */
/**.form-group {margin-bottom:1rem;}**/
.form-control, .form-control-plaintext {display:block;width:100%;padding:.3125rem .625rem;font-size:1rem; height: calc(1.25em + 1.25em + 2px); line-height: inherit;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius: .25rem;}
.form-control-plaintext {background: transparent; border: transparent; padding: 8px 0 !important;}
textarea.form-control {height: auto;}

.input-block {display:block;width:100%;}
.invalid-feedback {width:100%;/**margin-top:.25rem;**/font-size:80%;color:#dc3545;}

/** OTHERS **/
/** WELCOME DIALOG **/
	.dialog-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1000;
        display: none; /* 默認隱藏 */
        }
    
        .dialog-box {
            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            text-align: center;
        }
    
        .dialog-box button, .dialog-box a {
            /** background: #007bff;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: .25em;
            text-decoration: none;
            display: inline-block;
            text-align: center; **/
            cursor: pointer;
        }
    
        .dialog-box button:hover, .dialog-box a:hover {
            /** background: #0056b3; **/
        }

/* 1. Nav Bar Scroll Behavior */
.navbar-scroll {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: transform 0.3s ease;
  }
  .navbar-scroll.hide {
    transform: translateY(-100%);
  }
  .navbar-scroll.show {
    transform: translateY(0%);
  }
  
  /** Sticky Bar **/
  .stick.is_stuck {background :rgba(255,255,255,0.2); backdrop-filter: blur(32px); -webkit-backdrop-filter: blur(32px);}
  
  .sticky-bar {z-index:100;}
  .sticky-bar.is_stuck {background :#fff; box-shadow: 0 5px 5px -2.5px rgba(0,0,0,.2);}

  /* 父容器需相對定位，absolute 才能貼齊底部 */
  .sticky-scope { position: relative; }

  /* 可用於視覺狀態辨識（非必要） */
  .sticky-bar.is-fixed    { box-shadow: 0 8px 28px rgba(0,0,0,.18); background :#fff; }
  .sticky-bar.is-absolute { box-shadow: none; }
  
  @supports (position: sticky) {
    .sticky-bar.is-fixed {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
    }
  }

/** Modal **/
.popup-container {background: #fff; border-radius: .25em; padding: 20px; position: relative; margin: auto; max-width: 500px; width: auto !important;} /**default 500px**/
.popup-sm {max-width: 300px;}
.popup-md {max-width: 500px;} /**default**/
.popup-lg {max-width: 800px;}
.popup-xl {max-width: 1140px;}
.popup-header {}
.popup-body {}
.popup-footer {}

.mfp-bg {
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    background-color: rgba(0, 0, 0, 0.6) !important;
    opacity: 1 !important;
}
.mfp-close {
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
    right: 8px !important;
    top: 8px !important;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    text-align: center !important;
}

/** Tooltips **/
.tooltip {
    position: relative;
    display: inline-block;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.24s ease-in-out;
}
.tooltip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
}
.tooltip-left {
    top: -5px;
    bottom: auto;
    right: 128%;
}
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/** MODULE **/

/** Date Picker **/
.ui-widget {font-family:inherit !important;}
.ui-datepicker .ui-datepicker-header {padding:2px 0 !important;}
.ui-datepicker .ui-datepicker-prev-hover {top:2px !important; left:2px !important;}
.ui-datepicker .ui-datepicker-next-hover {top:2px !important; right:2px !important;}

/** Search Box **/
.search-box .row {margin-right: -.25em; margin-bottom: -.25em;}
.search-box .col {padding-right: .25em; padding-bottom: .25em;}

/** FAQ **/
.faq dl {}
.faq dt {font-weight:bold;}
.faq dd {color:#555;margin-left:0;}
.faq dd+dt {margin-top:0.5em;}

/** Information List **/
.section-headline {border-top:1px solid #ccc;color:#036;font-size:125%;margin-top:1em;padding:10px 0;}
	
.information-list dl {display:flex;margin:0;padding:10px 0;}
.information-list dl+dl {border-top:1px solid #f2f2f2;}
.information-list dt {color:#3e4146;white-space:nowrap;}
.information-list dd {margin-left:auto;text-align:right;}

/** Price **/
.price-sell {color: #c00; font-size: 1.25em; font-weight: bold;}
.price-orig {color: #555; font-size: .9em; text-decoration: line-through;}

/** Teaser **/
.teaser-preview {box-sizing:border-box;border-bottom:5px solid transparent;}
.teaser-caption {display:block;}
	
.teaser-item {position:relative;}
.teaser-item:after {display:block;clear:both;content:'';}
.teaser-item:hover {color:#c00;}
.teaser-item:hover .teaser-preview {border-bottom:5px solid #c00;}
.teaser-item a {color:#000;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}

/** RESPONSIVE **/
/** For screen width more than 768px **/
@media screen and (min-width: 768px), screen and (min-device-width: 768px) {
}

/** For screen width less than 768px **/
@media screen and (max-width: 768px), screen and (max-device-width: 768px) {
body {font-size:1em;}
#content {min-height:calc(100vh - 48px - 277px);}
footer .footer-links {display:block !important;}
footer ul+ul {margin-top:10px;}
footer li {display:block;padding:.375rem 0;margin:0;}
footer li a {display:block;}
footer li+li {border-left:0;border-top:1px solid #069;}

.global-nav {background:#006fcf;height:48px;position:relative;z-index:1;}
.main-nav {position:absolute;width:100%;display:none;flex-direction:column;}
.nav-action {color:#fff;display:block;height:3rem;width:3rem;padding:.75rem;font-size:1.5rem;transition:none;}
.nav-action-active {background:#00335f;}
.main-nav.responsive {display:block;z-index:10;}
.nav-overlay.responsive {background:rgba(0,0,0,.6);display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);background-color:rgba(0,0,0,0.6)!important;opacity:1!important;}
.main-nav a {font-size:1.25em;}
.main-nav ul {display:block;width:100%;}
.main-nav li, .main-nav a {display:block;}
.main-nav li+li {border-top:1px solid #069;}
.logo-image {height:30px;}
.call-button {display: none !important;}
	
#profile {text-align:center;font-size:0.9em;}
#profile ol ol {padding:0;}
#profile li {display:block;}

.banner, #coverphoto {aspect-ratio: 1/1; object-fit: cover;}
.title {font-size:24px;text-overflow:ellipsis;padding:0px 10px;}

/** TRANSITION FROM  **/
/* .button {display:block;margin-top:5px;margin-bottom:5px;} */
/* .button-group .button {margin:inherit !important;} */
/** TRANSITION TO **/
.button-container {display: grid; gap: .25rem;}
}

/** For screen width less than 480px **/
@media screen and (max-width: 480px) {
}

/** Mobile Only **/
.mobile-only {display: none;}
@media screen and (max-width:576px) {
		.mobile-only {display: block;}
	}

/** DEPRECATED **