/*------------------------------
	**welcome
--------------------------- uu */
#country {
	min-height: calc(100vh - 5rem - 58px);
}

#country>div {
	font-family: 'Montserrat';
}

#country>div h4 {
	margin-top: -0.5rem;
}

#country ul li {
	padding: 0.5rem 0;
	margin: 0;
	line-height: 1.5rem;
}

#country .fx-row:nth-child(2) img {
	max-width: 100%;
	height: 24vh;
	min-height: 240px;
}

#welcome #ft-secondary>div {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media (max-width: 1024px) {

	#country .fx-row [class*=col-]:nth-child(2),
	#country .fx-row [class*=col-]:nth-child(3) {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	#country ul li {
		font-size: 1rem;
	}
}

@media (max-width: 768px) {}

@media (max-width: 576px) {
	#welcome #shuttle-logo {
		margin: auto;
	}

	#country .fx-row:nth-child(2) img {
		width: 100%;
		height: auto;
		min-height: auto;
	}

	#country .fx-row [class*=col-]:nth-child(2),
	#country .fx-row [class*=col-]:nth-child(3) {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
	}
}

/* ------------------------------
	**logo **manu-logo
--------------------------- uu */
.shuttle-logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	width: 150px;
	height: 5rem;
	-webkit-transition:
		width 0.3s ease,
		height 0.3s ease,
		opacity 0.3s ease;
	transition:
		width 0.3s ease,
		height 0.3s ease,
		opacity 0.3s ease;
}

.shuttle-logo svg {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	margin: auto;
}

.shuttle-logo #shuttle-logo-color {
	fill: rgba(14, 117, 180, 1);
	/*stroke: #ffffff;*/
	/*stroke-width: 0.25;*/
}

.shuttle-logo #shuttle-logo-color.logo-color-lt {
	fill: #ffffff;
}

.shuttle-logo #shuttle-logo-mask {
	fill: #ffffff;
	/*stroke: #ffffff;*/
	/*stroke-width: 0.5;*/
}

.shuttle-logo #shuttle-logo-scene {
	-webkit-transform: none !important;
	transform: none !important;
}

@media (max-width: 1024px) {
	.shuttle-logo {
		width: 120px;
		height: 3rem;
	}

	.menu-open .shuttle-logo {
		opacity: 0;
	}
}

.loading-ani .shuttle-logo {
	width: 250px;
	height: calc(250px / 250 * 45);
}

@media (max-width: 1024px) {
	.loading-ani .shuttle-logo {
		width: 200px;
		height: calc(200px / 250 * 45);
	}
}

.s-logo {
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='40 40 48 48'%3e%3cpath fill='%230e75b4' d='M78.6,53.1c-1.4-0.6-5.5-2.1-10.2-2.1c-3.9,0-6.9,1.5-7.6,3.9c-1.6,6.6,18.8,6.4,16.2,16c-1.8,6.5-9.4,9.1-18.2,9.1c-4.8,0-9.5-0.8-10.7-1.2l1.3-4.8c1.8,0.8,6.4,2.7,11.4,2.7c4.5,0,8.1-1.3,8.9-4.5C71.6,65.1,51,65.6,53.6,56c1.3-5.1,7.4-8,16.4-8c4,0,8.1,0.6,9.8,0.8L78.6,53.1z'/%3e%3c/svg%3e") no-repeat center center;
}

.logo-color-ci-bl {
	fill: rgba(14, 117, 180, 1);
	/*stroke: rgba(14, 117, 180, 1);*/
	/*stroke-width: 1;*/
	/*stroke-miterlimit: 10;*/
}

/* ------------------------------
	**menu
--------------------------- uu */
#menu {
	visibility: visible;
	position: relative;
	right: -0.75rem;
	margin-left: auto;
	-webkit-transition:
		visibility 0.3s ease,
		right 0.6s ease,
		opacity 0.3s ease;
	transition:
		visibility 0.3s ease,
		right 0.6s ease,
		opacity 0.3s ease;
}

@media (min-width: 1025px) {
	.menu-open #menu {
		visibility: hidden;
		right: 6rem;
		opacity: 0;
	}
}

@media (max-width: 1024px) {
	#menu {
		visibility: hidden;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		right: auto;
		width: 100%;
		max-width: 360px;
		height: calc(100vh - 3rem);
		margin: 0 auto;
		opacity: 0;
		overflow-x: hidden;
		overflow-y: scroll;
	}

	/*#menu:before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: -4rem;
		bottom: 0;
		left: -4rem;
	}*/

	.menu-open #menu {
		visibility: visible;
		opacity: 1;
	}
}

#menu ul,
#menu li {
	margin-bottom: 0;
}

@media (max-width: 1024px) {
	#menu li {
		width: 100%;
	}
}

#menu a {
	display: block;
	padding: 0.375rem;
	font-size: 0.875rem;
	font-weight: 500;
	line-height: 1.5rem;
	cursor: pointer;
	-webkit-transition: padding 0s, margin 0.6s, color 0.3s;
	transition: padding 0s, margin 0.6s, color 0.3s;
	-moz-transition: padding 0s, margin 0.6s, color 0.3s;
	-ms-transition: padding 0s, margin 0.6s, color 0.3s;
	-o-transition: padding 0s, margin 0.6s, color 0.3s;
}

#menu a:hover {
	color: var(--color-ci-sb);
}

#menu.float-mode a.line-mark:hover {
	color: unset;
}

@media (max-width: 1024px) {
	#menu a {
		position: relative;
		padding: 0.375rem 1.5rem;
	}

	.menu-open #menu a {
		padding: 0.75rem 1.5rem;
	}
}

/* 第一層 */
#menu .list-1st {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
}

@media (max-width: 1024px) {
	#menu .list-1st {
		display: block;
	}
}

@media (min-width: 1025px) {
	#menu .list-1st>li>a {
		padding: 0.75rem 1rem;
	}

	.menu-open #menu .list-1st>li>a {
		margin: 0 -1rem;
	}
}

/* 第二層 */
header.outside #menu .list-2nd {
	-webkit-transition: 0s;
	transition: 0s;
}

#menu .list-2nd {
	visibility: hidden;
	/*z-index: -1;*/
	position: absolute;
	opacity: 0;
}

#menu.float-mode .list-2nd {
	padding: 2rem;
	margin: 1rem 0 0 -22px;
	border-radius: 0.75rem;
	background-color: #fff;
	-webkit-box-shadow: 0 0.15rem 0.625rem rgba(0, 0, 0, 0.3);
	box-shadow: 0 0.15rem 0.625rem rgba(0, 0, 0, 0.3);
}

#menu.float-mode .list-2nd.d-flex {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	right: -36px;
}

#menu.float-mode .list-1st li:hover .list-2nd {
	visibility: visible;
	margin-top: 0;
	opacity: 1;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

/* 強制顯示選單 */
/* #menu.float-mode .list-1st li:nth-child(1) .list-2nd {
	visibility: visible;
	margin-top: 0;
	opacity: 1;
	-webkit-transition: 0.6s;
	transition: 0.6s;
} */

#menu.burger-mode .list-2nd {
	-ms-flex-wrap: unset;
	flex-wrap: unset;
	-webkit-box-orient: unset;
	-webkit-box-direction: unset;
	-ms-flex-direction: unset;
	flex-direction: unset;
	-ms-flex-line-pack: unset;
	align-content: unset;
	top: 0;
	right: auto;
	width: 100%;
	min-width: auto;
	height: auto;
}

#menu.burger-mode .list-2nd.d-flex {
	display: block !important;
}

.menu-open #menu.burger-mode .list-2nd.focus {
	visibility: visible;
	opacity: 1;
}

#menu .list-back {
	display: none;
}

@media (max-width: 1024px) {
	#menu a.list-group-title.gradient-mark {
		border: unset;
		background: unset;
		color: unset;
	}
}

@media (min-width: 1025px) {
	#menu a.list-group-title {
		display: inline-block;
		margin-top: 0.375rem;
		margin-right: 0.375rem;
		font-size: 0.75rem;
		font-weight: 600;
		line-height: 1;
		-webkit-transition: padding 0s, margin 0s, color 0.3s;
		transition: padding 0s, margin 0s, color 0.3s;
		cursor: default;
	}

	#menu a.list-group-title.gradient-mark {
		padding: 0.25rem 0.75rem 0.25rem 0.625rem;
	}
}

/* 自訂排序 */
/* #menu.float-mode li[data-name="ai-pc"] {
	order: 1;
}

#menu.float-mode li[data-name="mini-pc"] {
	order: 2;
}

#menu.float-mode li[data-name="kiosk"] {
	order: 3;
}

#menu.float-mode li[data-name="industrial"] {
	order: 4;
}

#menu.float-mode li[data-name="solution"] {
	order: 5;
}

#menu.float-mode li[data-name="guide"] {
	order: 6;
} */


/* 第三層 */
#menu.float-mode .list-3rd {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

#menu .menu-img {
	height: 100%;
}

#menu .menu-img a {
	width: 100%;
	height: 50%;
	/*max-height: 150px;*/
}

#menu .menu-img a img {
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

#menu .menu-img a:hover img {
	margin-top: -4px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 2, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 2, 0.2);
}

#menu .menu-img a .card {
	background-color: rgba(244, 244, 246, 1);
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

#menu .menu-img a:hover .card {
	background-color: var(--color-ci-sb-d2)
}

#menu .menu-img a .card .content-wrapper {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (max-width: 1024px) {


	#menu a.list-group-title {
		font-weight: 600;
		text-transform: uppercase;
	}

	#menu a.focus,
	#menu a.list-group-title.focus {
		color: rgba(14, 117, 180, 1);
	}

	#menu .mb-2rem {
		margin: 0;
	}

	#menu .list-back {
		display: block;
	}

	#menu .list-back a {
		font-weight: 600;
		color: #000;
	}

	#menu .list-back a:hover {
		color: var(--color-ci-sb);
	}

	#menu .list-group {
		overflow: hidden;
	}

	#menu .menu-img a {
		float: left;
		width: 50%;
		height: unset;
		padding: 1.5rem 0.5rem;
	}

	#menu .menu-img a:hover img {
		margin-top: unset;
		-webkit-box-shadow: unset;
		box-shadow: unset;
	}

	#menu .list-3rd {
		position: relative;
		height: 0;
		overflow: hidden;
	}

	#menu .list-3rd li:first-child {
		margin-top: 0.25rem;
	}

	#menu .list-3rd li a {
		padding: 0.25rem 1.5rem;
	}

	#menu li:before {
		content: "";
		position: absolute;
		right: 1.5rem;
		left: 1.5rem;
		right: 0;
		left: 0;
		height: 1px;
		margin: 0;
		background-color: rgba(0, 0, 0, .1);
	}

	#menu .list-back+li:before {
		background-color: rgba(0, 0, 0, .3);
	}

	#menu li:first-child:before,
	#menu .list-3rd li:before {
		content: none;
	}

	/* 左右箭頭 */
	#menu .list-next>a:before,
	#menu .list-next>a:after,
	#menu .list-back>a:before,
	#menu .list-back>a:after {
		content: "";
		position: absolute;
		top: 50%;
		height: 1px;
		width: 8px;
		background-color: #999;
	}

	#menu .list-next>a:before {
		right: 0.5rem;
		margin-top: -3px;
		-webkit-transform: rotate(55deg);
		transform: rotate(55deg);
	}

	#menu .list-next>a:after {
		right: 0.5rem;
		margin-top: 3px;
		-webkit-transform: rotate(-55deg);
		transform: rotate(-55deg);
	}

	#menu .list-back>a:before {
		left: 0.5rem;
		margin-top: -3px;
		background-color: #333;
		-webkit-transform: rotate(-55deg);
		transform: rotate(-55deg);
	}

	#menu .list-back>a:after {
		left: 0.5rem;
		margin-top: 3px;
		background-color: #333;
		-webkit-transform: rotate(55deg);
		transform: rotate(55deg);
	}

	/* 更多 */
	#menu .list-group>a:before,
	#menu .list-group>a:after {
		content: "";
		position: absolute;
		top: 50%;
		right: 0.5rem;
		width: 13px;
		height: 1px;
		margin: 0;
		background-color: #999;
	}

	#menu .list-group>a:after {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	#menu .list-group>a.focus:before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#menu .list-group>a.focus:after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	/* 分隔線、左右箭頭、更多 顯示 */
	#menu li:before,
	#menu a:before,
	#menu a:after,
	#menu .list-1st.focus>li:before,
	#menu .list-1st.focus>li>a:before,
	#menu .list-1st.focus>li>a:after {
		opacity: 0;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}

	#menu .list-1st>li:before,
	#menu .list-1st>li>a:before,
	#menu .list-1st>li>a:after,
	#menu .list-1st.focus .list-2nd.focus>li:before,
	#menu .list-1st.focus .list-2nd.focus>li>a:before,
	#menu .list-1st.focus .list-2nd.focus>li>a:after {
		opacity: 1;
		-webkit-transition: 0.3s, opacity 1.8s;
		transition: 0.3s, opacity 1.8s;
	}

	/* 選單 層級動態 */
	#menu.burger-mode .list-1st,
	#menu.burger-mode .list-2nd {
		-webkit-transition: 0.6s cubic-bezier(1, 0, 0, 1);
		transition: 0.6s cubic-bezier(1, 0, 0, 1);
	}

	#menu.burger-mode .list-3rd {
		-webkit-transition: 0.6s;
		transition: 0.6s;
	}

	#menu.burger-mode .list-2nd,
	#menu.burger-mode .list-2nd a {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	#menu.burger-mode .list-2nd .menu-img a {
		-webkit-transform: translateX(200%);
		transform: translateX(200%);
	}

	#menu.burger-mode .list-1st.focus,
	#menu.burger-mode .list-1st.focus>li>a {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	#menu.burger-mode .list-1st.focus .list-2nd {
		-webkit-transform: translateX(200%);
		transform: translateX(200%);
	}

	#menu.burger-mode .list-1st.focus .list-2nd.focus {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
	}

	#menu.burger-mode .list-1st.focus .list-2nd.focus a,
	#menu.burger-mode .list-1st.focus .list-2nd.focus ul {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

/* ------------------------------
	**search
--------------------------- uu */
#search {
	position: relative;
	right: -0.75rem;
	width: 3rem;
	height: 3rem;
	overflow: hidden;
	-webkit-transition:
		width 0.6s ease,
		opacity 0.3s ease;
	transition:
		width 0.6s ease,
		opacity 0.3s ease;
}

.menu-open #search {
	width: 20rem;
}

@media (max-width: 1024px) {
	#search {
		position: absolute;
		width: 3rem;
		top: 0;
		opacity: 0;
	}

	.menu-open #search {
		width: calc(100% + 1.5rem);
		opacity: 1;
	}
}

/*影藏input預設清除內容按鈕*/
#search input::-webkit-search-decoration,
#search input::-webkit-search-cancel-button {
	display: none;
}

#search input[type="submit"],
#search input[type="reset"] {
	display: none;
}

#search input[type="search"] {
	position: absolute;
	width: calc(100% - 6rem);
	height: 100%;
	padding: 0.75rem 0;
	border: none;
	outline: none;
	background-color: transparent;
	line-height: 1.5rem;
	opacity: 0;
	-webkit-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.menu-open #search input[type="search"] {
	opacity: 1;
}

#search-input-btn {
	position: absolute;
	right: 0;
	border: 0;
	border-radius: 0;
}

@media (min-width: 1025px) {
	#search-input-btn {
		visibility: visible;
	}

	.menu-open #search-input-btn {
		visibility: hidden;
	}
}

@media (max-width: 1024px) {
	#search-input-btn {
		visibility: hidden;
	}
}

/* ------------------------------
	**menu-burger-btn
--------------------------- uu */
#menu-burger-btn {
	position: absolute;
	top: 0;
	right: -0.75rem;
	bottom: 0;
	margin: auto;
}

@media (min-width: 1025px) {
	#menu-burger-btn {
		visibility: hidden;
		-webkit-transition: visibility 0.3s;
		transition: visibility 0.3s;
	}

	.menu-open #menu-burger-btn {
		visibility: visible;
		-webkit-transition: visibility 0s;
		transition: visibility 0s;
	}
}

@media (max-width: 1024px) {
	#menu-burger-btn {
		top: 0;
		bottom: auto;
	}
}

.menu-open .ic-menu-burger:before {
	width: 22px;
	-webkit-transform: translate(1px, 12px) rotate(45deg);
	transform: translate(1px, 12px) rotate(45deg);
	opacity: 1;
}

.menu-open .ic-menu-burger:after {
	width: 22px;
	-webkit-transform: translate(1px, 12px) rotate(-45deg);
	transform: translate(1px, 12px) rotate(-45deg);
	opacity: 1;
}

@media (min-width: 1025px) {
	.ic-menu-burger:before {
		width: 22px;
		-webkit-transform: translate(1px, 12px) rotate(45deg);
		transform: translate(1px, 12px) rotate(45deg);
		opacity: 0;
		-webkit-transition: background-color 0.3s, opacity 0.3s, -webkit-transform 0s;
		transition: background-color 0.3s, opacity 0.3s, -webkit-transform 0s;
		transition: background-color 0.3s, opacity 0.3s, transform 0s;
		transition: background-color 0.3s, opacity 0.3s, transform 0s, -webkit-transform 0s;
	}

	.ic-menu-burger:after {
		width: 22px;
		-webkit-transform: translate(1px, 12px) rotate(-45deg);
		transform: translate(1px, 12px) rotate(-45deg);
		opacity: 0;
		-webkit-transition: background-color 0.3s, opacity 0.3s, -webkit-transform 0s;
		transition: background-color 0.3s, opacity 0.3s, -webkit-transform 0s;
		transition: background-color 0.3s, opacity 0.3s, transform 0s;
		transition: background-color 0.3s, opacity 0.3s, transform 0s, -webkit-transform 0s;
	}
}

.menu-open .ic-menu-burger span {
	width: 0;
}

@media (min-width: 1025px) {
	.ic-menu-burger span {
		opacity: 0;
		-webkit-transition: opacity 0s;
		transition: opacity 0s;
	}
}

/* ------------------------------
	**footer
--------------------------- uu */
footer {
	line-height: 1.5;
}

#ft-primary {
	background-color: rgba(244, 244, 246, 1);
}

/*@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
	#ft-primary {
		background-color: rgba(238, 238, 241, 0.6);
		backdrop-filter: blur(16px);
	}
}*/

#ft-shuttle-logo,
#ft-primary .content-title,
#shuttle-intro {
	margin-bottom: 1.375rem;
}

@media (max-width: 1024px) {

	#ft-shuttle-logo,
	#ft-primary .content-title,
	#shuttle-intro {
		margin-bottom: 1rem;
	}
}

#ft-primary .content-title {
	font-size: calc(100px / 250 * 45);
	line-height: calc(100px / 250 * 45);
	color: #000;
	opacity: 0.7;
}

#ft-shuttle-logo {
	width: 100px;
	height: calc(100px / 250 * 45);
}

#ft-shuttle-logo #ft-shuttle-logo-cht {
	display: none;
}

#ft-shuttle-logo path {
	fill: var(--color-ci-sb);
}

[lang="zh-tw"] #ft-shuttle-logo {
	width: 140px;
	height: calc(140px / 250 * 97.2);
}

[lang="zh-tw"] #ft-shuttle-logo #ft-shuttle-logo-eng {
	display: none;
}

[lang="zh-tw"] #ft-shuttle-logo #ft-shuttle-logo-cht {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

[lang="zh-tw"] #ft-shuttle-logo path {
	fill: var(--color-ci-sb);
}

[lang="zh-tw"] #ft-shuttle-logo path+path {
	fill: var(--color-ci-bl);
}

[lang="zh-tw"] #shuttle-intro {
	text-align: justify;
	font-size: 0.8125rem;
	line-height: 1.375;
}

[lang="zh-tw"] ul.span li {
	font-size: 0.8125rem;
}

#ft-shuttle-contact {
	margin-top: -0.375rem;
	margin-bottom: 0;
}

#ft-shuttle-contact li {
	margin: 0;
}

#ft-shuttle-contact li [class*=fa-] {
	padding: 0.375rem 0;
	color: #666;
}

#ft-shuttle-contact li a {
	padding: 0.375rem 0;
}

#ft-navigation .fx-row {
	-webkit-box-pack: space-evenly;
	-ms-flex-pack: space-evenly;
	justify-content: space-evenly;
}

#ft-navigation ul {
	margin-top: -0.375rem;
}

#ft-navigation ul li {
	margin: 0;
}

#ft-navigation ul li a {
	padding: 0.375rem 0;
}

@media (max-width: 1280px) {
	#ft-navigation .fx-row {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
}

@media (max-width: 768px) {
	#ft-navigation .fx-row {
		-webkit-box-pack: initial;
		-ms-flex-pack: initial;
		justify-content: initial;
	}
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	#ft-navigation>div>div {
		margin: 0 auto;
	}
}

#ft-news-follow .content-title {
	text-align: right;
}

#ft-sing-up-newsletter {
	margin-bottom: 3rem;
}

#ft-sing-up-newsletter form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 2rem;
}

#ft-sing-up-newsletter form input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 100%;
	padding: 0.25rem 1rem .25rem 1.25rem;
	border: 0;
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
	font-size: 0.75rem;
	line-height: 1.5rem;
	font-weight: 600;
	letter-spacing: 0.025rem;
}

#ft-sing-up-newsletter form button {
	padding: 0.25rem 1.25rem .25rem 1rem;
	border: 0;
	border-radius: 0;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	background-color: #666;
	font-size: 0.75rem;
	line-height: 1.5rem;
	font-weight: 600;
	letter-spacing: 0.025rem;
}

#ft-sing-up-newsletter form button:hover {
	background-color: var(--color-ci-sb);
}

#ft-follow-us ul {
	float: right;
	margin-right: -0.375rem;
	margin-bottom: 0;
	margin-left: -0.375rem;
}

#ft-follow-us li {
	display: inline-block;
	margin: 0;
	opacity: 0.8;
}

#ft-follow-us li:nth-child(4),
#ft-follow-us li:nth-child(5) {
	display: none;
}

[lang="zh-cn"] #ft-follow-us li:nth-child(1),
[lang="zh-cn"] #ft-follow-us li:nth-child(2),
[lang="zh-cn"] #ft-follow-us li:nth-child(3) {
	display: none;
}

[lang="zh-cn"] #ft-follow-us li:nth-child(4),
[lang="zh-cn"] #ft-follow-us li:nth-child(5) {
	display: inline-block;
}

#ft-follow-us a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	/*display: flex;*/
	/*align-items: center;*/
	/*display: block;*/
	padding: 0.375rem;
}

#ft-follow-us i {
	margin: 0;
	font-size: 1.25rem;
}

#ft-follow-us .ic_socialmedia_youku {
	width: 1.125rem;
	height: 1.125rem;
	fill: #666;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

#ft-follow-us .ic_socialmedia_youku:hover {
	fill: var(--color-ci-sb);
}

#ft-follow-us .fas,
#ft-follow-us .fab {
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

#ft-follow-us a:hover .fas,
#ft-follow-us a:hover .fab {
	color: var(--color-ci-sb);
}

@media (max-width: 1280px) {

	#ft-shuttle,
	#ft-navigation {
		margin-bottom: 3rem;
	}

	#ft-sing-up-newsletter {
		margin-bottom: 0;
	}

	#ft-news-follow .content-title {
		text-align: left;
	}

	#ft-follow-us ul {
		float: left;
	}
}

@media (max-width: 1024px) {}

@media (max-width: 768px) {

	#ft-shuttle,
	#ft-navigation {
		margin-bottom: 2rem;
	}

	#ft-navigation .col-auto:nth-child(2),
	#ft-navigation .col-auto:nth-child(3) {
		display: none;
	}
}

@media (max-width: 576px) {

	#ft-shuttle {
		margin-bottom: 2.5rem;
	}

	#ft-navigation .fx-row>div+div {
		margin-top: 2rem;
	}

	#ft-sing-up-newsletter {
		display: none;
	}
}

#ft-secondary {
	background-color: rgba(255, 255, 255, 1);
}

/*@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
	#ft-secondary {
		background-color: rgba(255, 255, 255, 0.6);
		backdrop-filter: blur(16px);
	}
}*/

#ft-secondary>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1.25rem 0;
}

#ft-copyright {
	margin: 0;
	font-size: 0.75rem;
	color: rgba(0, 0, 0, .6);
}

#ft-copyright a {
	color: rgba(0, 0, 0, 1);
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

#ft-copyright a:hover {
	color: var(--color-ci-sb);
}

#ft-copyright.text-color-lt {
	color: rgba(255, 255, 255, .6);
}

#ft-copyright.text-color-lt a {
	color: rgba(255, 255, 255, 1);
}

#ft-copyright.text-color-lt a:hover {
	color: var(--color-ci-sb);
}

#ft-copyright strong {
	margin: 0 0.25rem;
	color: rgba(0, 0, 0, 1);
}

#ft-language {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#ft-language span {
	margin: 0 0 0 .5rem;
	line-height: 1.5rem;
}

@media (max-width: 576px) {
	#ft-secondary>div {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	#ft-copyright,
	#ft-language {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
	}
}

/* ------------------------------
	**btn-scroll-top 快速回到頂端
--------------------------- uu */
#btn-scroll-top {
	visibility: visible;
	z-index: 19;
	position: fixed;
	right: 5%;
	bottom: 5%;
	padding: 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 var(--color-ci-sb), 0 16px 16px rgba(0, 0, 2, 0.1);
	box-shadow: 0 0 0 0 var(--color-ci-sb), 0 16px 16px rgba(0, 0, 2, 0.1);
	opacity: 1;
	-webkit-transition: bottom 0.9s ease, visibility 0.9s ease, opacity 0.9s ease, background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
	transition: bottom 0.9s ease, visibility 0.9s ease, opacity 0.9s ease, background-color 0.3s ease, -webkit-box-shadow 0.3s ease;
	transition: bottom 0.9s ease, visibility 0.9s ease, opacity 0.9s ease, background-color 0.3s ease, box-shadow 0.3s ease;
	transition: bottom 0.9s ease, visibility 0.9s ease, opacity 0.9s ease, background-color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

#btn-scroll-top.hidden {
	visibility: hidden;
	bottom: -3rem;
	opacity: 0;
}

/*#btn-scroll-top:hover {
	-webkit-box-shadow: 0 0 0 4px rgba(14, 117, 180, 1), 0 16px 16px rgba(0, 0, 2, 0.1);
	box-shadow: 0 0 0 4px rgba(14, 117, 180, 1), 0 16px 16px rgba(0, 0, 2, 0.1);
}

#btn-scroll-top:active {
	-webkit-box-shadow: 0 0 0 0 rgba(14, 117, 180, 1), 0 0 0 rgba(0, 0, 2, 0.1);
	box-shadow: 0 0 0 0 rgba(14, 117, 180, 1), 0 0 0 rgba(0, 0, 2, 0.1);
}*/

#btn-scroll-top .ic {
	padding: 0.5rem;
}

#btn-scroll-top .ic:before,
#btn-scroll-top .ic:after {
	background-color: #ffffff;
}

/* ------------------------------
	**local-nav
	**tab-nav
--------------------------- uu */
#tab-spec ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
}

#tab-spec ul li a label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	width: 100%;
	padding: 1rem;
	margin-bottom: 0;
	background-color: rgb(244, 244, 246);
	-webkit-transition: background-color 0.6s, -webkit-box-shadow 0.6s;
	transition: background-color 0.6s, -webkit-box-shadow 0.6s;
	transition: box-shadow 0.6s, background-color 0.6s;
	transition: box-shadow 0.6s, background-color 0.6s, -webkit-box-shadow 0.6s;
}

#tab-spec ul li:first-child a label {
	border-top-left-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

#tab-spec ul li:last-child a label {
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

@media (max-width: 576px) {

	#tab-spec ul li:first-child a label {
		border-top-left-radius: 0.75rem;
		border-bottom-left-radius: 0.75rem;
	}

	#tab-spec ul li:last-child a label {
		border-top-right-radius: 0.75rem;
		border-bottom-right-radius: 0.75rem;
	}
}

#tab-spec ul li a input:checked+label {
	/*-webkit-box-shadow: 0 0 0 2px rgba(14, 117, 180, 1);*/
	/*box-shadow: 0 0 0 2px rgba(14, 117, 180, 1);*/
	background-color: rgba(14, 117, 180, 1);
}

#tab-spec ul li a label .tab-spec-title {
	margin: auto;
	font-weight: 500;
	text-align: center;
	color: #666;
	-webkit-transition: color 0.6s;
	transition: color 0.6s;
}

#tab-spec ul li a input:checked+label .tab-spec-title {
	color: #333;
	color: #fff;
}

@media (max-width: 576px) {

	#tab-spec ul li a label {
		padding: 1rem 0.5rem;
	}
}

/* ------------------------------
	**home page index.html
--------------------------- uu */
#page-transition {
	z-index: 100;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

#page-transition:before,
#page-transition:after {
	content: "";
	display: block;
	position: fixed;
	width: 100%;
	height: 100%;
}

#page-transition:before {
	background-color: rgba(0, 0, 0, .4);
	-webkit-transition: opacity 0.6s ease;
	transition: opacity 0.6s ease;
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

#page-transition:after {
	background-color: #fff;
	-webkit-transition: height 0.6s cubic-bezier(.5, 0, .5, 1);
	transition: height 0.6s cubic-bezier(.5, 0, .5, 1);
	-webkit-transition: height 0.6s cubic-bezier(1, .5, 0, 1);
	transition: height 0.6s cubic-bezier(1, .5, 0, 1);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

#page-transition.end:before {
	opacity: 0;
}

#page-transition.end:after {
	height: 0;
}

#page-transition .loading-ani {
	z-index: 100;
	position: fixed;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: 0.6s cubic-bezier(0, 0, 0, 1);
	transition: 0.6s cubic-bezier(0, 0, 0, 1);
}

#page-transition.end .loading-ani {
	opacity: 0;
}

#home-page-banner-hero,
#home-page-banner {
	font-family: 'Montserrat', 'Open Sans', 'Noto Sans TC', 'Noto Sans SC', 'PingFang TC', 'PingFang SC', 'SF Pro', 'Helvetica Neue', Helvetica, 'Microsoft JhengHei', 'Microsoft YaHei', Arial, sans-serif;
	overflow: hidden;
}

#home-page-banner-hero .content-wrapper :is([class*="-title"], [class*="-text"]) {
	margin-top: -0.75rem;
}

[lang="zh-tw"] #home-page-banner-hero .content-wrapper :is([class*="-title"], [class*="-text"]) {
	margin-top: -1rem;
}

@media (max-width: 1280px) {
	#home-page-banner-hero .content-wrapper h6.hero {
		margin-bottom: var(--ft-h6-mb);
		font-size: var(--ft-h6);
	}

	#home-page-banner-hero .content-wrapper h5.hero {
		margin-bottom: var(--ft-h5-mb);
		font-size: var(--ft-h5);
	}

	#home-page-banner-hero .content-wrapper h4.hero {
		margin-bottom: var(--ft-h4-mb);
		font-size: var(--ft-h4);
	}

	#home-page-banner-hero .content-wrapper h3.hero {
		margin-bottom: var(--ft-h3-mb);
		font-size: var(--ft-h3);
	}

	#home-page-banner-hero .content-wrapper h2.hero {
		margin-bottom: var(--ft-h2-mb);
		font-size: var(--ft-h2);
	}

	#home-page-banner-hero .content-wrapper h1.hero {
		margin-bottom: var(--ft-h1-mb);
		font-size: var(--ft-h1);
	}
}

@media (max-width: 576px) {

	#home-page-banner-hero .content-wrapper [class*="-title"],
	#home-page-banner-hero .content-wrapper [class*="-title"].hero {
		margin-bottom: var(--ft-h1-mb);
		font-size: var(--ft-h1);
	}

	#home-page-banner-hero .content-wrapper [class*="-title"]+* {
		margin-bottom: var(--ft-h5-mb);
		font-size: var(--ft-h5);
	}
}

#home-page-banner-video {
	z-index: 1;
}

#home-page-banner .content-wrapper :is([class*="-title"], [class*="-text"]) {
	margin-top: -0.375rem;
}

[lang="zh-tw"] #home-page-banner .content-wrapper :is([class*="-title"], [class*="-text"]) {
	margin-top: -0.5rem;
}

#home-page-banner .content-wrapper {
	padding: 1.5rem 1rem 0 1rem;
}

#home-page-banner-1 .content-wrapper {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 2.5rem 3rem;
}

@media (max-width: 1440px) {
	#home-page-banner-1 .content-wrapper {
		padding: 2rem 2.5rem;
	}
}

@media (max-width: 1280px) {
	#home-page-banner-1 .content-wrapper {
		padding: 1.5rem 2rem;
	}
}

@media (max-width: 1024px) {
	#home-page-banner-1 .content-wrapper {
		padding: 1.5rem 1rem 0 1rem;
		background-color: rgba(0, 0, 0, 0);
	}
}

@media (max-width: 768px) {
	#home-page-banner .content-img {
		height: calc((90vw - 2rem) / 2 / 4 * 3);
	}
}

@media (max-width: 576px) {
	#home-page-banner .content-img {
		height: auto;
	}
}

/* ------------------------------
	**company profile
--------------------------- uu */
#corporate-vision-and-mission .position-absolute {
	right: -1rem;
	bottom: -1rem;
	bottom: 0;
}

@media (max-width: 768px) {
	#corporate-vision-and-mission .position-absolute {
		right: auto;
		bottom: auto;
	}

	#eco-friendly-commitment .fx-row [class*=col]:nth-child(1) {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	#eco-friendly-commitment section .fx-row [class*=col]:nth-child(2) {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}

#tab-productsAndServices nav {
	overflow-x: auto;
}

#tab-productsAndServices nav .nav-block:before {
	content: none;
}

#tab-productsAndServices .tab-toggle .tab-list-item+.tab-list-item {
	margin-left: 1rem;
}

#tab-productsAndServices .tab-toggle .tab-list-item label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	min-width: 150px;
	max-width: 200px;
	padding: 0;
	color: inherit;
	background-color: transparent;
}

#tab-productsAndServices .tab-toggle .tab-list-item input:checked+label {
	color: inherit;
	background-color: transparent;
}

#tab-productsAndServices .tab-toggle .tab-list-item label .block-scale {
	min-width: 150px;
	max-width: 200px;
}

#tab-productsAndServices .tab-toggle .tab-list-item label font {
	min-width: 150px;
	max-width: 200px;
	margin-top: 1rem;
}

/* ------------------------------
	**contact us
--------------------------- uu */
#contact-us ul,
#contact-us li:last-child {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	#contact-us section#contact-us_headquarters .fx-row [class*=col]:nth-child(1) {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	#contact-us section#contact-us_headquarters .fx-row [class*=col]:nth-child(2) {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}

	#contact-us section#contact-us_headquarters .fx-row [class*=col]:nth-child(3) {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	#contact-us section .fx-row [class*=col]:nth-child(1) {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	#contact-us section .fx-row [class*=col]:nth-child(2) {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}

/* ------------------------------
	**about shuttle
--------------------------- uu */
#about-shuttle_text {
	margin-top: -4rem;
	line-height: 1.75;
}

@media (max-width: 1440px) {
	#about-shuttle_text {
		margin-top: -3.5rem;
	}
}

@media (max-width: 1280px) {
	#about-shuttle_text {
		margin-top: -3rem;
	}
}

@media (max-width: 1024px) {
	#about-shuttle_text {
		margin-top: -2.5rem;
	}
}

@media (max-width: 768px) {
	#about-shuttle_text {
		margin-top: -2rem;
	}
}

@media (max-width: 576px) {
	#about-shuttle_text {
		margin-top: -1.5rem;
	}
}

#about-shuttle_text,
#corporate-vision-and-mission,
#products-and-services {
	line-height: 1.75;
}

/* ------------------------------
	**products **productsDetail
--------------------------- uu */
#product-intro .video {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#product-intro .video video.img-contain {
	/*display: flex;*/
	/*align-items: center;*/
	/*justify-content: center;*/
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	margin: auto;
}

/*w-auto max-w-100 h-auto max-h-100*/

#tab-product-panel-download #bios-download .card+.card,
#tab-product-panel-download #driver-download .card+.card,
#tab-product-panel-download #manual-download .card+.card,
#tab-product-panel-download #utilities-download .card+.card {
	margin-top: 1rem;
}

#tab-product-panel-download .download-link {
	min-width: 160px;
}

#tab-product-panel-download .download-desc .content-text:last-child {
	margin-bottom: 0;
}

#tab-product-panel-faq .fas {
	/*opacity: 0.6;*/
	color: rgba(14, 117, 180, 1);
	-webkit-transition: color 0.3s;
	transition: color 0.3s;
}

#tab-product-panel-faq a:hover .fas {
	color: var(--color-ci-sb);
	/*opacity: 1;*/
}

#mainTitle {
	border-radius: 0.5rem;
	background-color: #dcdcdc;
	background-image: none;
}

#productIntroduction>#imgLeft {
	margin-right: 4rem;
	margin-left: 4rem;
}

#productIntroduction #imgLeft #imgLeft {
	margin: unset;
	margin-left: 15px;
}

#productIntroduction #imgLeft #imgLeft a img[alt="Product Video"] {
	width: 30px;
}

@media (max-width: 992px) {
	#productIntroduction #imgLeft {
		justify-content: center;
		margin-right: unset;
		margin-left: unset;
	}

	#productIntroduction :is(#imgRight, #imgLeft) img {
		margin: unset;
	}
}
/* ------------------------------
	**news
--------------------------- uu */
.news-list-img .content-img {
	width: 100%;
	height: 100%;
	background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3e%3cpath fill='%23ffffff90' d='M78.8,53.2c-1.4-0.6-5.5-2.1-10.2-2.1c-3.9,0-6.9,1.5-7.6,3.9c-1.6,6.6,18.8,6.4,16.2,16c-1.8,6.5-9.4,9.1-18.2,9.1c-4.8,0-9.5-0.8-10.7-1.2l1.3-4.8c1.8,0.8,6.4,2.7,11.4,2.7c4.5,0,8.1-1.3,8.9-4.5c1.9-7.1-18.7-6.6-16.1-16.2c1.3-5.1,7.4-8,16.4-8c4,0,8.1,0.6,9.8,0.8L78.8,53.2z'/%3e%3c/svg%3e"
		) #00000030 no-repeat center center;
}

@media (min-width: 577px) {
	.news-list-img {
		margin-bottom: -34px;
	}
}

.news-single-img {
	text-align: center;
}

.news-sigle-article section:not([class*="card"]) a {
	color: var(--color-ci-bl);
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.news-sigle-article section:not([class*="card"]) a:hover {
	color: var(--color-ci-sb);
}

/* ------------------------------
	**investors
--------------------------- uu */
#investors .img-scale-down {
	width: 100px;
	margin: unset;
}

@media (max-width: 768px) {
	#investors .img-scale-down {
		width: 75px;
	}
}

@media (max-width: 576px) {
	#investors .img-scale-down {
		width: 36px;
	}
}

#investors .content-title {
	display: block;
	text-align: center;
}

@media (max-width: 576px) {
	#investors .content-title {
		display: unset;
		margin-left: 0.5rem;
	}
}

#investors ul {
	float: left;
	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;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: justify;
	align-content: space-between;
	width: 100%;
	max-width: 594px;
	max-height: 203px;
	margin-bottom: -0.5rem;
}

@media (max-width: 768px) {
	#investors ul {
		max-height: unset;
	}
}

#investors li {
	font-size: 0.875rem;
	/*margin: 0 4rem 0.5rem 0;*/
	margin-bottom: 0.5rem;
}

#investors li a {
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

#investors-select button {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

#investors-select ul {
	width: auto;
	right: 0;
	white-space: nowrap;
}

#investors-select.dropdown .dropdown-toggle+.dropdown-menu .dropdown-item {
	padding: 0.375rem 2rem
}

#investors-select.dropdown .dropdown-toggle.active+.dropdown-menu .dropdown-item {
	padding: 0.5rem 2rem
}

@media (max-width: 576px) {
	#investors-select button {
		width: 100%;
	}

	#investors-select ul {
		width: 100% !important;
		right: unset;
		white-space: unset;
	}

	#investors-select a {
		padding: 0.5rem 1rem
	}
}

.investorsContent {
	line-height: 1.75;
	word-wrap: break-word;
}

.investorsContent a {
	line-height: 1.25;
}

.investorsContent .scroll {
	width: 100%;
	overflow: auto;
}

.investorsContent img:not(table img) {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.investorsContent table {
	line-height: unset;
	text-align: center;
}

.investorsContent table +table {
	margin-top: 1rem;
}

.investorsContent table th {
	background: #f3f3f3;
}

.investorsContent table :is(th, td) {
	padding: 0.5rem 0.5rem;
	border: 1px solid rgb(227, 227, 232);
}

.investorsContent table i {
	font-size: 1.5rem;
}

.investorsContent [width="14%"] {
	min-width: 110px;
}

.investorsContent [width="8%"] {
	min-width: 34px;
}

:is(#corporate-governance-team,
#board-member-diversity-policy) table {
	line-height: 1.25;
}

.fa-square-arrow-up-right {
	opacity: 0.5;
}

#sustainability-report a i.fa-file {
	font-size: 10rem;
	background-image: -webkit-gradient(linear, left bottom, left top, from(rgb(14, 117, 180)), to(rgb(46, 187, 252)));
	background-image: linear-gradient(0deg, rgb(14, 117, 180), rgb(46, 187, 252) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

#sustainability-report a i.fa-seedling {
	position: absolute;
	margin-top: 3rem;
	font-size: 4rem;
	color: #fff;
}

#employee-benefit ul {
	list-style: unset;
}

#functional-committee p {
	margin-bottom: 0.5rem;
}

#functional-committee table {
	width: 460px;
}

@media (max-width: 576px) {
	#functional-committee table {
		width: 100%;
		min-width: 460px;
	}
}

/* ------------------------------
	**support **download
--------------------------- uu */
/* ------------------------------
	**support **q&a
--------------------------- uu */
/* ------------------------------
	**support **supportlist
--------------------------- uu */
#linux-support .linux-logo {
	width: 50%;
	max-width: 500px;
	min-width: 250px;
	margin: auto;
	margin-bottom: 1rem;
}

#linux-support .linux-logo+.content-title {
	font-family: Montserrat;
	font-weight: 600;
	color: #2C1D00;
}

#linux-support tr th {
	width: 20%;
	min-width: 100px;
	background-color: transparent;
}

#linux-support tr th img {
	height: auto;
}

#linux-support tr td {
	text-align: center;
	font-weight: 500;
}

#linux-support tr td:first-child {
	text-align: initial;
}

#linux-support .ubuntu-text-color {
	color: #dd4814;
}

#linux-support .suse-text-color {
	color: #73ba25;
}

#linux-support .centos-text-color {
	color: #932279;
}

#linux-support .fedora-text-color {
	color: #3c6eb4;
}

#win11-support .win11-logo {
	width: 50%;
	max-width: 500px;
	min-width: 250px;
	margin: auto;
	margin-bottom: 1rem;
}

#win11-support .win11-logo+.content-title {
	font-family: Montserrat;
	font-weight: 600;
	color: #0278CF;
}

#win11-support tr th {
	min-width: 100px;
	text-align: left;
}

#win11-support tr th:first-child {
	min-width: 140px;
}

#win11-support tr th:last-child {
	width: 40%;
	min-width: 220px;
}

#win11-support tr td {
	font-weight: 500;
}

/* ------------------------------
	**support **power
--------------------------- uu */
#power-supply-calculator .fx-col>font {
	line-height: 1.5;
}

#power-supply-calculator span {
	font-size: 14px;
}

#power-supply-calculator .fa-bolt {
	margin-right: 0.25rem;
}

#power-supply-calculator #equipped-table select {
	background-color: var(--color-wt);
}


/* ------------------------------
	**support **service-center
--------------------------- uu */
#service-center #icon img {
	max-width: 14rem;
}

#service-center #icon {
	-ms-grid-column-span: 3;
	grid-column: span 3;
	-ms-grid-row-span: 2;
	grid-row: span 2;
}

#service-center #titel {
	-ms-grid-column-span: 9;
	grid-column: span 9;
	-ms-grid-row-span: 1;
	grid-row: span 1;
}

#service-center #hot-line {
	-ms-grid-column-span: 3;
	grid-column: span 3;
	-ms-grid-row-span: 1;
	grid-row: span 1;
}

#service-center #mail {
	-ms-grid-column-span: 3;
	grid-column: span 3;
	-ms-grid-row-span: 1;
	grid-row: span 1;
}

#service-center #hours {
	-ms-grid-column-span: 3;
	grid-column: span 3;
	-ms-grid-row-span: 1;
	grid-row: span 1;
}

#service-center #tech-support-form {
	-ms-grid-column-span: 3;
	grid-column: span 3;
	-ms-grid-row-span: 1;
	grid-row: span 1;
}

@media (max-width: 768px) {
	#service-center #icon {
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		grid-column: 1 / 7;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-row: 1 / 3;
	}

	#service-center #titel {
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		grid-column: 1 / 7;
		-ms-grid-row: 3;
		grid-row: 3 / 3;
	}

	#service-center #hot-line {
		-ms-grid-column: 7;
		-ms-grid-column-span: 5;
		grid-column: 7 / 12;
		-ms-grid-row: 1;
		grid-row: 1 / 1;
	}

	#service-center #hours {
		-ms-grid-column: 7;
		-ms-grid-column-span: 5;
		grid-column: 7 / 12;
		-ms-grid-row: 2;
		grid-row: 2 / 2;
	}

	#service-center #tech-support-form {
		-ms-grid-column: 7;
		-ms-grid-column-span: 5;
		grid-column: 7 / 12;
		-ms-grid-row: 3;
		grid-row: 3 / 3;
	}
}

@media (max-width: 576px) {

	#service-center #icon,
	#service-center #titel,
	#service-center #hot-line,
	#service-center #hours,
	#service-center #tech-support-form {
		-ms-grid-column-span: 12;
		grid-column: span 12;
		grid-row: unset;
	}
}

/* ------------------------------
	**404
--------------------------- uu */
#error-404 {
	min-height: 270px;
}

#error-404 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: -8%;
	margin-bottom: 1.25rem;
}

#error-404 ul li .text-404 {
	display: inline-block;
	font-family: "Syncopate";
	font-size: 16rem;
	font-weight: 600;
	line-height: 16rem;
	color: rgba(204, 204, 204, 1);
	text-shadow: 0 4.5rem 2.75rem rgba(0, 0, 0, 0.1);
	cursor: default;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	pointer-events: none;
}

#error-404 ul li {
	height: 100%;
	-webkit-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#error-404 ul li:hover .text-404,
#error-404 ul li:active .text-404 {
	font-size: 14rem;
	color: #aaa;
	text-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.2);
}

@media (max-width: 1440px) {

	#error-404 ul li .text-404 {
		font-size: 14rem;
		line-height: 14rem;
		text-shadow: 0 4rem 2.5rem rgba(0, 0, 0, 0.1);
	}

	#error-404 ul li:hover .text-404,
	#error-404 ul li:active .text-404 {
		font-size: 12rem;
	}
}

@media (max-width: 1280px) {

	#error-404 ul li .text-404 {
		font-size: 12rem;
		line-height: 12rem;
		text-shadow: 0 3.5rem 2.25rem rgba(0, 0, 0, 0.1);
	}

	#error-404 ul li:hover .text-404,
	#error-404 ul li:active .text-404 {
		font-size: 10;
	}
}

@media (max-width: 1024px) {

	#error-404 ul li .text-404 {
		font-size: 10rem;
		line-height: 10rem;
		text-shadow: 0 3rem 2rem rgba(0, 0, 0, 0.1);
	}

	#error-404 ul li:hover .text-404,
	#error-404 ul li:active .text-404 {
		font-size: 9rem;
	}
}

@media (max-width: 768px) {

	#error-404 ul {
		margin-top: -10%;
		margin-bottom: 1.5rem;
	}

	#error-404 ul li .text-404 {
		font-size: 8rem;
		line-height: 8rem;
		text-shadow: 0 2.5rem 1.75rem rgba(0, 0, 0, 0.1);
	}

	#error-404 ul li:hover .text-404,
	#error-404 ul li:active .text-404 {
		font-size: 7rem;
		text-shadow: 0 0.125rem 0.125rem rgba(0, 0, 0, 0.2);
	}
}

@media (max-width: 576px) {

	#error-404 ul li .text-404 {
		font-size: 6rem;
		line-height: 6rem;
		text-shadow: 0 2rem 1.5rem rgba(0, 0, 0, 0.1);
	}

	#error-404 ul li:hover .text-404,
	#error-404 ul li:active .text-404 {
		font-size: 5rem;
	}
}

#error-404 ul li .text-404 {
	-webkit-animation: text-404 2.5s infinite ease-in-out alternate;
	animation: text-404 2.5s infinite ease-in-out alternate;
}

#error-404 ul li:nth-child(2) .text-404 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

#error-404 ul li:nth-child(3) .text-404 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}

@-webkit-keyframes text-404 {
	100% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
}

@keyframes text-404 {
	100% {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
}

@media (max-width: 768px) {

	#error-404 .content-center-center {
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	#error-404 .content-center-center .content-wrapper {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		text-align: center;
	}
}

/* ------------------------------
	**carouse
--------------------------- uu */
/* slick carouse */
/*.slick-dots {
	z-index: 2;
	display: block;
	position: absolute;
	right: 0;
	bottom: 2rem;
	left: 0;
	width: 78vw;
	height: 1rem;
	padding: 0;
	margin: 0 auto;
	list-style: none;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

@media (max-width: 1440px) {
	.slick-dots {
		width: 82vw;
	}
}

@media (max-width: 1280px) {
	.slick-dots {
		width: 86vw;
	}
}

@media (max-width: 1024px) {
	.slick-dots {
		width: 90vw;
	}
}

@media (max-width: 768px) {
	.slick-dots {
		width: 94vw;
		bottom: 0;
		text-align: center;
	}
}

@media (max-width: 576px) {
	.slick-dots {
		width: calc(100vw - 2rem);
	}
}

.slick-dots li {
	display: inline-block;
	cursor: pointer;
	margin: 0;
}

.slick-dots li+li {
	margin-left: 0.5rem;
}

.slick-dots li button {
	float: right;
	width: 0.5rem;
	height: 0.5rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	margin: 0.25rem;
	background-color: #000;
	opacity: 0.5;
	font-size: 0;
	line-height: 0;
	color: transparent;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.slick-dots li:hover button {
	background-color: #2db9ed;
}

.slick-dots li.slick-active button {
	opacity: 0.75;
	background-color: #2db9ed;
	opacity: 1;
}

.slick-dots li button:focus {
	outline: 0;
}

.slick-list,
.slick-track {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}*/

/* ------------------------------
	**carousel 	**splide
--------------------------- uu */
/* 預設箭頭樣式 */
.splide__arrows .splide__arrow {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.05);
}

.splide__arrows .splide__arrow[disabled] {
	display: none;
}

.splide__arrows .splide__arrow svg {
	width: 1rem;
	height: 1rem;
	fill: #999;
	stroke: #ffffff;
	-webkit-transition: fill 0.3s;
	transition: fill 0.3s;
}

@media (hover: hover) {
	.splide__arrows .splide__arrow:hover svg {
		fill: rgba(14, 117, 180, 1);
	}
}

/* section-hero */
.section-hero .splide__pagination {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
	width: 78%;
	max-width: 1920px;
	bottom: 2rem;
	margin: auto;
}

@media (max-width: 1440px) {
	.section-hero .splide__pagination {
		width: 81%;
	}
}

@media (max-width: 1280px) {
	.section-hero .splide__pagination {
		width: 84%;
	}
}

@media (max-width: 1024px) {
	.section-hero .splide__pagination {
		width: 87%;
	}
}

@media (max-width: 768px) {
	.section-hero .splide__pagination {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 90%;
		bottom: 0;
	}
}

@media (max-width: 576px) {
	.section-hero .splide__pagination {
		width: calc(100% - 3rem);
	}
}

.section-hero .splide__pagination li+li {
	margin-left: 1rem;
}

.section-hero .splide__pagination__page {
	width: 0.5rem;
	height: 0.5rem;
	margin: 0;
	background: rgba(0, 0, 2, 0.25);
	opacity: 1;
	-webkit-transition: background .6s, -webkit-transform .3s linear;
	transition: background .6s, -webkit-transform .3s linear;
	transition: background .6s, transform .3s linear;
	transition: background .6s, transform .3s linear, -webkit-transform .3s linear;
}

.section-hero .splide__pagination__page:hover {
	background: hsl(201deg 85% 50% / 0.6);
}

.section-hero .splide__pagination__page.is-active {
	background: var(--color-ci-sb);
	-webkit-transform: none;
	transform: none;
}

/* product-gallery */
.product-gallery .splide__arrow {
	background: rgba(0, 0, 0, 0.05);
	opacity: 1;
	-webkit-transition: .3s;
	transition: .3s
}

.product-gallery .splide__arrow svg {
	width: 1rem;
	height: 1rem;
	fill: #999;
	-webkit-transition: .3s;
	transition: .3s
}

.product-gallery .splide__arrow:hover svg {
	fill: rgba(14, 117, 180, 1);
}

.product-gallery .splide--nav>.splide__track {
	width: calc(100% - 8rem);
	margin: auto;
}

.product-gallery .splide--nav>.splide__track>.splide__list>.splide__slide {
	border: 0;
}

.product-gallery .splide--nav>.splide__track>.splide__list>.splide__slide:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 0;
	height: 0.25rem;
	background-color: var(--color-ci-bl);
	opacity: 0;
	-webkit-transition: 0.6s ease;
	transition: 0.6s ease;
}

.product-gallery .splide--nav>.splide__track>.splide__list>.splide__slide.is-active:after {
	width: 100%;
	opacity: 1;
}

.product-gallery .splide--fade>.splide__track>.splide__list>.splide__slide {
	max-height: 480px;
}

.product-gallery .btn[download] {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.product-gallery .splide.carousel-primary .splide__slide:hover .btn[download] {
	opacity: 1;
}

/* product-case-study */
.product-case-study .splide {
	padding-bottom: 3rem;
}

.product-case-study .splide__arrows {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 3rem;
	left: 0;
}

.product-case-study .splide__arrows .splide__arrow {
	top: 0;
	width: 11vw;
	height: 100%;
	border-radius: 0;
	background-color: #ffffff;
	-webkit-transform: none;
	transform: none;
}

.product-case-study .splide__arrows .splide__arrow svg {
	width: 3rem;
	height: 3rem;
	fill: #999;
	stroke: #ffffff;
	stroke-width: 5px;
}

@media (hover: none) {
	.product-case-study .splide__arrow:hover {
		opacity: 0.7;
	}
}

@media (hover: hover) {
	.product-case-study .splide__arrows .splide__arrow:hover svg {
		fill: var(--color-ci-bl);
	}
}

.product-case-study .splide__arrows .splide__arrow--prev {
	left: -11vw;
}

.product-case-study .splide__arrows .splide__arrow--next {
	right: -11vw;
}

@media (hover: hover) {

	/*  左右滑動效果，	會影響到切換後的定位 */
	.product-case-study .splide__track ul.splide__list {
		-webkit-transition: margin 0.6s ease;
		transition: margin 0.6s ease;
	}

	.product-case-study .splide__track ul.splide__list.prev {
		margin-right: -10% !important;
		margin-left: 10% !important;
	}

	.product-case-study .splide__track ul.splide__list.next {
		margin-right: 10% !important;
		margin-left: -10% !important;
	}
}

.product-case-study .splide__pagination {
	bottom: 0;
	width: auto;
	height: 1rem;
}

.product-case-study .splide__pagination li+li {
	margin-left: 1rem;
}

.product-case-study .splide__pagination__page {
	width: 0.5rem;
	height: 0.5rem;
	margin: 0;
	background: rgba(0, 0, 2, 0.25);
	opacity: 1;
	-webkit-transition: background .6s, -webkit-transform .3s linear;
	transition: background .6s, -webkit-transform .3s linear;
	transition: background .6s, transform .3s linear;
	transition: background .6s, transform .3s linear, -webkit-transform .3s linear;
}

.product-case-study .splide__pagination__page:hover {
	background: hsl(201deg 85% 50% / 0.6);
}

.product-case-study .splide__pagination__page.is-active {
	background: var(--color-ci-sb);
	-webkit-transform: none;
	transform: none;
}

@media (max-width: 1440px) {
	.product-case-study .splide__arrows .splide__arrow {
		width: 9.5vw;
	}

	.product-case-study .splide__arrows .splide__arrow--prev {
		left: -9.5vw;
	}

	.product-case-study .splide__arrows .splide__arrow--next {
		right: -9.5vw;
	}
}

@media (max-width: 1280px) {
	.product-case-study .splide__arrows .splide__arrow {
		width: 8vw;
	}

	.product-case-study .splide__arrows .splide__arrow--prev {
		left: -8vw;
	}

	.product-case-study .splide__arrows .splide__arrow--next {
		right: -8vw;
	}
}

@media (max-width: 1024px) {
	.product-case-study .splide {
		padding-bottom: 6rem;
	}

	.product-case-study .splide__arrows {
		top: auto;
		bottom: 0;
		width: 5rem;
		height: 2rem;
		margin: auto;
	}

	.product-case-study .splide__arrows .splide__arrow {
		width: 2rem;
		height: 2rem;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.05);
	}

	.product-case-study .splide__arrows .splide__arrow--prev {
		left: 0;
	}

	.product-case-study .splide__arrows .splide__arrow--next {
		right: 0;
	}

	.product-case-study .splide__arrows .splide__arrow svg {
		width: 1rem;
		height: 1rem;
		stroke-width: 0;
	}

	.product-case-study .splide__track .splide__list.prev {
		margin-left: 0 !important;
	}

	.product-case-study .splide__track .splide__list.next {
		margin-left: 0 !important;
	}

	.product-case-study .splide__pagination {
		bottom: 3rem;
	}
}

@media (max-width: 768px) {
	.product-case-study .splide {
		padding-bottom: 4rem;
	}
}

/* #products-and-services */
#products-and-services .carousel-primary {
	margin-right: auto;
	margin-left: auto;
}

#products-and-services .carousel-primary .splide__list .splide__slide {
	border-radius: 1rem;
	border-width: 0;
	-webkit-box-shadow: inset 0 0 0 0 #2db9ed;
	box-shadow: inset 0 0 0 0 #2db9ed;
	-webkit-transition: -webkit-box-shadow 0s;
	transition: -webkit-box-shadow 0s;
	transition: box-shadow 0s;
	transition: box-shadow 0s, -webkit-box-shadow 0s;
}

#products-and-services .carousel-primary .splide__list .splide__slide.is-active {
	-webkit-box-shadow: inset 0 0 0 4px var(--color-ci-sb);
	box-shadow: inset 0 0 0 4px var(--color-ci-sb);
	-webkit-transition: -webkit-box-shadow 0.3s ease;
	transition: -webkit-box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
}

#products-and-services .carousel-primary {
	z-index: 1;
}

#products-and-services .carousel-primary .splide__arrows {
	/*visibility: hidden;*/
	position: absolute;
	/*top: auto;*/
	right: 0;
	bottom: 0;
	left: 0;
	width: 5rem;
	/*height: 2rem;*/
	margin: auto;
}

#products-and-services .carousel-primary .splide__arrows .splide__arrow--prev {
	left: 0;
}

#products-and-services .carousel-primary .splide__arrows .splide__arrow--next {
	right: 0;
}

#products-and-services .carousel-primary .splide__slide {
	min-width: 12rem;
	max-width: 20rem;
}

/* ------------------------------
	**language **zh-tw
--------------------------- uu */
/*[lang="zh-tw"] .section-hero h2 {
	font-size: 3.375rem;
}

[lang="zh-tw"] .section-hero h5 {
	font-size: 1.5rem;
}


@media (max-width: 1280px) {
	[lang="zh-tw"] .section-hero h2 {
		font-size: 3.1875rem;
	}

	[lang="zh-tw"] .section-hero h5 {
		font-size: 1.375rem;
	}
}

@media (max-width: 1024px) {
	[lang="zh-tw"] .section-hero h2 {
		font-size: 3rem;
	}

	[lang="zh-tw"] .section-hero h5 {
		font-size: 1.25rem;
	}
}

@media (max-width: 768px) {
	[lang="zh-tw"] .section-hero h2 {
		font-size: 3.1875rem;
	}

	[lang="zh-tw"] .section-hero h5 {
		font-size: 1.375rem;
	}
}

@media (max-width: 576px) {
	[lang="zh-tw"] .section-hero h2 {
		font-size: 3rem;
	}

	[lang="zh-tw"] .section-hero h5 {
		font-size: 1.25rem;
	}
}*/

/*@media (min-width: 1025px) {
	[lang="ru"] #home-page-banner-1 .content-title {
		font-size: 1rem;
	}
}*/























/*end*/