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

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

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

#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;
}

.shuttle-logo #shuttle-logo-scene image {
	/*display: none;*/
	/*position: absolute;*/
}

@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;
	opacity: 1;
	-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 {
		/*z-index: -1;*/
		visibility: hidden;
		right: 30rem;
		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: 0;*/
		height: calc(100vh - 3rem);
		margin: 0 auto;
		opacity: 0;
		overflow-x: hidden;
		overflow-y: scroll;
		-webkit-transition:
			visibility 0.3s ease,
			/*height 0.3s ease,*/
			opacity 0.3s ease;
		transition:
			visibility 0.3s ease,
			/*height 0.3s ease,*/
			opacity 0.3s ease;
	}

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

	.menu-open #menu {
		visibility: visible;
		/*height: calc(100vh - 3rem);*/
		opacity: 1;
	}
}

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

#menu>ul>li>ul>li>ul>li:hover,
#menu>ul>li+li>ul>li:hover {
	color: hsl(201deg 85% 55% / 1);
}

#menu a {
	display: block;
	padding: 0.375rem 1rem;
	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;
}

#menu>ul>li>a {
	padding: 0.75rem 1rem;
}

@media (min-width: 1025px) {

	.menu-open #menu a {
		margin: 0 -1rem;
	}
}

@media (max-width: 1024px) {

	#menu>ul>li>a,
	#menu a {
		position: relative;
		padding: 0.375rem 1.5rem;
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 1.5rem;
		-webkit-transition: padding 0.6s, margin 0.6s, color 0.3s;
		transition: padding 0.6s, margin 0.6s, color 0.3s;
	}

	.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;
	margin: 0;
}

@media (max-width: 1024px) {

	#menu .list-1st {
		display: block;
	}
}

.outside #menu .list-2nd {
	-webkit-transition: 0s;
	transition: 0s;
}

#menu .list-2nd {
	visibility: hidden;
	z-index: -1;
	position: absolute;
	padding: 2rem;
	margin: 1rem 0 0 -2rem;
	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);
	opacity: 0;
}

#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;
	min-width: 860px;
}

[lang="ru"] #menu.float-mode .list-2nd.d-flex {
	right: -90px;
	min-width: 970px;
}

#menu.burger-mode .list-2nd {
	display: block !important;
	-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;
	position: absolute;
	top: 0;
	right: auto;
	width: 100%;
	min-width: auto;
	height: auto;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

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

#menu .list-next:hover .list-2nd {
	visibility: visible;
	z-index: 1;
	margin-top: 0;
	opacity: 1;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

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

@media (min-width: 1025px) {
	#menu a.list-group-title {
		display: inline-block;
		font-weight: 600;
		line-height: 1rem;
		color: rgba(14, 117, 180, 1);
		cursor: default;
	}
}

#menu.float-mode .list-3rd {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

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

#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 8px 16px rgba(0, 0, 2, 0.2);
	box-shadow: 0 8px 16px rgba(0, 0, 2, 0.2);
}

[lang="ru"] #menu .menu-img {
	max-width: calc(172px + 2rem);
}

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

@media (max-width: 1024px) {

	#menu li {
		width: 100%;
	}

	#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: hsl(201deg 85% 55% / 1);
	}

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

	#menu .menu-img {
		display: none;
	}

	#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-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: rgba(14, 117, 180, 1);
}

[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+path {
	fill: rgba(46, 187, 238, 1);
}

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

#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: hsl(201deg 85% 55% / 1);
}

#ft-follow-us {}

#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: hsl(201deg 85% 55% / 1);
}

#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: hsl(201deg 85% 55% / 1);
}

@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 {}

	#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: hsl(201deg 85% 55% / 1);
}

#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: hsl(201deg 85% 55% / 1);
}

#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 hsl(201deg 85% 55% / 1), 0 16px 16px rgba(0, 0, 2, 0.1);
	box-shadow: 0 0 0 0 hsl(201deg 85% 55% / 1), 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-product .tab-toggle .tab-list {
	/*max-width: 1024px;*/
}

#tab-product .tab-toggle .tab-list-item {
	/*max-width: 240px;*/
}

/* spec tab */
#tab-spec ul li {
	/*max-width: 360px;*/
	/*margin-top: 0;*/
	/*margin-bottom: 0;*/
}

#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 home-page.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';
	overflow: hidden;
}

#home-page-banner-hero .content-wrapper .content-title,
#home-page-banner-hero .content-wrapper .content-text {
	margin-top: -0.75rem;
}

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

#home-page-banner .content-wrapper .content-title,
#home-page-banner .content-wrapper .content-text {
	margin-top: -0.375rem;
}

[lang="zh-tw"] #home-page-banner .content-wrapper .content-title,
[lang="zh-tw"] #home-page-banner .content-wrapper .content-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;
	background-color: rgba(0, 0, 0, 0.8);
}

@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;
}

/* ------------------------------
	**product
--------------------------- uu */
#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: hsl(201deg 85% 55% / 1);
	/*opacity: 1;*/
}

/* ------------------------------
	**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;
	}
}

.gd-cols .news-list-img {
	/*grid-column: 10 / 13;*/
	/*grid-column: 10 / span 3;*/
	-ms-grid-column: 10;
	grid-column-start: 10;
	-ms-grid-column-span: 3;
	grid-column-end: 13;
	/*grid-column-end: span 3;*/
	/*grid-row: 1 / 3;*/
	/*grid-row: 1 / span 3;*/
	-ms-grid-row: 1;
	grid-row-start: 1;
	-ms-grid-row-span: 2;
	grid-row-end: span 2;
	margin: 0;
}

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

/* ------------------------------
	**support
--------------------------- 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;
}

/* ------------------------------
	**service-center
--------------------------- uu */
#service-center[lang="en-us"] #icon img {
	max-width: 14rem;
}

#service-center[lang="en-us"] #icon {
	-ms-grid-column-span: 3;
	grid-column: span 3;
	-ms-grid-row-span: 2;
	grid-row: span 2;
}

#service-center[lang="en-us"] #titel {
	-ms-grid-column-span: 9;
	grid-column: span 9;
	-ms-grid-row-span: 1;
	grid-row: span 1;
}

#service-center[lang="en-us"] #hot-line {
	-ms-grid-column-span: 3;
	grid-column: span 3;
	-ms-grid-row-span: 1;
	grid-row: span 1;
}

#service-center[lang="en-us"] #hours {
	-ms-grid-column-span: 3;
	grid-column: span 3;
	-ms-grid-row-span: 1;
	grid-row: span 1;
}

#service-center[lang="en-us"] #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[lang="en-us"] #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[lang="en-us"] #titel {
		-ms-grid-column: 1;
		-ms-grid-column-span: 6;
		grid-column: 1 / 7;
		-ms-grid-row: 3;
		grid-row: 3 / 3;
	}

	#service-center[lang="en-us"] #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[lang="en-us"] #hours {
		-ms-grid-column: 7;
		-ms-grid-column-span: 5;
		grid-column: 7 / 12;
		-ms-grid-row: 2;
		grid-row: 2 / 2;
	}

	#service-center[lang="en-us"] #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[lang="en-us"] #icon,
	#service-center[lang="en-us"] #titel,
	#service-center[lang="en-us"] #hot-line,
	#service-center[lang="en-us"] #hours,
	#service-center[lang="en-us"] #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 svg {
	width: 1rem;
	height: 1rem;
	fill: #999;
	stroke: #ffffff;
	-webkit-transition: .3s;
	transition: .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: hsl(201deg 85% 50% / 1);
	-webkit-transform: none;
	transform: none;
}

/* product-gallery */
.product-gallery .splide--nav {
	width: calc(100% - 6rem);
	left: 3rem;
}

.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__arrow--prev {
	left: -3rem;
}

.product-gallery .splide__arrow--next {
	right: -3rem;
}

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

.product-gallery .splide--nav>.splide__track>.splide__list>.splide__slide:after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	width: 0;
	height: .125rem;
	background-color: rgba(14, 117, 180, 1);
	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-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;
	-webkit-transition: .3s;
	transition: .3s;
}

@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: rgba(14, 117, 180, 1);
	}
}

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

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

.product-case-study .splide__track .splide__list {
	/*-webkit-transition: margin .6s ease;*/
	/*transition: margin .6s ease;*/
}

.product-case-study .splide__track .splide__list.prev {
	/*margin-left: 5% !important;*/
}

.product-case-study .splide__track .splide__list.next {
	/*margin-left: -5% !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: hsl(201deg 85% 50% / 1);
	-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 {}

#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 #2db9ed;
	box-shadow: inset 0 0 0 4px #2db9ed;
	-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;
}

@media (max-width: 768px) {
	#products-and-services .carousel-primary .splide__arrows {
		/*visibility: visible;*/
	}
}

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

@media (max-width: 1024px) {
	#products-and-services .carousel-secondary {
		/*margin-top: 4rem;*/
	}
}

/* ------------------------------
	**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*/