@charset "UTF-8";
/* ======= 安東內容 ======== */
/* ======= 修改之前請知道你在做什麼 !!! ======== */
/* =====  Basic styles ===== */
*[lang="zh-TW"] body { letter-spacing: .025em; }

*[lang="en"] { font-family: "Helvetica Neue", Arial, sans-serif; }

a, button, input, label { -webkit-tap-highlight-color: rgba(0, 158, 216, 0.3); -moz-tap-highlight-color: rgba(0, 158, 216, 0.3); highlight-color: rgba(0, 158, 216, 0.3); }

a.active, button.active, input.active, label.active { cursor: default !important; }

/* ===== Text ===== */
.text-body-muted { color: rgba(41, 46, 52, 0.8) !important; }

/* ===== Icons ===== */
[class*="ico-"] { background-size: cover; display: inline-block; vertical-align: middle; height: 1.5rem; width: 1.5rem; }

.ico-down { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%231372bb' d='M4.9,5.5L8,8.6l3.1-3.1L12,6.5l-4,4l-4-4L4.9,5.5z'/%3E%3C/svg%3E"); width: 1rem; height: 1rem; }

.ico-down-w { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M4.9,5.5L8,8.6l3.1-3.1L12,6.5l-4,4l-4-4L4.9,5.5z'/%3E%3C/svg%3E"); width: 1rem; height: 1rem; }

.ico-globe { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' %3E%3Cpath fill='%23ffffff' d='M12,3c-5,0-9,4-9,9c0,5,4,9,9,9s9-4,9-9C21,7,17,3,12,3z M15,16c-0.1,0.1-0.3,0.3-0.4,0.4c-0.1,0.1-0.2,0.2-0.2,0.4 c-0.1,0.2-0.1,0.4-0.2,0.6l-0.6,1.7c-0.5,0.1-1,0.2-1.5,0.2v-1c0.1-0.5-0.3-1.3-0.8-1.9c-0.2-0.2-0.3-0.5-0.3-0.8v-1.2 c0-0.4-0.2-0.8-0.6-1c-0.5-0.3-1.3-0.7-1.8-0.9c-0.4-0.2-0.8-0.5-1.1-0.8l0,0c-0.2-0.2-0.5-0.5-0.7-0.8C6.3,10.4,5.7,9.6,5.4,9 c0.7-1.7,2.1-3,3.7-3.7L10,5.8c0.4,0.2,0.8-0.1,0.8-0.5V4.8c0.3,0,0.6-0.1,0.9-0.1l1,1C13,6,13,6.4,12.8,6.6l-0.2,0.2l-0.4,0.4 c-0.1,0.1-0.1,0.3,0,0.4l0.2,0.2c0.1,0.1,0.1,0.3,0,0.4l-0.3,0.3C12,8.5,12,8.5,11.9,8.5h-0.3c-0.1,0-0.1,0-0.2,0.1L11,8.9 c-0.1,0.1-0.1,0.2-0.1,0.3l0.6,1.1c0.1,0.2,0,0.4-0.3,0.4H11c-0.1,0-0.1,0-0.2-0.1l-0.3-0.3c-0.2-0.1-0.4-0.2-0.6-0.1l-1.1,0.4 c-0.2,0.1-0.3,0.2-0.3,0.4c0,0.2,0.1,0.3,0.2,0.4l0.4,0.2c0.3,0.2,0.7,0.3,1.1,0.3c0.4,0,0.8,1,1.2,1.2h2.4c0.3,0,0.6,0.1,0.8,0.3 l0.5,0.5c0.2,0.2,0.3,0.5,0.3,0.8C15.5,15.2,15.3,15.7,15,16z M18.1,12.7c-0.2-0.1-0.4-0.2-0.5-0.4l-0.7-1c-0.2-0.3-0.2-0.7,0-1 l0.7-1.1C17.8,9.2,17.9,9.1,18,9l0.5-0.2c0.5,1,0.8,2.1,0.8,3.2c0,0.3,0,0.6-0.1,0.9L18.1,12.7z'/%3E%3C/svg%3E"); }

.ico-external { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%231f619a' d='M12.5,10h-7h-1V9V4V3V2V1h1h7h1v1v1v1v5v1H12.5z M12.5,2h-7v1h7V2z M5.5,4v5h7V4H5.5z M10.5,11h1v1v1h-1h-7h-1 v-1V4h1v8h7V11z'/%3E%3C/svg%3E"); width: 1rem; width: 1rem; height: 1rem; }

.ico-arrow-up { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231372bb' stroke-width='2' stroke-linecap='butt' stroke-linejoin='bevel'%3E%3Cpath d='M12 19V6M5 12l7-7 7 7'/%3E%3C/svg%3E"); }

.ico-arrow-up-w { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='butt' stroke-linejoin='bevel'%3E%3Cpath d='M12 19V6M5 12l7-7 7 7'/%3E%3C/svg%3E"); }

.ico-arrow-right { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231372bb' stroke-width='2' stroke-linecap='butt' stroke-linejoin='bevel'%3E%3Cpath d='M5,12h13 M12,5l7,7l-7,7'/%3E%3C/svg%3E"); }

.ico-arrow-right-w { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='butt' stroke-linejoin='bevel'%3E%3Cpath d='M5,12h13 M12,5l7,7l-7,7'/%3E%3C/svg%3E"); }

.ico-arrow-left { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%231372bb' stroke-width='2' stroke-linecap='butt' stroke-linejoin='bevel'%3E%3Cpath class='st0' d='M19,12H6 M12,19l-7-7l7-7'/%3E%3C/svg%3E"); }

.ico-arrow-left-w { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='butt' stroke-linejoin='bevel'%3E%3Cpath class='st0' d='M19,12H6 M12,19l-7-7l7-7'/%3E%3C/svg%3E"); }

/* ===== layout elements ===== */
.page-wrapper { max-width: 1920px; min-height: 100vh; margin: 0 auto; overflow-x: hidden; width: 100%; }

.main { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding-bottom: 3rem; }

.main.main-subpage { background-color: #f6f9fb; }

.main.main-home { background: #fff; background: -webkit-gradient(linear, left top, right top, color-stop(80%, #f3f8f9), to(#ffffff)); background: -webkit-linear-gradient(left, #f3f8f9 80%, #ffffff 100%); background: -o-linear-gradient(left, #f3f8f9 80%, #ffffff 100%); background: linear-gradient(to right, #f3f8f9 80%, #ffffff 100%); position: relative; z-index: 1; }

.main.main-home::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='100' viewBox='0 0 73 100'%3E%3Cpath fill='%23ffffff' d='M40.1,0H0v100l65,0L40.1,0z'/%3E%3C/svg%3E"); background-position: left top; background-repeat: no-repeat; background-size: auto 140%; content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; top: 0; z-index: 0; }

/* ===== images ===== */
.img-block { position: relative; }

.img-block.ratio-4-3 { padding-top: 75%; }

.img-block.ratio-16-9 { padding-top: 56.25%; }

.img-block.ratio-3-2 { padding-top: 66.66%; }

.img-block.ratio-8-5 { padding-top: 62.5%; }

.img-block .img-warp { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; }

.img-block .img-warp img { display: block; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; width: 100.1%; height: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.img-block .img-warp.img-hover-zoom:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }

/* =====  Button component ===== */
.btn [class*="ico-"] { margin-top: -.15em; }

.btn-gotop { border: solid 1px rgba(255, 255, 255, 0.5); background-color: rgba(0, 34, 63, 0.75); bottom: 32px; display: none; height: 48px; position: fixed; right: 32px; width: 48px; z-index: 1020; }

.btn-gotop:hover { background-color: #002644; border: solid 1px rgba(255, 255, 255, 0.5); }

@media (max-width: 991.98px) { .btn-gotop { right: 0; bottom: 0; } }

@media (max-width: 575.98px) { .btn-gotop { right: 20px; bottom: 52px; } }

/* ===== Pagination ===== */
@media (max-width: 767.98px) { .pagination.pagi-rwd .page-item { display: none; }
  .pagination.pagi-rwd .page-item.page-arrow, .pagination.pagi-rwd .page-item.active { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .pagination.pagi-rwd .page-item.page-arrow { min-width: 4rem; }
  .pagination.pagi-rwd .page-item .page-link { height: 3rem; min-width: 3.25rem; } }

/* ===== Utilities styles ===== */
.stretched-link:hover ~ * .stretched-link-hover { color: #1372bb !important; }

.stretched-link:hover ~ * .img-hover-zoom img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; }

.table th.fit-cell, .table td.fit-cell { width: 1%; white-space: nowrap; }

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

.list-styled > li { display: block; padding-left: 1.5em; position: relative; }

.list-styled > li::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%231F619A' d='M0,0h8v8H0V0z'/%3E%3Cpath fill='%231372BB' d='M0,0h8v8L0,0z'/%3E%3C/svg%3E"); background-size: cover; content: ''; display: block; position: absolute; height: .375em; width: .375em; left: .5em; top: .6875em; }

.a-link { color: #292e34; }

.a-link:hover, .a-link:focus { color: #1372bb; text-decoration: none; }

.a-external { border-bottom: solid 1px rgba(19, 114, 187, 0.8); display: inline-block; font-size: 1rem; padding-bottom: .125em; }

.a-external [class*="ico-"] { opacity: .8; }

.a-external:hover, .a-external:focus { border-bottom-color: rgba(25, 142, 232, 0.8); color: #198ee8; text-decoration: none; }

.heading-sub { font-weight: 500; margin-top: 1em; margin-bottom: 0; position: relative; text-align: center; }

.heading-sub::after { background-color: #1372bb; content: ''; display: block; height: .15em; margin: .5em auto 0; width: 2em; }

.heading-sub.text-left::after { margin-left: 0; }

@media (min-width: 576px) { .heading-sub.text-sm-left::after { margin-left: 0; } }

@media (min-width: 768px) { .heading-sub.text-md-left::after { margin-left: 0; } }

@media (min-width: 992px) { .heading-sub.text-md-left::after { margin-left: 0; } }

@media (min-width: 992px) { .heading-sub.text-lg-left::after { margin-left: 0; } }

.fluid-block { background-color: rgba(255, 255, 255, 0.3); border-bottom: solid 1px rgba(150, 159, 168, 0.3); }

.badge-date, .badge-new { border-radius: 0; color: #fff; font-family: "Helvetica Neue", Arial, sans-serif; height: 1.875rem; line-height: 1.875rem; padding: 0 .75em 0 .5em; position: relative; }

.badge-date::before, .badge-new::before { border-bottom: 1.875rem solid red; border-left: 0.9375rem solid transparent; content: ''; display: block; height: 0; width: 0; position: absolute; left: -0.9375rem; }

.badge-date { background-color: #00223f; }

.badge-date::before { border-bottom-color: #00223f; }

.badge-new { background-color: #009ed8; padding-right: 1.5em; }

.badge-new::before { border-bottom-color: #009ed8; }

.heading-bg { background: url(../images/bg_org_heading.jpg) no-repeat center center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; height: 6rem; }

.card { width: 100%; }

.table-compare { margin-bottom: 0; font-size: 1rem; }

.table-compare.table-bordered th, .table-compare.table-bordered td { border-color: #fff; }

.table-compare .th-rent, .table-compare .th-buy { color: #fff; }

.table-compare .th-rent { background-color: #1372bb; width: 40%; }

.table-compare .th-buy { background-color: #7f8a95; width: 30%; }

.table-compare .th-side { background-color: #687582; color: #fff; width: 20%; }

.table-compare .td-rent { background-color: #f6f9fb; position: relative; padding-right: 3rem; }

.table-compare .td-buy { background-color: #f5f6f7; color: #687582; }

.table-compare.table-striped tbody tr:nth-of-type(odd) { background-color: #e9f4f8; }

.table-compare.table-striped tbody tr:nth-of-type(odd) .th-side { background-color: #5b6772; }

.table-compare.table-striped tbody tr:nth-of-type(odd) .td-rent { background-color: #e9f4f8; }

.table-compare.table-striped tbody tr:nth-of-type(odd) .td-buy { background-color: #edeef0; }

.table-compare .badge-good { border: solid 1px #1372bb; border-radius: 100%; color: #1372bb; display: block; font-size: 1rem; font-style: normal; line-height: 1.25rem; text-align: center; height: 1.5rem; width: 1.5rem; position: absolute; right: 1rem; top: 50%; margin-top: -12px; }

@media (min-width: 768px) { .table-compare { font-size: 1.125rem; }
  .table-compare .th-rent { width: 40%; }
  .table-compare .th-buy { width: 40%; }
  .table-compare .th-side { width: 20%; }
  .table-compare .th-rent, .table-compare .th-buy, .table-compare .td-rent, .table-compare .td-buy { padding-right: 1.5rem; padding-left: 1.5rem; }
  .table-compare .td-rent { padding-right: 3.5rem; }
  .table-compare .badge-good { right: 1.375rem; } }

.anchor { width: 100%; height: 1em; }

.anchor:target { display: block; position: relative; top: -5rem; visibility: hidden; }

/* ===== header ===== */
.header { background-color: rgba(0, 38, 68, 0.6); color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; height: 5rem; position: fixed; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 100%; z-index: 1030; }

.header:hover { background-color: #002644; }

.site-logo { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='120' viewBox='0 0 1600 120'%3E%3Cpath fill='%23FFFFFF' d='M0,0h1575l25,120H0V0z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: auto 100%; background-position: right 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: 6rem; left: 0; line-height: 1; padding-left: 3rem; position: absolute; top: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 19.5rem; z-index: 2; }

.site-logo .logo { display: block; height: auto; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 12.25rem; }

.site-nav-overlay { background-color: #060608; position: fixed; opacity: 0; }

.site-nav-open .site-nav-overlay { display: block; height: 100vh; width: 100vw; z-index: 1030; -webkit-animation: navOverlayShow .3s ease-in-out forwards; animation: navOverlayShow .3s ease-in-out forwards; }

@-webkit-keyframes navOverlayShow { 0% { opacity: 0; }
  100% { opacity: .75; } }

@keyframes navOverlayShow { 0% { opacity: 0; }
  100% { opacity: .75; } }

.site-nav-toggle { background-color: #002644; border-width: 0; border-radius: 0; display: none; height: 3.5rem; right: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; width: 3.5rem; z-index: 10; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.site-nav-toggle:hover, .site-nav-toggle:active { background-color: #00345e; }

.site-nav-toggle .bar { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.site-nav-toggle .bar, .site-nav-toggle .bar::before, .site-nav-toggle .bar::after { background-color: #fff; display: block; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 1.375rem; height: 0.125rem; }

.site-nav-toggle .bar::before, .site-nav-toggle .bar::after { content: ''; position: absolute; }

.site-nav-toggle .bar::before { top: -0.4375rem; }

.site-nav-toggle .bar::after { bottom: -0.4375rem; }

.site-nav, .site-nav-sub { list-style: none; padding: 0; margin: 0; line-height: 1.3; }

.site-nav li, .site-nav-sub li { margin: 0; }

.site-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 24px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 100%; }

.site-nav a { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

.site-nav a:hover { text-decoration: none; }

.site-nav > li { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; }

.site-nav > li > a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.125rem; padding: 0 1.5rem; position: relative; width: 100%; }

.site-nav > li > a:active { background-color: rgba(0, 34, 63, 0.5); }

.site-nav > li.has-sub > a.active { cursor: pointer !important; }

.site-nav > li::after { background-color: #009ed8; bottom: 0; content: ''; display: block; height: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 0; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

.site-nav .has-sub > a::after { content: ''; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23ffffff' d='M4.9,5.5L8,8.6l3.1-3.1L12,6.5l-4,4l-4-4L4.9,5.5z'/%3E%3C/svg%3E"); background-repeat: no-repeat; display: inline-block; height: 1rem; width: 1rem; margin-left: .25em; margin-right: -.5em; }

.site-nav-sub { display: none; padding-bottom: 0.375rem; padding-top: 0.375rem; }

.site-nav-sub > li { display: block; position: relative; }

.site-nav-sub > li > a { display: block; font-size: 1rem; }

.site-nav-sub .has-sub > a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23292e34' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E"); position: absolute; right: 1rem; top: 50%; margin-top: -0.4375rem; opacity: .5; }

/* 選單在上方時 - scroll down時縮小高度  */
@media (min-width: 768px) { .header-is-narrow .header { background-color: rgba(0, 38, 68, 0.95); height: 4.5rem; }
  .header-is-narrow .site-logo { border-bottom: solid 1px #edeef0; height: 4.5rem; padding-left: 2rem; width: 14.5rem; }
  .header-is-narrow .site-logo .logo { width: 9rem; } }

/* 選單在上方時 */
@-webkit-keyframes sub2-anim-in { 0% { opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@keyframes sub2-anim-in { 0% { opacity: 0;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@media (min-width: 992px) { .site-nav-sub { border-top: solid 1px #009ed8; -webkit-box-shadow: 0 1px 3px rgba(0, 34, 63, 0.1), 0 8px 24px rgba(0, 34, 63, 0.2); box-shadow: 0 1px 3px rgba(0, 34, 63, 0.1), 0 8px 24px rgba(0, 34, 63, 0.2); background-color: #fff; left: 50%; min-width: 100%; position: absolute; top: 100%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 10; }
  .site-nav-sub > li > a { color: #292e34; padding: 0.5rem 1rem; white-space: nowrap; }
  .site-nav-sub > li:hover > a { color: #1372bb; background-color: #e9f4f8; }
  .site-nav-sub > li.active > a { color: #1372bb; background-color: transparent; }
  .site-nav-sub.nav-sub2 { border-top-width: 0; left: 100%; opacity: 0; top: -0.375rem; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
  .site-nav-sub.nav-sub2.sub2-in { -webkit-animation: sub2-anim-in .2s ease-in-out forwards; animation: sub2-anim-in .2s ease-in-out forwards; }
  .site-nav > li:hover::after, .site-nav > li.active::after { width: 100%; }
  .site-nav > li.sub-open .site-nav-sub:not(.nav-sub2) { opacity: 1; top: 100%; } }

/* 選單在上方時 - 寬度小於 992px 縮小logo 與選單間距  */
@media (max-width: 1279.98px) { .site-logo { padding-left: 1.5rem; width: 17.5rem; }
  .site-nav > li > a { padding-left: 0.75rem; padding-right: 0.75rem; } }

/* 寬度小於 768px 選單在右側 */
@media (max-width: 991.98px) { .header { background-color: #002644; height: 4.5rem; }
  .site-logo { border-bottom: solid 1px #edeef0; height: 4.5rem; padding-left: 1.25rem; width: calc(100% - 4.5rem); }
  .site-logo .logo { height: 2.5rem; width: auto; }
  .site-nav { background-color: #002644; display: block; overflow-x: hidden; overflow-y: scroll; padding: 2rem 0 0; position: fixed; right: 0; top: 4.5rem; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); height: 100vh; width: 18rem; }
  .site-nav > li { display: block; }
  .site-nav > li > a { font-size: 1.25rem; min-height: 3.5rem; padding: 0 3rem 0 2rem; }
  .site-nav > li > a:active { background-color: rgba(31, 97, 154, 0.3); }
  .site-nav > li.has-sub > a { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .site-nav > li.has-sub > a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='12' y1='5' x2='12' y2='19'%3E%3C/line%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); height: 1.5rem; width: 1.5rem; position: absolute; margin: 0; right: 1.25rem; top: .825em; }
  .site-nav > li.has-sub.sub-open > a::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E"); }
  .site-nav-sub { background-color: rgba(6, 6, 8, 0.2); }
  .site-nav-sub > li > a { color: #bce8ff; font-size: 1.125rem; padding: 0.875rem 3rem 1rem 2rem; }
  .site-nav-sub > li > a:active { background-color: rgba(31, 97, 154, 0.5); }
  .site-nav-sub > li .nav-sub2 { background-color: rgba(6, 6, 8, 0.4); display: block; }
  .site-nav-sub > li .nav-sub2 > li > a { color: rgba(188, 232, 255, 0.7); font-size: 1rem; padding-left: 3rem; }
  .site-nav-toggle { display: block; height: 4.5rem; width: 4.5rem; }
  .site-nav-toggle:hover { background-color: #002644; }
  .site-nav-open .site-logo { width: 100%; }
  .site-nav-open .site-nav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .site-nav-open .site-nav-toggle .bar { background: transparent; }
  .site-nav-open .site-nav-toggle .bar::before, .site-nav-open .site-nav-toggle .bar::after { opacity: 1; }
  .site-nav-open .site-nav-toggle .bar::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 0; }
  .site-nav-open .site-nav-toggle .bar::after { bottom: -10px; -webkit-transform: translatey(-10px) rotate(-45deg); -ms-transform: translatey(-10px) rotate(-45deg); transform: translatey(-10px) rotate(-45deg); } }

/* 寬度小於 576px 縮小logo */
@media (max-width: 767.98px) { .header { height: 4rem; }
  .site-logo { height: 4rem; width: calc(100% - 4rem); }
  .site-logo .logo { height: 2.25rem; }
  .site-nav { top: 4rem; }
  .site-nav-toggle { display: block; height: 4rem; width: 4rem; } }

/* 寬度小於 360px 縮小logo 適應 iphone 5/SE 寬度 */
@media (max-width: 359px) { .header { height: 3.5rem; }
  .site-logo { height: 3.5rem; width: calc(100% - 3.5rem); }
  .site-logo .logo { height: 2.125rem; }
  .site-nav { top: 3.5rem; }
  .site-nav-toggle { display: block; height: 3.5rem; width: 3.5rem; } }

/* ===== footer ===== */
.footer { background-color: #002644; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='484' viewBox='0 0 1440 484'%3E%3Cpath fill='%2300223F' d='M119.8,484L0,0h1440v484H119.8z'/%3E%3C/svg%3E"); background-position: 816px 0; background-repeat: no-repeat; background-size: auto 100%; color: #fff; padding-top: 3rem; }

.footer a { color: #bce8ff; }

.footer a:hover { color: #e9f4f8; }

.footer hr { border-top-color: rgba(233, 244, 248, 0.1); }

.footer-bottom { border-top: solid 1px rgba(233, 244, 248, 0.1); }

.footer-bottom .rights { font-size: 1rem; opacity: .5; }

.footer-logo { height: 52px; width: auto; }

.footer-contact dt { font-size: 1.25rem; font-weight: 400; }

.footer-contact dd { font-size: 1rem; opacity: .8; }

.footer-contact .divider { opacity: .3; font-weight: 300; }

.footer-nav-title { margin-bottom: 0.625rem; }

.footer-nav-sub { font-size: 1rem; }

.footer-nav-sub li { margin-bottom: 0.5rem; }

/* ===== Page styles ===== */
.page-header { background-color: #00223f; color: #fff; height: 400px; position: relative; }

.page-header .inner-wrap { background-repeat: no-repeat; background-position: center bottom; background-size: auto 100%; overflow: hidden; padding-top: 5rem; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: center; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.page-header .inner-wrap.bg-01 { background-image: url(../images/page_header_01.jpg); }

.page-header .inner-wrap.bg-02 { background-image: url(../images/page_header_02.jpg); }

.page-header .inner-wrap.bg-03 { background-image: url(../images/page_header_03.jpg); }

.page-header .inner-wrap.bg-04 { background-image: url(../images/page_header_04.jpg); }

.page-header .inner-wrap.bg-05 { background-image: url(../images/page_header_05.jpg); }

.page-header .inner-wrap.bg-06 { background-image: url(../images/page_header_06.jpg); }

.header-is-narrow .page-header .inner-wrap { padding-top: 4.5rem; }

.page-header > .container { position: relative; z-index: 1; }

.page-header .heading { margin: .25em 0 0; }

.page-header .heading small { font-size: .5em; }

@media (max-width: 991.98px) { .page-header { height: 17.5rem; }
  .page-header .heading { font-size: 2.25rem; }
  .page-header .inner-wrap { padding-top: 4.5rem; }
  .page-header.has-page-nav { height: 20.5rem; }
  .page-header.has-page-nav .heading { margin-top: 0; } }

@media (max-width: 767.98px) { .page-header { height: 13.75rem; }
  .page-header .heading { font-size: 2rem; }
  .page-header .inner-wrap { padding-top: 3.5rem; }
  .page-header.has-page-nav { height: 16.75rem; } }

.page-nav { margin-top: -2rem; position: relative; z-index: 2; }

.page-nav nav { background-clip: border-box; border-top: solid 2px #1372bb; -webkit-box-shadow: 0 1px 3px rgba(0, 38, 68, 0.3), 0 3px 21px rgba(0, 38, 68, 0.3), 0 5px 36px rgba(0, 34, 63, 0.1); box-shadow: 0 1px 3px rgba(0, 38, 68, 0.3), 0 3px 21px rgba(0, 38, 68, 0.3), 0 5px 36px rgba(0, 34, 63, 0.1); overflow: hidden; border-radius: 0.25rem; }

.page-nav .btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #002644; border-radius: 0; color: #bce8ff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; height: 4rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.3; overflow: hidden; padding: 0; }

.page-nav .btn + .btn { border-left: solid 1px rgba(233, 244, 248, 0.075); }

.page-nav .btn:hover { background-color: #1f619a; color: #fff; }

.page-nav .btn.active { background-color: #1372bb; color: #fff; cursor: default; z-index: 1; }

@media (max-width: 767.98px) { .page-nav nav { border-radius: 0; }
  .page-nav .col-12 { padding-left: 0; padding-right: 0; }
  .page-nav .btn { border-bottom: solid 1px rgba(233, 244, 248, 0.075); font-size: 0.875rem; height: 3rem; min-width: 25%; } }

/* ===== Page Home styles ===== */
.home-slide { background-color: #00223f; color: #fff; height: 85vh; min-height: 560px; position: relative; }

.home-slide .inner-wrap { overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.home-slide .polygon { background-repeat: no-repeat; background-size: contain; position: absolute; z-index: 1; }

.home-slide .polygon.poly-01 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='100' viewBox='0 0 101 100'%3E%3Cpath fill='%231372bb' d='M0,100h49.4L24.6,0L0,100z M76.4,0H28.5l24.6,100H101L76.4,0z'/%3E%3C/svg%3E"); height: 1478px; opacity: .4; top: 0; left: -290px; width: 1494px; }

.home-slide .polygon.poly-01.poly-01-fadeIn { -webkit-animation-name: polyfadeIn01; animation-name: polyfadeIn01; }

.home-slide .polygon.poly-02 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='100' viewBox='0 0 73 100'%3E%3Cpath fill='%230d4676' d='M48.2,0H0l24.8,100H73L48.2,0z'/%3E%3C/svg%3E"); height: 2210px; opacity: .3; top: -210px; left: -180px; width: 1608px; }

.home-slide .polygon.poly-02.poly-02-fadeIn { -webkit-animation-name: polyfadeIn02; animation-name: polyfadeIn02; }

.home-slide .slogan { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; }

.home-slide .slogan-text { display: block; line-height: 1; margin: 0; max-width: 100%; }

.home-slide .slogan-text img { display: block; max-width: 100%; height: auto; }

@media (max-width: 1279.98px) { .home-slide .polygon { margin-left: -400px; }
  .home-slide .slogan-text { max-width: 80%; margin: 5% auto 0; } }

@media (max-width: 767.98px) { .home-slide .polygon { margin-left: -600px; }
  .home-slide .slogan-text { max-width: 75%; } }

@media (max-width: 575.98px) { .home-slide { min-height: 480px; height: 66.7vh; }
  .home-slide .polygon { margin-left: -800px; }
  .home-slide .slogan-text { max-width: 60%; margin-top: 20%; } }

@-webkit-keyframes polyfadeIn01 { from { opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0); }
  to { opacity: .3;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes polyfadeIn01 { from { opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0); }
  to { opacity: .3;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@-webkit-keyframes polyfadeIn02 { from { opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0); }
  to { opacity: .4;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes polyfadeIn02 { from { opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0); }
  to { opacity: .4;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.home-heading { color: #1372bb; font-size: 3rem; letter-spacing: 0; font-weight: 500; line-height: 1; margin: 1rem 0 3rem; text-align: center; }

.home-heading small { color: #292e34; display: block; font-size: .5em; font-weight: 500; margin-top: 8px; }

.home-heading small::before, .home-heading small::after { background-color: #1372bb; content: ''; display: inline-block; height: 2px; margin-top: -4px; vertical-align: middle; width: 28px; }

.home-heading small::before { margin-right: .5em; }

.home-heading small::after { margin-left: .5em; }

@media (min-width: 992px) { .home-heading { text-align: left; }
  .home-heading small { margin-top: 16px; }
  .home-heading small::after { display: none; } }

.home-news { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='73' height='100' viewBox='0 0 73 100'%3E%3Cpath fill='%23f6fafd' d='M40.1,0H0v100l65,0L40.1,0z'/%3E%3C/svg%3E"); background-color: #fff; background-position: left top; background-repeat: no-repeat; background-size: auto 120%; -webkit-box-shadow: 0 24px 27px rgba(120, 156, 187, 0.1), 0 40px 70px rgba(120, 156, 187, 0.1); box-shadow: 0 24px 27px rgba(120, 156, 187, 0.1), 0 40px 70px rgba(120, 156, 187, 0.1); overflow-x: hidden; margin-top: -2.625rem; margin-right: calc((100% - 1200px - 2rem)/2); padding-top: 2.625rem; padding-right: 1rem; padding-bottom: 2.5rem; padding-left: calc((100% - 1200px)/2); position: relative; }

.home-news::before { background: #1f619a; background: -webkit-gradient(linear, left top, right top, from(#1f619a), to(#1372bb)); background: -webkit-linear-gradient(left, #1f619a 0%, #1372bb 100%); background: -o-linear-gradient(left, #1f619a 0%, #1372bb 100%); background: linear-gradient(to right, #1f619a 0%, #1372bb 100%); content: ''; display: block; height: 6px; left: 0; position: absolute; top: 0; width: 100%; }

.home-news .home-heading, .home-news .btn-more { position: absolute; left: 1rem; }

.home-news .btn-more { bottom: 2%; }

@media (max-width: 1279.98px) { .home-news { margin-top: 0; margin-right: 0; padding-top: 30px; padding-right: 0; padding-left: 0; }
  .home-news::before { display: none; } }

@media (max-width: 991.98px) { .home-news { background-image: none; }
  .home-news .home-heading, .home-news .btn-more { position: static; }
  .home-news .btn-more { display: block; margin: 2rem 0 0; } }

@media (max-width: 767.98px) { .home-news { background-image: none; }
  .home-news .col-12 + .col-12::before { border-bottom: solid 1px rgba(150, 159, 168, 0.3); content: ''; display: block; height: 0; margin: 1.5rem 0 2rem; } }

.home-mottoes { padding: 40px 0 0; position: relative; z-index: 1; }

.home-mottoes .inner-wrap { background-color: rgba(255, 255, 255, 0.6); border: solid 1px rgba(19, 114, 187, 0.2); margin-right: 2rem; padding-top: 2rem; padding-bottom: 2rem; }

.home-mottoes .mottoes-list { font-size: 1rem; list-style: none; margin: 1rem 0 0; padding-right: 2rem; padding-left: 4rem; }

.home-mottoes .mottoes-list li { display: block; margin-bottom: 1.75rem; padding-left: 4rem; position: relative; }

.home-mottoes .mottoes-list li:last-child { margin-bottom: 0; }

.home-mottoes .mottoes-list .order-num { color: #1372bb; font-family: "Helvetica Neue", Arial, sans-serif; font-style: italic; font-size: 3rem; font-weight: 300; display: block; line-height: 1; opacity: .85; position: absolute; left: 0; top: 0; }

.home-mottoes .founder-block img, .home-mottoes .chairman-block img { -webkit-box-shadow: 0 10px 16px rgba(120, 156, 187, 0.3), 0 40px 70px rgba(120, 156, 187, 0.1); box-shadow: 0 10px 16px rgba(120, 156, 187, 0.3), 0 40px 70px rgba(120, 156, 187, 0.1); }

.home-mottoes .founder-block { margin: -5.25rem -2rem 0 1rem; }

.home-mottoes .chairman-block { margin: 1rem -1rem 0 0; }

@media (max-width: 991.98px) { .home-mottoes .inner-wrap { margin-right: 0; padding-bottom: 1rem; }
  .home-mottoes .mottoes-list { margin-bottom: 3rem; padding-right: 1rem; padding-left: 1.5rem; }
  .home-mottoes .mottoes-list li { padding-left: 3.5rem; }
  .home-mottoes .founder-block, .home-mottoes .chairman-block { margin: 0; text-align: center; }
  .home-mottoes .founder-block img, .home-mottoes .chairman-block img { margin-right: auto; margin-left: auto; } }

/* ===== Page About styles ===== */
.about-milestone { padding: 3rem 0; }

.table-milestone .ms-year { padding-left: 1.5rem; white-space: nowrap; }

.table-milestone .ms-event { padding-right: 1.5rem; }

.table-milestone .ms-list { list-style: none; margin: 0; padding: 0; }

.table-milestone .ms-list > li { display: block; margin: 0; padding-left: 1.5rem; position: relative; }

.table-milestone .ms-list > li::before { background-color: #1372bb; border-radius: 100%; content: ''; display: block; height: .375rem; width: .375rem; position: absolute; left: .325rem; top: .75rem; }

.table-milestone .ms-list > li + li { margin-top: .75rem; }

.table-milestone thead { background-color: #1372bb; color: #fff; font-size: 1rem; }

.table-milestone thead th { font-weight: 400; padding-top: .5rem; padding-bottom: .5rem; }

.table-milestone thead th + th { border-left: solid 1px rgba(255, 255, 255, 0.15); }

.table-milestone tbody td { padding-top: 1.5rem; padding-bottom: 1.5rem; }

.table-milestone tbody td.ms-year { color: #1f619a; font-size: 1.5rem; line-height: 1.3; }

@media (max-width: 767.98px) { .about-milestone { padding: 2rem 0; }
  .table-milestone .ms-year { padding-left: 0.75rem; }
  .table-milestone .ms-event { padding-right: 0.75rem; }
  .table-milestone .ms-list > li { padding-left: 1.25rem; }
  .table-milestone .ms-list > li + li { margin-top: .5rem; }
  .table-milestone thead { font-size: .825rem; }
  .table-milestone thead th { padding-top: .25rem; padding-bottom: .25rem; }
  .table-milestone tbody td.ms-year { font-size: 1.25rem; line-height: 1.5; }
  .table-milestone tbody td.ms-event { font-size: 1rem; } }

/* ===== Page Business styles ===== */
.btn-categ-group { margin-top: -4.5rem; margin-bottom: 3rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 767.98px) { .btn-categ-group { margin-top: -3rem; } }

@media (max-width: 359px) { .btn-categ-group { margin-top: -2.25rem; } }

.btn-categ { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: solid 1px transparent; color: #292e34; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.875rem; font-weight: 400; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.3; height: 9rem; margin: 0.25rem; overflow: hidden; padding: .25rem .5rem 0; position: relative; width: 9rem; border-radius: 0.25rem; -webkit-box-shadow: 0 8px 17px rgba(150, 159, 168, 0.1), 0 6px 20px rgba(150, 159, 168, 0.1); box-shadow: 0 8px 17px rgba(150, 159, 168, 0.1), 0 6px 20px rgba(150, 159, 168, 0.1); }

.btn-categ img { display: block; height: auto; margin-bottom: 4px; width: 4rem; }

.btn-categ .text { height: 2.5em; }

.btn-categ:hover { border-color: #198ee8; z-index: 1; }

@media (max-width: 767.98px) { .btn-categ { font-size: 0.75rem; margin: 0.125rem; padding-top: 0; padding-left: 0.375rem; padding-right: 0.375rem; padding-bottom: 0; height: 6rem; width: calc(33.3333333% - 4px); }
  .btn-categ img { margin: 0; width: 2.25rem; }
  .btn-categ .text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 0.125rem; }
  .btn-categ:hover { color: #292e34; -webkit-box-shadow: 0 2px 5px rgba(150, 159, 168, 0.1), 0 2px 10px rgba(150, 159, 168, 0.1); box-shadow: 0 2px 5px rgba(150, 159, 168, 0.1), 0 2px 10px rgba(150, 159, 168, 0.1); } }

@media (max-width: 359px) { .btn-categ { font-size: 0.75rem; height: 4.5rem; width: calc(50% - 4px); }
  .btn-categ img { width: 2rem; } }

.business-list { background-color: #fff; margin-bottom: 1rem; border-radius: 0.25rem; }

.business-list > li { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 2rem 1.5rem; }

.business-list > li + li { border-top: solid 1px rgba(150, 159, 168, 0.3); }

.business-list .li-img { margin-right: 2rem; width: 15rem; }

.business-list .li-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.business-list .li-body .title { font-weight: 700; }

.business-list .li-body .a-external { margin-top: 0.5rem; }

.business-list + .heading-sub { margin-top: 4rem; }

@media (max-width: 767.98px) { .business-list > li { display: block; padding-left: 1rem; padding-right: 1rem; }
  .business-list .li-img { width: 100%; margin-bottom: 1rem; margin-right: 0; }
  .business-list .li-body { padding-left: 0.5rem; padding-right: 0.5rem; } }

/* ===== Page Contact styles ===== */
.contact-location .item-loc { font-size: 1rem; margin-bottom: 1.5rem; position: relative; padding-left: 1.9875rem; }

.contact-location .item-loc .num { border: solid 1px #1372bb; color: #1372bb; display: block; font-size: 0.875rem; font-family: "Helvetica Neue", Arial, sans-serif; font-style: normal; font-weight: 500; line-height: 1.5rem; text-align: center; height: 1.5rem; width: 1.5rem; position: absolute; left: 0; top: .125em; }

@media (max-width: 991.98px) { .contact-location .item-loc, .contact-location .heading-sub { margin-left: 1rem; } }

@media (max-width: 767.98px) { .contact-location { max-width: 100%; } }

.contact-block { background: url(../images/bg_contact.jpg) no-repeat center center; background-size: 100% auto; }

.contact-form { background: #fff; -webkit-box-shadow: 0 8px 17px rgba(150, 159, 168, 0.1), 0 6px 20px rgba(150, 159, 168, 0.1); box-shadow: 0 8px 17px rgba(150, 159, 168, 0.1), 0 6px 20px rgba(150, 159, 168, 0.1); }

.sbusidiary-fb .fb-img { width: 80px; height: 80px; margin-right: 20px; }

/* ===== Page Sitemap styles ===== */
.sitemap-list { display: block; margin: 2rem auto; }

.sitemap-list, .sitemap-list ul { list-style: none; padding: 0; }

.sitemap-list ul { margin: 0; }

.sitemap-list li { display: block; }

.sitemap-list > li { margin-bottom: 2rem; }

.sitemap-list > li h3 { font-size: 1.75rem; font-weight: 500; }

.sitemap-list > li h3 a { display: inline-block; color: #292e34; }

.sitemap-list > li h3 a:hover { color: #1372bb; }

.sitemap-list > li + li { border-top: solid 1px rgba(209, 213, 217, 0.7); padding-top: 2rem; }

.sitemap-list > li > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 1.5rem -1rem; }

.sitemap-list > li > ul > li { font-size: 1.125rem; font-weight: 400; padding: 0 1rem; width: calc(25% - 1rem); }

.sitemap-list > li > ul > li > a { font-size: 1.25rem; font-weight: 500; }

.sitemap-list > li > ul > li > ul { font-size: 1rem; margin: 0.75rem 0 2rem; }

.sitemap-list > li > ul > li > ul li { margin: 1em 0; }

.sitemap-list > li > ul > li > ul li > a { opacity: .8; }

.sitemap-list > li > ul > li > ul li > a:hover { opacity: 1; }

@media (max-width: 767.98px) { .sitemap-list > li > ul > li { width: calc(100% - 1rem); } }

/* ===== Html Editor content styles ===== */
.html-editor-block { overflow: hidden; }

.html-editor-block img { display: block !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; }

/*# sourceMappingURL=main.css.map */