@charset "UTF-8";

[hidden] {
	display: none !important;
}
html {
		line-height: 1.15;
		-webkit-text-size-adjust: 100%;
}
body {
		margin: 0;
}
main {
		display: block;
}
h1 {
		font-size: 2em;
		margin: 0.67em 0;
}
hr {
		-webkit-box-sizing: content-box;
		        box-sizing: content-box;
		height: 0;
		overflow: visible;
}
pre {
		font-family: monospace, monospace;
		font-size: 1em;
}
a {
		background-color: transparent;
}
abbr[title] {
		border-bottom: none;
		text-decoration: underline;
		-webkit-text-decoration: underline dotted;
		        text-decoration: underline dotted;
}
b,
strong {
		font-weight: bolder;
}
code,
kbd,
samp {
		font-family: monospace, monospace;
		font-size: 1em;
}
small {
		font-size: 80%;
}
sub,
sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
		vertical-align: baseline;
}
sub {
		bottom: -0.25em;
}
sup {
		top: -0.5em;
}
img {
		border-style: none;
}
button,
input,
optgroup,
select,
textarea {
		font-family: inherit;
		font-size: 100%;
		line-height: 1.15;
		margin: 0;
}
button,
input {
		overflow: visible;
}
button,
select {
		text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
		-webkit-appearance: button;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
		border-style: none;
		padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
		outline: 1px dotted ButtonText;
}
fieldset {
		padding: 0.35em 0.75em 0.625em;
}
legend {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		color: inherit;
		display: table;
		max-width: 100%;
		padding: 0;
		white-space: normal;
		width: auto;
}
progress {
		vertical-align: baseline;
}
textarea {
		overflow: auto;
}
[type=checkbox],
[type=radio] {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
		height: auto;
}
[type=search] {
		-webkit-appearance: textfield;
		outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
		-webkit-appearance: none;
}
::-webkit-file-upload-button {
		-webkit-appearance: button;
		font: inherit;
}
details {
		display: block;
}
summary {
		display: list-item;
}
template {
		display: none;
}
[hidden] {
		display: none;
}
span[off-stage] {
		display: inline;
}
/* modally v1.1.4 | undefined | MIT License */
.modally-wrap {
		font-size: var(--font-root);
		height: 100%;
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 1000;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		opacity: 0;
		display: none;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-transition: opacity 500ms ease-in-out;
		transition: opacity 500ms ease-in-out;
}
.modally-wrap .modally-underlay {
		position: fixed;
		background: rgba(224, 224, 224, 0.5);
		cursor: pointer;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		-webkit-backdrop-filter: blur(15px);
		        backdrop-filter: blur(15px);
}
.modally {
		font-size: var(--font-root);
		margin: 0 auto;
		box-sizing: border-box;
		position: relative;
		z-index: 1;
		margin-top: 20px;
		margin-bottom: 20px;
		width: calc(100% - 40px);
		height: auto;
		background: -webkit-gradient(linear, left top, left bottom, from(#CEEAF8), color-stop(44.27%, #EBF6FC), color-stop(72.77%, #FDFEFF), to(#FFF));
		background: linear-gradient(180deg, #CEEAF8 0%, #EBF6FC 44.27%, #FDFEFF 72.77%, #FFF 100%);
		box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
		box-sizing: border-box;
		padding: 1em 1.5em 3em;
		border-radius: 0.5vw;
}
.modally .modally-close-button {
		border: none;
		margin: 0;
		padding: 0;
		overflow: visible;
		cursor: pointer;
		background: transparent;
		position: absolute;
		top: 1em;
		right: 0.5em;
		padding: 1em;
		opacity: 1;
		-webkit-transition: opacity 250ms ease-in-out;
		transition: opacity 250ms ease-in-out;
		-webkit-font-smoothing: inherit;
		-moz-osx-font-smoothing: inherit;
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
}
.modally .modally-close-button svg {
		width: 80%;
}
.modally .modally-close-button::-moz-focus-inner {
		border: 0;
		padding: 0;
}
.modally-table {
		display: table;
		width: 100%;
		min-height: 100%;
}
.modally-cell {
		display: table-cell;
		vertical-align: middle;
		position: relative;
}
.modally .iframe-landing {
		position: relative;
}
.modally .iframe-landing iframe,
.modally .iframe-landing video {
		display: block;
		width: 100% !important;
		height: 100% !important;
		position: absolute;
		top: 0px;
		left: 0px;
		border: none;
}
@media screen and (min-width: 960px) {
		.modally .modally-close:hover {
				opacity: 0.5;
		}
}
@media screen and (max-width: 959px) {
		.modally {
				height: auto;
				max-width: none;
				margin-top: 20px;
				margin-bottom: 20px;
				max-width: calc(100% - 2em);
		}
}
.modally-content {
		text-align: left;
}
:root {
		--size: 1;
		--color-text: #001854;
		--color-text-black: #292522;
		--color-text-blue: #3588c7;
		--color-h2: #00364e;
		--color-menu-bg: #4b97d1;
		--color-wh: #fff;
		--color-bg-gray: #f4f4f4;
		--color-bg-org: #ef8458;
		--font-root: 16px;
		--font-menu: 28px;
		--font-h2: 52px;
		--font-h3: 44px;
		--font-h4: 32px;
		--font-p: 26px;
		--light: 300;
		--regular: 400;
		--medium: 500;
		--semiBold: 600;
		--quote-corner: 38px;
		--accordion-corner: 14px;
		--icon-toggle: 1.125em;
		--icon-download: 1.923em;
		--cht-header: 115px;
}
[mb], .br-at840, .br-at960 {
		display: none;
}
a {
		text-decoration: none;
}
picture {
		display: block;
}
picture img {
		width: 100%;
}
ul {
		list-style-type: none;
		margin: 0;
		padding-left: 0;
}
header.inner-header {
	max-width: unset;
}
h1, h2, h3, h4 {
		margin: 0;
}
h1 {
		font-size: var(--font-root);
		/* max-width: 1920px; */
		margin: 0 auto;
		position: relative;
}
h1 img {
		width: 100%;
		vertical-align: bottom;
}
h1 .kv-deco {
		position: absolute;
		/*
		top: calc(5.875em * var(--size));
		left: calc(19.5625em * var(--size));
		width: calc(9.75em * var(--size));
		*/
		top: 4.88vw;
		left: 16.3vw;
		width: 8.125vw; /*156*/
}
h2 {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: end;
		    -ms-flex-align: end;
		        align-items: end;
		font-size: var(--font-h2);
		font-weight: 600;
		color: var(--color-h2);
		letter-spacing: 5px;
		padding: 1.153em 0;
}
h2::before {
		content: "";
		display: inline-block;
		width: 3.461em;
		height: 1.711em;
		max-width: 180px;
		max-height: 89px;
		background: url(../img/h2_deco.svg) center/cover no-repeat;
		margin-right: -1.25em;
}
h3 {
		color: var(--color-text-blue);
		font-size: var(--font-h3);
		text-align: left;
}
*, body, html {
	font-size: 16px;
}
body {
		font-family: "Noto Sans TC", "Microsoft Jhenghei", "微軟正黑體", sans-serif;
		text-align: center;
}
.wrapper {
		position: relative;
}
.wrapper * {
	font-family: "Noto Sans TC", "Microsoft Jhenghei", "微軟正黑體", sans-serif !important;
}
.wrapper .cntr {
		margin: 0 auto;
		max-width: 1260px;
		/* padding: 0 5em; */
		padding: 0;
}
.wrapper .cntr img {
		width: 100%;
}
.wrapper article {
	width: 100%;
	text-align: unset;
}
.menu {
		display: block;
		font-size: var(--font-menu);
		background: var(--color-menu-bg);
		padding: 0.7368em 0;
		height: auto;
}
.menu ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin: 0 auto;
}
.menu ul li {
		margin-right: 1.428em;
}
.menu ul li:last-child {
		margin-right: 0;
}
.menu ul li a, .menu ul li a:link, .menu ul li a:visited {
		display: block;
		background: var(--color-wh);
		color: var(--color-text-blue);
		font-size: var(--font-menu);
		line-height: 1;
		font-weight: var(--semiBold);
		letter-spacing: 2px;
		padding: 0.714em 1.928em;
		border: 1px solid #3088ca;
		border-radius: 40px;
		box-shadow: 0 2px 2px 2px rgba(48, 135, 202, 0.5764705882);
}
.menu.pinned {
		position: fixed;
		top: var(--cht-header);
		left: 0;
		right: 0;
		margin-top: 0;
		z-index: 100;
}
.menu-placeholder {
		display: none;
}
.menu-placeholder.pinned {
		display: block;
}
section > h3, section .more-articles > h3 {
		font-size: var(--font-h3);
		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;
		background: url(../img/h3_deco.svg) center/cover no-repeat;
		height: 6.409em;
		margin-top: -1.909em;
		margin-bottom: -1.1em;
}
section > h3 strong, section .more-articles > h3 strong {
		font-size: var(--font-h3);
		font-weight: var(--semiBold);
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin: 0 auto;
		line-height: 1.3;
}
section > h3 span, section .more-articles > h3 span {
		font-size: var(--font-h3);
		text-align: center;
}
section figure {
		font-size: var(--font-root);
		background: #e0eef7;
		margin: 0;
		padding: 2.75em 0;
		margin: 2.625em 0;
}
section article .promo-photo {
		margin-top: 2em;
}
section article h3 {
		font-size: var(--font-h3);
		border-bottom: 4px solid var(--color-text-blue);
		line-height: 2;
		letter-spacing: 2px;
		margin-bottom: 0.952em;
}
section article p {
		text-align: left;
		font-size: var(--font-p);
		color: var(--color-text);
		letter-spacing: 1px;
		line-height: 1.7;
		margin: 0 auto 2.4615384615em;
}
section article p.last-child {
		margin-bottom: 0;
}
section article p.quote {
		background: var(--color-wh);
		font-weight: var(--semiBold);
		color: #3d3d3d;
		border-radius: var(--quote-corner);
		padding: 1.23em 1.615em;
		margin: 1.5em auto;
}
section article blockquote {
		position: relative;
		text-align: left;
		font-size: var(--font-p);
		font-weight: var(--regular);
		color: var(--color-text-black);
		line-height: 1.7;
		background: -webkit-gradient(linear, left top, right top, from(#Dff1fb), color-stop(75.54%, #fff));
		background: linear-gradient(90deg, #Dff1fb 0%, #fff 75.54%);
		border-radius: 1.692em;
		border: 1px solid #49A7CE;
		-webkit-box-shadow: 0 0 1px 1px var(--color-wh);
		        box-shadow: 0 0 1px 1px var(--color-wh);
		margin: 1.346em 0;
		padding: 1.461em 1.884em;
}
section article blockquote::after {
		content: "";
		display: block;
		width: 1.846em;
		height: 10.1538em;
		background: url(../img/blockquote_deco.svg) center/cover no-repeat;
		position: absolute;
		top: 0.5em;
		right: -0.75em;
}
.testimonial {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		font-size: 26px;
}
.testimonial .protrait {
		-ms-flex-negative: 0;
		    flex-shrink: 0;
}
.testimonial .protrait img {
		max-width: calc(380px * var(--size));
		min-width: 260px;
		width: 100%;
		border-radius: 100%;
		overflow: hidden;
		margin-bottom: 2em;
}
.testimonial .statement {
		margin-left: 0.576em;
}
.testimonial dl {
		margin: 0;
}
.testimonial dt {
		font-size: 32px;
		border-bottom: 1px solid #536c93;
		text-align: left;
		padding-top: 0.2em;
		padding-bottom: 0.8125em;
		padding-left: 2.812em;
		margin-right: 1.875em;
}
.testimonial dt strong {
		font-weight: var(--regular);
		line-height: 1.5;
		color: #001f5a;
}
.testimonial dd {
		position: relative;
		margin: 0;
		padding: 1.846em;
		padding-bottom: 0;
		padding-right: 0;
}
.testimonial dd::before {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: 2.5384em;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 52px 0 52px;
		border-color: var(--color-wh) transparent transparent transparent;
}
.testimonial dd p {
		background: var(--color-wh);
		font-weight: var(--semiBold);
		color: #3d3d3d;
		border-radius: var(--quote-corner);
		padding: 1.23em 1.615em;
}
.testimonial.align-right {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
}
.testimonial.align-right .statement {
		margin-left: 0;
		margin-right: 0.576em;
}
.testimonial.align-right dt {
		text-align: right;
		margin-right: 0;
}
.testimonial.align-right dd {
		margin-left: 0;
		padding: 1.076em;
		padding-left: 0;
}
.testimonial.align-right dd::before {
		display: none;
}
.btn-box {
		font-size: var(--font-h4);
		padding: 1em 0;
		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;
}
.btn-readmore {
		-webkit-appearance: none;
		   -moz-appearance: none;
		        appearance: none;
		border: none;
		border-radius: 54px;
		color: var(--color-wh);
		font-weight: var(--medium);
		background: var(--color-bg-org);
		letter-spacing: 2px;
		padding: 0.529em 1.529em;
		line-height: 1;
		cursor: pointer;
}
.more-articles {
		display: none;
}
.footnote {
		font-size: var(--font-root);
		padding: 1.875em 0 0;
}
.accordion {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		border-radius: var(--accordion-corner);
		background: var(--color-bg-gray);
		font-size: var(--font-p);
		margin-bottom: 1em;
}
.accordion h4 {
		cursor: pointer;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		font-size: var(--font-h4);
		font-weight: var(--semiBold);
		color: #002741;
		text-align: left;
		border-radius: var(--accordion-corner);
		background: #e0eef7;
		margin-bottom: 0;
		padding: 0.625em;
		letter-spacing: 2px;
}
.accordion h4::before {
		content: "";
		display: inline-block;
		width: var(--icon-toggle);
		height: var(--icon-toggle);
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 var(--icon-toggle);
		        flex: 0 0 var(--icon-toggle);
		background: url(../img/acc_minus.svg) center/cover no-repeat;
		margin-right: 0.625em;
}
.accordion h4.closed::before {
		background: url(../img/acc_plus.svg) center/cover no-repeat;
}
.accordion p, .accordion ol {
		font-size: var(--font-p);
		padding: 0.729em 1.538em;
}
.accordion p {
		margin-bottom: 0;
}
.accordion ol {
		text-align: left;
		margin: 0;
		line-height: 1.7;
		list-style-type: none;
		counter-reset: accordion;
}
.accordion li::before {
		font-size: var(--font-p);
		counter-increment: accordion;
		content: counter(accordion);
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 1.307em;
		        flex: 0 0 1.307em;
		line-height: 1;
		width: 1.307em;
		height: 1.307em;
		border-radius: 100%;
		background: var(--color-wh);
		margin-right: 0.769em;
		transform: translateY(0.2em);
}
.accordion li span {
		font-size: var(--font-p);
		display: inline-block;
		vertical-align: top;
		width: calc(99.5% - 1.307em - 0.769em);
}
.accordion li span a, .accordion li span a:visited, .accordion li span a:visited {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		line-height: 2;
}
.accordion li span a::before, .accordion li span a:visited::before, .accordion li span a:visited::before {
		content: "";
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 var(--icon-download);
		        flex: 0 0 var(--icon-download);
		line-height: 1;
		width: var(--icon-download);
		height: var(--icon-download);
		border-radius: 100%;
		background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI0Ljg1IDQ5LjdDMzguNTc0MyA0OS43IDQ5LjcgMzguNTc0MyA0OS43IDI0Ljg1QzQ5LjcgMTEuMTI1NyAzOC41NzQzIDAgMjQuODUgMEMxMS4xMjU3IDAgMCAxMS4xMjU3IDAgMjQuODVDMCAzOC41NzQzIDExLjEyNTcgNDkuNyAyNC44NSA0OS43WiIgZmlsbD0iIzg4QzBFNSIvPgo8cGF0aCBkPSJNMzAuNjYgMTQuMTIwMUgxOS4wM1YzMi4yOTAxSDMwLjY2VjE0LjEyMDFaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMTIuODYgMjguMDgwMUgzNi44NEwyNC44NSAzOS4yNjAxTDEyLjg2IDI4LjA4MDFaIiBmaWxsPSJ3aGl0ZSIvPgo8IS0tIENvZGUgaW5qZWN0ZWQgYnkgbGl2ZS1zZXJ2ZXIgLS0+CjxzY3JpcHQ+CgkvLyA8IVtDREFUQVsgIDwtLSBGb3IgU1ZHIHN1cHBvcnQKCWlmICgnV2ViU29ja2V0JyBpbiB3aW5kb3cpIHsKCQkoZnVuY3Rpb24gKCkgewoJCQlmdW5jdGlvbiByZWZyZXNoQ1NTKCkgewoJCQkJdmFyIHNoZWV0cyA9IFtdLnNsaWNlLmNhbGwoZG9jdW1lbnQuZ2V0RWxlbWVudHNCeVRhZ05hbWUoImxpbmsiKSk7CgkJCQl2YXIgaGVhZCA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlUYWdOYW1lKCJoZWFkIilbMF07CgkJCQlmb3IgKHZhciBpID0gMDsgaSA8IHNoZWV0cy5sZW5ndGg7ICsraSkgewoJCQkJCXZhciBlbGVtID0gc2hlZXRzW2ldOwoJCQkJCXZhciBwYXJlbnQgPSBlbGVtLnBhcmVudEVsZW1lbnQgfHwgaGVhZDsKCQkJCQlwYXJlbnQucmVtb3ZlQ2hpbGQoZWxlbSk7CgkJCQkJdmFyIHJlbCA9IGVsZW0ucmVsOwoJCQkJCWlmIChlbGVtLmhyZWYgJiYgdHlwZW9mIHJlbCAhPSAic3RyaW5nIiB8fCByZWwubGVuZ3RoID09IDAgfHwgcmVsLnRvTG93ZXJDYXNlKCkgPT0gInN0eWxlc2hlZXQiKSB7CgkJCQkJCXZhciB1cmwgPSBlbGVtLmhyZWYucmVwbGFjZSgvKCZ8XD8pX2NhY2hlT3ZlcnJpZGU9XGQrLywgJycpOwoJCQkJCQllbGVtLmhyZWYgPSB1cmwgKyAodXJsLmluZGV4T2YoJz8nKSA+PSAwID8gJyYnIDogJz8nKSArICdfY2FjaGVPdmVycmlkZT0nICsgKG5ldyBEYXRlKCkudmFsdWVPZigpKTsKCQkJCQl9CgkJCQkJcGFyZW50LmFwcGVuZENoaWxkKGVsZW0pOwoJCQkJfQoJCQl9CgkJCXZhciBwcm90b2NvbCA9IHdpbmRvdy5sb2NhdGlvbi5wcm90b2NvbCA9PT0gJ2h0dHA6JyA/ICd3czovLycgOiAnd3NzOi8vJzsKCQkJdmFyIGFkZHJlc3MgPSBwcm90b2NvbCArIHdpbmRvdy5sb2NhdGlvbi5ob3N0ICsgd2luZG93LmxvY2F0aW9uLnBhdGhuYW1lICsgJy93cyc7CgkJCXZhciBzb2NrZXQgPSBuZXcgV2ViU29ja2V0KGFkZHJlc3MpOwoJCQlzb2NrZXQub25tZXNzYWdlID0gZnVuY3Rpb24gKG1zZykgewoJCQkJaWYgKG1zZy5kYXRhID09ICdyZWxvYWQnKSB3aW5kb3cubG9jYXRpb24ucmVsb2FkKCk7CgkJCQllbHNlIGlmIChtc2cuZGF0YSA9PSAncmVmcmVzaGNzcycpIHJlZnJlc2hDU1MoKTsKCQkJfTsKCQkJaWYgKHNlc3Npb25TdG9yYWdlICYmICFzZXNzaW9uU3RvcmFnZS5nZXRJdGVtKCdJc1RoaXNGaXJzdFRpbWVfTG9nX0Zyb21fTGl2ZVNlcnZlcicpKSB7CgkJCQljb25zb2xlLmxvZygnTGl2ZSByZWxvYWQgZW5hYmxlZC4nKTsKCQkJCXNlc3Npb25TdG9yYWdlLnNldEl0ZW0oJ0lzVGhpc0ZpcnN0VGltZV9Mb2dfRnJvbV9MaXZlU2VydmVyJywgdHJ1ZSk7CgkJCX0KCQl9KSgpOwoJfQoJZWxzZSB7CgkJY29uc29sZS5lcnJvcignVXBncmFkZSB5b3VyIGJyb3dzZXIuIFRoaXMgQnJvd3NlciBpcyBOT1Qgc3VwcG9ydGVkIFdlYlNvY2tldCBmb3IgTGl2ZS1SZWxvYWRpbmcuJyk7Cgl9CgkvLyBdXT4KPC9zY3JpcHQ+Cjwvc3ZnPgo=") center/cover no-repeat;
		margin-right: 0.769em;
}
.accordion li span a var, .accordion li span a:visited var, .accordion li span a:visited var {
		font-size: var(--font-p);
		color: #180ea4;
		font-style: normal;
		display: block;
		text-decoration: underline;
}
footer.inner-footer {
		font-size: var(--font-p);
		padding: 2em 0;
		background: var(--color-menu-bg);
}
footer.inner-footer * {
	font-size: var(--font-p);
}
footer.inner-footer ul {
		position: relative;
}
footer.inner-footer ul::after {
		content: "";
		display: block;
		width: 4.0384615385em;
		height: 3.9230769231em;
		background: url(../img/footer_deco.svg) center/cover no-repeat;
		position: absolute;
		top: -3.75em;
		right: 7em;
}
footer.inner-footer li {
		color: var(--color-wh);
		line-height: 2;
}
footer.inner-footer li a, footer.inner-footer li a:link, footer.inner-footer li a:visited {
		color: var(--color-wh);
}
footer.inner-footer li a:hover {
		text-decoration: underline;
}
#story {
		font-size: var(--font-root);
		background: #f4f4f4;
		padding-bottom: 6.5em;
}
#faq {
		font-size: var(--font-root);
		padding-bottom: 6.5em;
}
/* modally 彈窗內部 */
#contact {
		font-size: var(--font-root);
}
legend h2 {
		padding: 0 1em;
		margin: -0.5em auto 0.2em;
}
fieldset {
		font-size: var(--font-p);
		border: 2px solid #488fc3;
		border-radius: 1.625em;
		margin: 2.1538461538em;
		padding: 0.5em 1em;
}
fieldset ul {
		text-align: center;
}
fieldset li {
		font-size: var(--font-p);
		font-family: "Noto Sans TC", "Microsoft Jhenghei", "微軟正黑體", sans-serif;
		color: #4589bb;
		line-height: 1.5;
		margin-bottom: 1.2em;
}
fieldset li a,
fieldset li a:link, fieldset li a:visited {
		font-size: var(--font-p);
		color: #4589bb;
}
fieldset li a:hover {
		text-decoration: underline;
}
#contact .modally-content {
		text-align: center;
}
.ct-logo {
		margin: 0 auto;
		width: 100%;
		max-width: 16.75em;
}
@media (max-width: 1920px) {
		.wrapper {
				position: unset;
		}
}
@media (max-width: 1366px) {
		:root {
				--font-menu: 26px;
		}
		.menu ul {
				-webkit-box-pack: space-evenly;
				    -ms-flex-pack: space-evenly;
				        justify-content: space-evenly;
		}
		.menu ul li {
				margin-right: 0;
		}
}
@media (max-width: 1170px) {
		:root {
				--font-menu: 24px;
				--font-h4: 28px;
				--font-p: 22px;
				--accordion-corner: 10px;
				--icon-download: 1.4em;
		}
		.testimonial dt {
				font-size: 28px;
		}
		.accordion li span {
				width: calc(99.3% - 1.307em - 0.769em);
		}
		footer ul::after {
				right: 4em;
		}
}
@media (max-width: 1080px) {
		:root {
				--font-menu: 22px;
				--font-h2: 44px;
				--font-h3: 36px;
				--font-h4: 26px;
				--font-p: 22px;
				--quote-corner: 28px;
		}
		.testimonial dt {
				font-size: 26px;
		}
}
@media (max-width: 960px) {
		:root {
				--font-menu: 18px;
				--font-h3: 32px;
				--font-h4: 24px;
				--font-p: 20px;
		}
		.br-ahead960 {
				display: none;
		}
		.br-at960 {
				display: block;
		}
		.cntr {
				padding: 0 3em;
		}
		.testimonial .protrait img {
				min-width: 230px;
		}
		.testimonial dt {
				font-size: 24px;
		}
}
@media (max-width: 840px) {
		[off-stage="840"] {
				display: none !important;
		}
		.br-at840 {
				display: block;
		}
		:root {
				--font-menu: 17px;
				--font-h2: 40px;
				--font-h3: 30px;
				--font-p: 18px;
		}
		.menu ul li {
				margin-right: 1.125em;
		}
		.testimonial .protrait img {
				min-width: 190px;
		}
		.testimonial dt {
				font-size: 22px;
		}
		.modally .modally-close-button {
				padding: 0.5em;
				padding-right: 0;
		}
		.modally .modally-close-button svg {
				width: 60%;
		}
}
@media (max-width: 750px) {
		:root {
				--font-menu: 16px;
				--font-h2: 36px;
				--font-h3: 28px;
				--font-h4: 20px;
				--font-p: 16px;
		}
		[pc] {
				display: none;
		}
		[mb] {
				display: block;
		}
		h1 .kv-deco {
				/*
				top: calc(2.875em * var(--size));
				left: calc(3.1875em * var(--size));
				width: calc(4.875em * var(--size));
				*/
				top: 6.1vw;
				left: 6.7vw;
				width: 10.4vw; /*78*/
		}
		.menu ul {
				-webkit-box-pack: justify;
				    -ms-flex-pack: justify;
				        justify-content: space-between;
		}
		section article h3 {
				border-bottom-width: 3px;
		}
		.testimonial .protrait img {
				max-width: calc(190px * var(--size));
				min-width: 120px;
		}
		.testimonial dt {
				font-size: 20px;
		}
		.testimonial dd {
				padding: 1.1em;
				padding-bottom: 0;
		}
		.testimonial dd::before {
				border-width: 10px 32px 0 32px;
				left: -0.1em;
		}
		.footnote {
				padding-top: 0.5em;
		}
}
@media (max-width: 650px) {
		:root {
				--font-h2: 33px;
				--font-h3: 26px;
				--font-menu: 14px;
		}
		.cntr {
				padding: 0 2em;
		}
		.menu ul {
				-webkit-box-pack: space-evenly;
				    -ms-flex-pack: space-evenly;
				        justify-content: space-evenly;
		}
		.menu ul li a, .menu ul li a:link, .menu ul li a:visited {
				padding: 0.6em 1.4em;
		}
		section article blockquote::after {
				top: 1.5em;
		}
		.testimonial dt {
				font-size: 18px;
				padding-left: 2em;
		}
		.accordion li span {
				width: calc(99% - 1.307em - 0.769em);
		}
		footer ul::after {
				right: 1em;
		}
		.modally {
				padding: 1em 1em 2em;
		}
		.ct-logo {
				max-width: 13em;
		}
}
@media (max-width: 540px) {
		:root {
				--font-h2: 30px;
				--font-h3: 24px;
				--font-p: 14px;
		}
		.menu ul {
				-webkit-box-pack: center;
				    -ms-flex-pack: center;
				        justify-content: center;
		}
		.testimonial .protrait img {
				max-width: calc(150px * var(--size));
				min-width: 100px;
		}
		footer {
				font-size: 12px;
		}
}
@media (max-width: 520px) {
		:root {
				--font-menu: 12px;
		}
}
@media (max-width: 480px) {
		:root {
				--font-h2: 24px;
				--font-h3: 18px;
				--font-h4: 16px;
				--font-p: 13px;
				--quote-corner: 18px;
		}
		section article blockquote::after {
				top: 3.5em;
		}
		.testimonial dt {
				font-size: 15px;
				padding-left: 1.5em;
		}
		footer {
				font-size: var(--font-p);
		}
		footer ul::after {
				top: -4.5em;
		}
		.modally {
				max-width: calc(100% - 4em) !important;
		}
		.modally .modally-close-button {
				padding-top: 0;
				top: 0.5em;
				right: 0;
		}
		.modally .modally-close-button svg {
				width: 45%;
		}
		.ct-logo {
				max-width: 10em;
		}
}
@media (max-width: 450px) {
		:root {
				--font-menu: 11px;
		}
		.menu ul li a, .menu ul li a:link, .menu ul li a:visited {
				padding: 0.6em 1em;
		}
}
@media (max-width: 430px) {
		:root {
				--font-h2: 22px;
				--font-h3: 16px;
				--font-h4: 15px;
				--font-p: 12px;
		}
		.testimonial dt {
				font-size: 14px;
				padding-left: 1em;
		}
		.testimonial dd {
				padding: 0.7em;
				padding-bottom: 0;
		}
		.testimonial dd::before {
				display: none;
		}
		.modally {
				padding: 0.5em 0.5em 1em;
		}
		fieldset {
				padding-bottom: 0;
		}
}
@media (max-width: 414px) {
		.testimonial .protrait img {
				min-width: 80px;
		}
		.testimonial dt {
				font-size: 13px;
		}
}
@media (max-width: 390px) {
		.modally {
				max-width: calc(100% - 1em) !important;
		}
}

section#header header .corporate-switcher ul {
	text-align: left;
}