@charset "UTF-8";

a, abbr, acronym, address, applet, ar, b, big, blockquote, body, button, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, input, ins, kbd, label, legend, li, nav, object, ol, p, pre, q, s, samp, section, select, small, span, strike, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, u, ul {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	vertical-align: top;

	-webkit-box-sizing: border-box;

	box-sizing: border-box;

	-webkit-backface-visibility: hidden;

	backface-visibility: hidden;

	-webkit-tap-highlight-color: transparent

}

body {

	position: relative;

	font-family: "Montserrat", "Microsoft JhengHei", sans-serif;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.7;

	color: #777;

	overflow-x: hidden

}

img {

	max-width: 100%;

	vertical-align: middle;

	-webkit-touch-callout: none;

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}

button, input, select, textarea {

	display: block;

	outline: none

}

a {

	cursor: pointer;

	display: block;

	text-decoration: none

}

a:active, a:focus, a:hover {

	text-decoration: none

}

ol, ul {

	list-style: none

}

::-webkit-input-placeholder {

	color: #ccc

}

::-moz-placeholder {

	color: #ccc

}

:-ms-input-placeholder {

	color: #ccc

}

::-ms-input-placeholder {

	color: #ccc

}

::placeholder {

	color: #ccc

}

:-ms-input-placeholder {

	color: #ccc

}

::-ms-input-placeholder {

	color: #ccc

}

.main {

	width: 100%;

	background-color: #fff;

	overflow: hidden

}

.container {

	position: relative;

	width: 100%;

	padding: 0 15px;

	margin: 0 auto

}

@media (min-width:1200px) {

	.container {

		width: 1170px

	}

}

@media (max-width:1199px) and (min-width:992px) {

	.container {

		width: 990px

	}

}

@media (max-width:991px) and (min-width:768px) {

	.container {

		width: 750px

	}

}

@media (max-width:767px) {

	.container {

		width: 100%

	}

}

.full-container {

	position: relative;

	width: 100%

}

.fixed__social {

	position: fixed;

	top: 50%;

	right: 30px;

	z-index: 999

}

@media (min-width:992px) {

	.fixed__social {

		-webkit-transform: translateY(-50%);

		transform: translateY(-50%)

	}

}

@media (max-width:991px) {

	.fixed__social {

		top: auto;

		bottom: 80px;

		right: 20px

	}

}

.fixed__social-btn {

	width: 60px;

	height: 60px;

	border-radius: 50%;

	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);

	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);

	overflow: hidden;

	-webkit-transition-property: -webkit-box-shadow;

	transition-property: -webkit-box-shadow;

	transition-property: box-shadow;

	transition-property: box-shadow, -webkit-box-shadow;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

@media (max-width:991px) {

	.fixed__social-btn {

		width: 36px;

		height: 36px;

		-webkit-box-shadow: none;

		box-shadow: none

	}

}

.fixed__social-btn:hover {

	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0);

	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0)

}

@media (max-width:991px) {

	.fixed__social-btn:hover {

		-webkit-box-shadow: none;

		box-shadow: none

	}

}

.fixed__social-btn:nth-child(n+2) {

	margin-top: 15px

}

@media (max-width:991px) {

	.fixed__social-btn:nth-child(n+2) {

		margin-top: 5px

	}

}

.fixed__social-btn--fb {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px 0px

}

@media (max-width:991px) {

	.fixed__social-btn--fb {

		background-size: 90px 600px;

		background-repeat: no-repeat;

		background-image: url("../images/icons-01.png?1209");

		background-position: 0px 0px

	}

}

.fixed__social-btn--line {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -61px

}

@media (max-width:991px) {

	.fixed__social-btn--line {

		background-size: 90px 600px;

		background-repeat: no-repeat;

		background-image: url("../images/icons-01.png?1209");

		background-position: 0px -36.6px

	}

}

.fixed__social-btn--twitter {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -122px

}

@media (max-width:991px) {

	.fixed__social-btn--twitter {

		background-size: 90px 600px;

		background-repeat: no-repeat;

		background-image: url("../images/icons-01.png?1209");

		background-position: 0px -73.2px

	}

}

.fixed__social-btn--mail {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -183px

}

@media (max-width:991px) {

	.fixed__social-btn--mail {

		background-size: 90px 600px;

		background-repeat: no-repeat;

		background-image: url("../images/icons-01.png?1209");

		background-position: 0px -109.8px

	}

}

.common__title {

	position: relative;

	width: 100%;

	margin-bottom: 45px;

	text-align: center;

	-webkit-transform: translateY(40px);

	transform: translateY(40px);

	opacity: 0;

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

@media (max-width:991px) {

	.common__title {

		margin-bottom: 25px

	}

}

.common__title:before {

	content: "";

	display: block;

	width: 70px;

	height: 8px;

	margin: 0 auto 5px;

	background-image: url("../images/index/title_img.png");

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat

}

.common__title p:first-child {

	width: 100%;

	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans JP", "Microsoft JhengHei", sans-serif;

	font-size: 35px;

	font-weight: 400;

	line-height: 1.4;

	color: #031a36

}

@media (max-width:991px) {

	.common__title p:first-child {

		font-size: 24px

	}

}

.common__title p:first-child span {

	color: #49a9dc

}

.common__title p:nth-child(2) {

	width: 100%;

	max-width: 900px;

	margin: 15px auto 0;

	font-size: 16px;

	font-weight: 400;

	color: #777

}

@media (max-width:991px) {

	.common__title p:nth-child(2) {

		font-size: 15px;

		margin: 10px auto 0

	}

}

.common__title p:nth-child(2) a {

	display: inline;

	color: #49a9dc

}

.gototop {

	position: fixed;

	bottom: 30px;

	right: 30px;

	display: none;

	width: 60px;

	height: 60px;

	background-color: #222;

	background-image: url(../images/gototop.svg);

	background-size: 40px 40px;

	background-position: center;

	background-repeat: no-repeat;

	border: 2px solid #49a9dc;

	border-radius: 50%;

	-webkit-transition-property: opacity;

	transition-property: opacity;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

	z-index: 998

}

@media (max-width:991px) {

	.gototop {

		display: block;

		bottom: 20px;

		right: 20px;

		width: 36px;

		height: 36px;

		background-size: 22px 22px;

		border-width: 1px

	}

}

.gototop:hover {

	opacity: 0.7

}

.header {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	z-index: 999

}

.header~.main {

	padding-top: 80px

}

@media (max-width:991px) {

	.header~.main {

		padding-top: 70px

	}

}

.header>h1 {

	display: none

}

.header-menu {

	width: 100%;

	background-color: #111111;

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)

}

.header-menu__block {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: nowrap;

	flex-wrap: nowrap;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-ms-flex-line-pack: center;

	align-content: center;

	width: 100%

}

@media (max-width:991px) {

	.header-menu__block {

		height: 70px

	}

}

.header-menu__logo {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 340px

}

@media (max-width:1199px) {

	.header-menu__logo {

		width: 280px

	}

}

@media (max-width:991px) {

	.header-menu__logo {

		width: 260px

	}

}

.header-menu__logo img {

	width: 100%

}

@media (max-width:991px) {

	.header-menu__logo img:first-child {

		display: none

	}

}

@media (min-width:992px) {

	.header-menu__logo img:nth-child(2) {

		display: none

	}

}

@media (min-width:992px) {

	.header-menu__nav {

		width: calc(100% - 380px - 160px);

		padding: 0 40px

	}

}

@media (min-width:992px) and (max-width:1199px) {

	.header-menu__nav {

		width: calc(100% - 280px - 160px);

		padding: 0 30px

	}

}

@media (max-width:991px) {

	.header-menu__nav {

		position: fixed;

		top: 0;

		right: -320px;

		width: 260px;

		height: 100vh;

		background-color: #fff;

		-webkit-box-shadow: -1px 0 5px rgba(0, 0, 0, 0.15);

		box-shadow: -1px 0 5px rgba(0, 0, 0, 0.15);

		overflow: auto;

		z-index: 9999;

		-webkit-transition-property: right;

		transition-property: right;

		-webkit-transition-duration: 0.5s;

		transition-duration: 0.5s;

		-webkit-transition-timing-function: linear;

		transition-timing-function: linear;

		-webkit-transition-delay: 0s;

		transition-delay: 0s

	}

	.header-menu__nav--open {

		right: 0

	}

}

.header-menu__navbox {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: nowrap;

	flex-wrap: nowrap;

	-webkit-box-pack: end;

	-ms-flex-pack: end;

	justify-content: flex-end;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start;

	-ms-flex-line-pack: start;

	align-content: flex-start;

	width: 100%

}

@media (max-width:991px) {

	.header-menu__navbox {

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

		width: 100%;

		padding: 20px 0px

	}

}

.header-menu__btn {

	position: relative

}

@media (min-width:1200px) {

	.header-menu__btn:nth-child(n+2) {

		margin-left: 30px

	}

}

@media (max-width:1199px) and (min-width:992px) {

	.header-menu__btn:nth-child(n+2) {

		margin-left: 20px

	}

	.header-menu__btn:hover .header-menu__link {

		color: #49a9dc

	}

}

@media (max-width:991px) {

	.header-menu__btn {

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		-ms-flex-wrap: wrap;

		flex-wrap: wrap;

		-webkit-box-pack: justify;

		-ms-flex-pack: justify;

		justify-content: space-between;

		-webkit-box-align: stretch;

		-ms-flex-align: stretch;

		align-items: stretch;

		-ms-flex-line-pack: center;

		align-content: center;

		width: 100%

	}

	.header-menu__btn:nth-child(n+2) {

		border-top: 1px solid #eee

	}

}

@media (min-width:992px) {

	.header-menu__btn--sub .header-menu__link:after {

		content: "▾";

		display: block;

		margin-left: 3px;

		font-size: 20px;

		line-height: 1

	}

}

@media (max-width:991px) {

	.header-menu__btn--sub .header-menu__link {

		width: calc(100% - 36px)

	}

}

.header-menu__link {

	font-size: 17px;

	color: #fff;

	text-align: center

}

@media (min-width:992px) {

	.header-menu__link {

		position: relative;

		display: -webkit-box;

		display: -ms-flexbox;

		display: flex;

		-ms-flex-wrap: nowrap;

		flex-wrap: nowrap;

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

		-webkit-box-align: center;

		-ms-flex-align: center;

		align-items: center;

		-ms-flex-line-pack: center;

		align-content: center;

		-webkit-transition-property: color;

		transition-property: color;

		-webkit-transition-duration: 0.3s;

		transition-duration: 0.3s;

		-webkit-transition-timing-function: linear;

		transition-timing-function: linear;

		-webkit-transition-delay: 0s;

		transition-delay: 0s

	}

}

@media (max-width:1199px) {

	.header-menu__link {

		font-size: 16px

	}

}

@media (max-width:991px) {

	.header-menu__link {

		width: 100%;

		padding: 15px;

		line-height: 1.5;

		color: #555;

		text-align: left

	}

}

.header-menu__switch {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 36px;

	color: #555

}

@media (min-width:992px) {

	.header-menu__switch {

		display: none

	}

}

.header-menu__switch:before {

	content: "▾";

	display: block;

	font-size: 20px;

	line-height: 1

}

.header-menu__switch:after {

	content: "";

	position: absolute;

	top: 5px;

	left: 0;

	display: block;

	width: 1px;

	height: calc(100% - 10px);

	background-color: #eee

}

.header-menu__switch--open {

	color: #49a9dc

}

.header-menu__switch--open:before {

	content: "▴"

}

.header-menu__sub {

	position: absolute;

	top: 100%;

	left: 0;

	display: none;

	background-color: #f7f7f7;

	width: 120px;

	min-width: 120px;

	padding: 8px 0

}

@media (max-width:991px) {

	.header-menu__sub {

		position: static;

		top: auto;

		width: 100%;

		min-width: 100%

	}

}

.header-menu__sub-btn {

	width: 100%;

	padding: 6px 10px;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.4;

	color: #777;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

@media (max-width:991px) {

	.header-menu__sub-btn {

		padding: 5px 15px;

		font-size: 15px

	}

}

.header-menu__sub-btn:hover {

	color: #49a9dc

}

@media (max-width:991px) {

	.header-menu__sub--open {

		display: block!important

	}

}

.header-menu__mlang {

	width: 100%;

	padding: 15px;

	border-top: 1px solid #eee

}

@media (min-width:992px) {

	.header-menu__mlang {

		display: none

	}

}

.header-menu__mlang-title {

	font-size: 16px;

	color: #555

}

.header-menu__mlang-list {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: start;

	-ms-flex-pack: start;

	justify-content: flex-start;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start;

	-ms-flex-line-pack: start;

	align-content: flex-start;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-ms-flex-direction: column;

	flex-direction: column;

	width: 100%;

	margin-top: 10px

}

.header-menu__mlang-btn {

	display: inline-block;

	font-size: 14px;

	font-weight: 400;

	line-height: 1.4;

	color: #888

}

.header-menu__mlang-btn:nth-child(n+2) {

	margin-top: 8px

}

.header-menu__close {

	position: fixed;

	top: 0;

	right: -60px;

	width: 50px;

	height: 50px;

	background-color: #49a9dc;

	z-index: 99999;

	-webkit-transition-property: right;

	transition-property: right;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

.header-menu__close>div {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 20px;

	height: 4px;

	background-color: #fff;

	border-radius: 1px

}

.header-menu__close>div:first-child {

	-webkit-transform: translate(-50%, -50%) rotate(45deg);

	transform: translate(-50%, -50%) rotate(45deg)

}

.header-menu__close>div:last-child {

	-webkit-transform: translate(-50%, -50%) rotate(-45deg);

	transform: translate(-50%, -50%) rotate(-45deg)

}

@media (min-width:992px) {

	.header-menu__close {

		display: none

	}

}

.header-menu__close--open {

	right: 260px

}

.header-menu__burger {

	width: 22px

}

.header-menu__burger>div {

	width: 100%;

	height: 3px;

	margin: 4px 0;

	border-radius: 1.5px;

	background-color: #49a9dc

}

@media (min-width:992px) {

	.header-menu__burger {

		display: none

	}

}

.header-menu__lang {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 160px;

	height: 80px;

	border-left: 1px solid rgba(255, 255, 255, 0.2);

	border-right: 1px solid rgba(255, 255, 255, 0.2);

	cursor: pointer;

	-webkit-transition-property: background-color;

	transition-property: background-color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

@media (max-width:991px) {

	.header-menu__lang {

		display: none

	}

}

.header-menu__lang:hover {

	background-color: #000

}

.header-menu__lang:hover .header-menu__lang-box {

	display: block

}

.header-menu__lang-now {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: start;

	-ms-flex-pack: start;

	justify-content: flex-start;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-ms-flex-line-pack: center;

	align-content: center;

	font-size: 15px;

	font-weight: 400;

	line-height: 80px;

	color: #fff

}

.header-menu__lang-now img, .header-menu__lang-now svg {

	width: 15px;

	height: 15px;

	margin-right: 5px;

	vertical-align: top

}

.header-menu__lang-now img path, .header-menu__lang-now svg path {

	-webkit-transition-property: fill;

	transition-property: fill;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

.header-menu__lang-box {

	position: absolute;

	top: 100%;

	right: 0;

	display: none;

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)

}

.header-menu__lang-list {

	width: 160px;

	padding: 10px 0;

	background-color: #fff

}

.header-menu__lang-btn {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-ms-flex-line-pack: center;

	align-content: center;

	width: 100%;

	padding: 5px 15px;

	font-size: 14px;

	font-weight: 400;

	line-height: 1.4;

	color: #888;

	text-align: center;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

.header-menu__lang-btn:hover {

	color: #49a9dc

}

.header-menu__lang-btn img {

	width: 14px;

	height: 14px;

	margin-right: 5px;

	vertical-align: top

}

.footer {

	width: 100%

}

.footer-main {

	width: 100%;

	padding: 40px 0;

	background-color: #111111

}

.footer-main__block {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start;

	-ms-flex-line-pack: start;

	align-content: flex-start;

	width: 100%

}

@media (min-width:1200px) {

	.footer-main__item {

		padding-right: 70px

	}

}

@media (max-width:1199px) and (min-width:992px) {

	.footer-main__item {

		padding-right: 50px

	}

}

@media (min-width:992px) {

	.footer-main__item:first-child {

		width: 45%

	}

	.footer-main__item:nth-child(2) {

		width: 35%

	}

	.footer-main__item:nth-child(3) {

		width: 20%

	}

}

@media (max-width:991px) {

	.footer-main__item {

		width: 100%

	}

	.footer-main__item:first-child {

		display: none

	}

	.footer-main__item:nth-child(n+3) {

		margin-top: 40px

	}

}

.footer-main__logo {

	width: 100%;

	margin-bottom: 25px

}

.footer-main__logo img {

	width: 100%

}

.footer-main__title {

	position: relative;

	width: 100%;

	margin-bottom: 25px;

	font-size: 18px;

	font-weight: 400;

	line-height: 1;

	color: #fff

}

@media (max-width:991px) {

	.footer-main__title {

		margin-bottom: 15px;

		text-align: center

	}

}

.footer-main__text {

	width: 100%;

	font-size: 15px;

	font-weight: 400;

	color: #777

}

.footer-main__quick {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start;

	-ms-flex-line-pack: start;

	align-content: flex-start;

	width: 100%

}

.footer-main__quick-list {

	width: 100%

}

@media (max-width:991px) {

	.footer-main__quick-list {

		text-align: center

	}

	.footer-main__quick-list:nth-child(n+2) {

		margin-top: 5px

	}

}

.footer-main__quick-btn {

	display: inline-block;

	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans JP", "Microsoft JhengHei", sans-serif;

	font-size: 15px;

	font-weight: 400;

	color: #777;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

.footer-main__quick-btn:hover {

	color: #49a9dc

}

.footer-main__link {

	width: 100%

}

.footer-main__link-list {

	width: 100%

}

.footer-main__link-list:nth-child(n+2) {

	margin-top: 13px

}

@media (max-width:991px) {

	.footer-main__link-list {

		text-align: center

	}

	.footer-main__link-list:nth-child(n+2) {

		margin-top: 5px

	}

}

.footer-main__link-btn {

	position: relative;

	display: inline-block;

	padding-left: 20px;

	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans JP", "Microsoft JhengHei", sans-serif;

	font-size: 15px;

	font-weight: 400;

	color: #777;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

.footer-main__link-btn:before {

	content: "";

	position: absolute;

	top: 5px;

	left: 0;

	width: 15px;

	height: 15px

}

.footer-main__link-btn--phone:before {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -488px

}

.footer-main__link-btn--fax:before {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -504px

}

.footer-main__link-btn--addr:before {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -520px

}

.footer-main__link-btn--fb:before {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -536px

}

.footer-main__link-btn--line:before {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -552px

}

.footer-main__link-btn--skype:before {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -568px

}

.footer-main__link-btn[href]:hover {

	color: #49a9dc

}

.footer-copyright {

	width: 100%;

	background-color: #111111

}

.footer-copyright__text {

	width: 100%;

	padding: 25px 0;

	font-size: 12px;

	font-weight: 300;

	color: #666;

	text-align: center;

	border-top: 1px solid rgba(255, 255, 255, 0.3)

}

@media (max-width:991px) {

	.footer-copyright__text {

		padding: 20px 0

	}

}

.footer-copyright__text a {

	display: inline;

	color: #666;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

.footer-copyright__text a:hover {

	color: #fe7e17

}

.cke_editable h1, .cke_editable h2, .cke_editable h3, .cke_editable h4, .cke_editable h5, .cke_editable h6 {

	padding: 0;

	margin: 0;

	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans JP", "Microsoft JhengHei", sans-serif;

	font-weight: 500;

	line-height: 1.4;

	color: #333

}

.cke_editable h1 {

	font-size: 48px

}

.cke_editable h2 {

	font-size: 40px

}

.cke_editable h3 {

	font-size: 32px

}

.cke_editable h4 {

	font-size: 28px

}

.cke_editable h5 {

	font-size: 24px

}

.cke_editable h6 {

	font-size: 20px

}

.cke_editable p {

	padding: 0;

	margin: 0;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.7;

	color: #777

}

.cke_editable a {

	padding: 0;

	margin: 0;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.7;

	color: #49a9dc;

	text-decoration: underline;

	-webkit-transition-property: opacity;

	transition-property: opacity;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

.cke_editable a:hover {

	opacity: 0.7

}

.cke_editable ol {

	padding: 0 0 0 30px;

	margin: 0;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.7;

	color: #777;

	list-style-type: decimal

}

.cke_editable ol li {

	list-style-type: decimal

}

.cke_editable ul {

	padding: 0 0 0 30px;

	margin: 0;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.7;

	color: #777;

	list-style-type: disc

}

.cke_editable ul li {

	list-style-type: disc

}

.cke_editable img {

	padding: 0;

	margin: 0;

	max-width: 100%;

	height: auto!important

}

.cke_editable table {

	max-width: 100%;

	padding: 0;

	margin: 0;

	font-size: 16px;

	font-weight: 400;

	border: 1px solid #ddd;

	border-collapse: collapse

}

.cke_editable table td, .cke_editable table th {

	padding: 10px 5px;

	margin: 0;

	line-height: 1.7;

	border: 1px solid #ddd;

	white-space: normal!important

}

.cke_editable blockquote {

	padding: 5px 20px;

	margin: 10px 0px;

	font-size: 16px;

	font-weight: 400;

	line-height: 1.7;

	color: #333;

	border-style: solid;

	border-color: #ccc;

	border-width: 0 0 0 5px

}

.cke_editable strong {

	font-weight: bold

}

.cke_editable .cke_editable__table--scroll {

	width: 100%;

	overflow: auto

}

.cke_editable .cke_editable__table--scroll::-webkit-scrollbar-track {

	background-color: #F5F5F5

}

.cke_editable .cke_editable__table--scroll::-webkit-scrollbar {

	width: 8px;

	height: 8px;

	background-color: #F5F5F5

}

.cke_editable .cke_editable__table--scroll::-webkit-scrollbar-thumb {

	background-color: #555

}

.en-us .home-about .common__title p:first-child {

	max-width: 640px

}

.scroll--active .home-head__bg-box:first-child, .scroll--active .home-head__bg-box:nth-child(2), .scroll--active .home-head__bg-box:nth-child(3), .scroll--active .home-head__bg-box:nth-child(4) {

	-webkit-transform: translateX(0);

	transform: translateX(0);

	opacity: 1

}

.scroll--active .home-head__block {

	-webkit-transform: translateX(0);

	transform: translateX(0);

	opacity: 1

}

.scroll--active .common__title {

	-webkit-transform: translateY(0);

	transform: translateY(0);

	opacity: 1

}

.scroll--active .home-link__item {

	-webkit-transform: translateY(0);

	transform: translateY(0);

	opacity: 1

}

.scroll--active .home-about__text {

	-webkit-transform: translateY(0);

	transform: translateY(0);

	opacity: 1

}

.scroll--active .home-investment__item {

	-webkit-transform: translateY(0);

	transform: translateY(0);

	opacity: 1

}

.scroll--active .home-contact__table {

	-webkit-transform: translateY(0);

	transform: translateY(0);

	opacity: 1

}

.home-head {

	position: relative;

	width: 100%

}

.home-head__bg {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #111111;

	z-index: 1

}

.home-head__bg:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: linear-gradient(52deg, rgba(3, 24, 56, 0.9) 0%, rgba(3, 119, 216, 0) 100%);

	z-index: 3

}

.home-head__bg-box {

	position: absolute;

	top: 0;

	height: 100%

}

.home-head__bg-box:first-child {

	left: 0;

	width: 100%;

	background-image: url("../images/index/home_head-01.png");

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	-webkit-transform: translateX(40px);

	transform: translateX(40px);

	opacity: 0;

	z-index: 1;

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

@media (max-width:991px) {

	.home-head__bg-box:first-child {

		background-image: url("../images/index/home_head_mb-01.png")

	}

}

.home-head__bg-box:nth-child(2) {

	left: 0;

	width: 100%;

	background-image: url("../images/index/home_head-02.png");

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	-webkit-transform: translateX(40px);

	transform: translateX(40px);

	opacity: 0;

	z-index: 2;

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s

}

@media (max-width:991px) {

	.home-head__bg-box:nth-child(2) {

		background-image: url("../images/index/home_head_mb-02.png")

	}

}

.home-head__bg-box:nth-child(3) {

	right: 0;

	width: 100%;

	background-image: url("../images/index/home_head-03.png");

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	-webkit-transform: translateX(40px);

	transform: translateX(40px);

	opacity: 0;

	z-index: 1;

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 1s;

	transition-delay: 1s

}

@media (max-width:991px) {

	.home-head__bg-box:nth-child(3) {

		background-image: url("../images/index/home_head_mb-03.png")

	}

}

.home-head__bg-box:nth-child(4) {

	left: 0;

	width: 100%;

	background-image: url("../images/index/home_head-04.png");

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	-webkit-transform: translateX(40px);

	transform: translateX(40px);

	opacity: 0;

	z-index: 1;

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 1.5s;

	transition-delay: 1.5s

}

@media (max-width:991px) {

	.home-head__bg-box:nth-child(4) {

		background-image: url("../images/index/home_head_mb-04.png")

	}

}

.home-head__block {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: start;

	-ms-flex-pack: start;

	justify-content: flex-start;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-ms-flex-line-pack: center;

	align-content: center;

	width: 100%;

	height: 760px;

	padding-bottom: 100px;

	-webkit-transform: translateX(-40px);

	transform: translateX(-40px);

	opacity: 0;

	z-index: 2;

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 1.2s;

	transition-delay: 1.2s

}

@media (max-width:991px) {

	.home-head__block {

		-webkit-box-pack: center;

		-ms-flex-pack: center;

		justify-content: center;

		height: 100vw;

		padding-bottom: 55px

	}

}

.home-head__title {

	width: 100%;

	margin-top: 10px;

	font-size: 25px;

	font-weight: 400;

	line-height: 1.2;

	color: #fff;

	text-shadow: 0 0 5px rgba(0, 0, 0, 0.3)

}

@media (max-width:991px) {

	.home-head__title {

		font-size: 19px;

		text-align: center

	}

}

@media (max-width:575px) {

	.home-head__title {

		font-size: 13px

	}

}

.home-head__subtitle {

	width: 100%;

	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans JP", "Microsoft JhengHei", sans-serif;

	font-size: 40px;

	font-weight: 700;

	line-height: 1.4;

	color: #fff;

	text-shadow: 0 0 5px rgba(0, 0, 0, 0.3)

}

@media (max-width:991px) {

	.home-head__subtitle {

		font-size: 30px;

		text-align: center

	}

}

@media (max-width:575px) {

	.home-head__subtitle {

		font-size: 20px;

		font-weight: 500

	}

}

.home-head__btn {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 150px;

	height: 45px;

	margin-top: 25px;

	font-size: 16px;

	font-weight: 400;

	color: #333;

	text-align: center;

	background-color: #fff;

	border-radius: 22.5px;

	-webkit-transition-property: color, background-color;

	transition-property: color, background-color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

@media (max-width:991px) {

	.home-head__btn {

		width: 120px;

		height: 36px;

		margin-top: 15px;

		font-size: 15px;

		border-radius: 18px

	}

}

.home-head__btn:hover {

	color: #fff;

	background-color: #49a9dc

}

.home-head__bottom {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100px;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	z-index: 3

}

@media (max-width:991px) {

	.home-head__bottom {

		height: 55px

	}

}

.home-link {

	width: 100%;

	padding: 60px 0

}

@media (max-width:991px) {

	.home-link {

		padding: 40px 0

	}

}

.home-link__block {

	width: 100%

}

.home-link__list {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	-ms-flex-line-pack: center;

	align-content: center;

	width: 100%

}

.home-link__item {

	-webkit-transform: translateY(40px);

	transform: translateY(40px);

	opacity: 0

}

@media (min-width:992px) {

	.home-link__item {

		width: calc((100% - 150px) / 5);

		max-width: 180px

	}

	.home-link__item:nth-child(n+2) {

		margin-left: 50px

	}

}

@media (max-width:991px) and (min-width:576px) {

	.home-link__item {

		width: calc((100% - 90px) / 5)

	}

	.home-link__item:nth-child(n+2) {

		margin-left: 30px

	}

}

@media (max-width:575px) {

	.home-link__item {

		width: 100%;

		max-width: 180px

	}

	.home-link__item:nth-child(n+2) {

		margin-top: 30px

	}

}

.home-link__item:first-child {

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s

}

.home-link__item:nth-child(2) {

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 1s;

	transition-delay: 1s

}

.home-link__item:nth-child(3) {

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 1.5s;

	transition-delay: 1.5s

}

.home-link__item:nth-child(4) {

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 2s;

	transition-delay: 2s

}

.home-link__item:nth-child(5) {

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 2.5s;

	transition-delay: 2.5s

}

.home-link__item:hover .home-link__imgbox {

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);

	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)

}

.home-link__item:hover .home-link__img {

	-webkit-transform: translate(-50%, -50%) scale(1.2);

	transform: translate(-50%, -50%) scale(1.2)

}

.home-link__imgbox {

	position: relative;

	width: 100%;

	padding-bottom: calc(100% - 20px);

	border: 10px solid #fff;

	border-radius: 50%;

	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

	box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);

	overflow: hidden;

	-webkit-transition-property: -webkit-box-shadow;

	transition-property: -webkit-box-shadow;

	transition-property: box-shadow;

	transition-property: box-shadow, -webkit-box-shadow;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

@media (max-width:991px) {

	.home-link__imgbox {

		padding-bottom: calc(100% - 10px);

		border-width: 5px

	}

}

.home-link__img {

	position: absolute;

	top: 50%;

	left: 50%;

	width: calc(100% + 10px);

	height: calc(100% + 10px);

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	-webkit-transition-property: -webkit-transform;

	transition-property: -webkit-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s;

	z-index: 1

}

.home-link__text {

	position: absolute;

	top: 50%;

	left: 50%;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: calc(100% + 10px);

	height: calc(100% + 10px);

	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans JP", "Microsoft JhengHei", sans-serif;

	font-size: 20px;

	font-weight: 500;

	color: #fff;

	text-align: center;

	background-color: rgba(0, 0, 0, 0.3);

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	z-index: 1

}

@media (max-width:991px) {

	.home-link__text {

		font-size: 18px;

		font-weight: 400

	}

}

.home-link__btn {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 120px;

	height: 40px;

	margin: 25px auto 0;

	font-size: 16px;

	font-weight: 400;

	color: #fff;

	background-color: #111111;

	-webkit-transition-property: background-color;

	transition-property: background-color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

@media (max-width:991px) {

	.home-link__btn {

		width: 100px;

		height: 36px;

		margin: 15px auto 0;

		font-size: 15px

	}

}

.home-link__btn:hover {

	background-color: #49a9dc

}

.home-about {

	position: relative;

	width: 100%;

	padding: 0 0 60px;

	background-image: url("../images/index/home_about.jpg");

	background-size: cover;

	background-attachment: fixed;

	background-position: center;

	background-repeat: no-repeat

}

@media (max-width:991px) {

	.home-about {

		padding: 0 0 40px

	}

}

.home-about__top {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 250px;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	z-index: 2

}

@media (max-width:991px) {

	.home-about__top {

		height: 140px

	}

}

.home-about__bottom {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100px;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	z-index: 2

}

@media (max-width:991px) {

	.home-about__bottom {

		height: 55px

	}

}

.home-about__block {

	position: relative;

	width: 100%;

	padding: 250px 0 100px;

	z-index: 1

}

@media (max-width:991px) {

	.home-about__block {

		padding: 100px 0 55px

	}

}

.home-about .common__title p:first-child {

	max-width: 340px;

	margin: 0 auto;

	color: #fff

}

@media (max-width:991px) {

	.home-about .common__title p:first-child {

		max-width: 280px

	}

}

.home-about__text {

	width: 100%;

	max-width: 800px;

	margin: 0 auto;

	font-size: 16px;

	font-weight: 400;

	color: rgba(255, 255, 255, 0.5);

	text-align: center;

	-webkit-transform: translateY(40px);

	transform: translateY(40px);

	opacity: 0;

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s

}

@media (max-width:991px) {

	.home-about__text {

		font-size: 15px

	}

}

.home-investment {

	position: relative;

	width: 100%;

	padding: 60px 0;

	background-image: url("../images/index/home_investment.jpg");

	background-size: cover;

	background-position: top center

}

@media (max-width:991px) {

	.home-investment {

		padding: 40px 0;

		background: none

	}

}

.home-investment__block {

	width: 100%;

	padding-bottom: 100px

}

@media (max-width:991px) {

	.home-investment__block {

		padding-bottom: 55px

	}

}

.home-investment .common__title {

	text-align: left

}

.home-investment .common__title:before {

	margin: 0 0 5px

}

.home-investment .common__title div {

	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans JP", "Microsoft JhengHei", sans-serif;

	font-size: 45px;

	font-style: italic;

	font-weight: 700;

	line-height: 1;

	color: #eee

}

.home-investment .common__title p:nth-child(3) {

	margin-top: 15px;

	font-size: 16px;

	font-weight: 400;

	color: #777

}

@media (min-width:992px) {

	.home-investment .common__title p:nth-child(3) {

		max-width: 740px

	}

}

.home-investment .common__title p:nth-child(3) span {

	display: block;

	width: 100%;

	margin-top: 5px;

	font-size: 14px;

	color: #999;

	text-align: right

}

.home-investment__bottom {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100px;

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	z-index: 2

}

@media (max-width:991px) {

	.home-investment__bottom {

		height: 55px

	}

}

.home-investment__list {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: start;

	-ms-flex-pack: start;

	justify-content: flex-start;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start;

	-ms-flex-line-pack: start;

	align-content: flex-start;

	width: 100%

}

@media (min-width:992px) {

	.home-investment__list {

		max-width: 740px

	}

}

.home-investment__item {

	position: relative;

	-webkit-transform: translateY(40px);

	transform: translateY(40px);

	opacity: 0

}

@media (min-width:992px) {

	.home-investment__item {

		width: calc((100% - 70px) / 2);

		padding-left: 90px;

		margin-right: 70px

	}

	.home-investment__item:nth-child(n+3) {

		margin-top: 45px

	}

	.home-investment__item:nth-child(2n) {

		margin-right: 0

	}

}

@media (max-width:991px) {

	.home-investment__item {

		width: 100%;

		padding-left: 80px

	}

	.home-investment__item:nth-child(n+2) {

		margin-top: 30px

	}

}

.home-investment__item:first-child {

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s

}

.home-investment__item:nth-child(2) {

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 1s;

	transition-delay: 1s

}

.home-investment__item:nth-child(3) {

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 1.5s;

	transition-delay: 1.5s

}

.home-investment__item:nth-child(4) {

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 2s;

	transition-delay: 2s

}

.home-investment__item:before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	display: block;

	width: 60px;

	height: 60px

}

.home-investment__item--1:before {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -244px

}

.home-investment__item--2:before {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -305px

}

.home-investment__item--3:before {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -366px

}

.home-investment__item--4:before {

	background-size: 150px 1000px;

	background-repeat: no-repeat;

	background-image: url("../images/icons-01.png?1209");

	background-position: 0px -427px

}

.home-investment__title {

	width: 100%;

	font-family: "Montserrat", "Noto Sans TC", "Noto Sans SC", "Noto Sans JP", "Microsoft JhengHei", sans-serif;

	font-size: 18px;

	font-weight: 400;

	line-height: 1.4;

	color: #333

}

.home-investment__title a {

	color: #333;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

.home-investment__title a:hover {

	color: #49a9dc

}

.home-investment__text {

	width: 100%;

	margin-top: 10px;

	font-size: 16px;

	font-weight: 400;

	color: #777

}

@media (max-width:991px) {

	.home-investment__text {

		margin-top: 5px;

		font-size: 15px

	}

}

.home-investment__text a {

	display: inline;

	font-size: 16px;

	font-weight: 400;

	color: #777;

	-webkit-transition-property: color;

	transition-property: color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

.home-investment__text a:hover {

	color: #49a9dc

}

.home-investment__text a[data=mail_encode] {

	word-break: break-all

}

.home-contact {

	width: 100%;

	padding: 60px 0;

	background-color: #f8f9fb

}

@media (max-width:991px) {

	.home-contact {

		padding: 40px 0

	}

}

.home-contact__block {

	width: 100%

}

.home-contact__table {

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-ms-flex-wrap: wrap;

	flex-wrap: wrap;

	-webkit-box-pack: justify;

	-ms-flex-pack: justify;

	justify-content: space-between;

	-webkit-box-align: start;

	-ms-flex-align: start;

	align-items: flex-start;

	-ms-flex-line-pack: start;

	align-content: flex-start;

	width: 100%;

	-webkit-transform: translateY(40px);

	transform: translateY(40px);

	opacity: 0;

	-webkit-transition-property: opacity, -webkit-transform;

	transition-property: opacity, -webkit-transform;

	transition-property: transform, opacity;

	transition-property: transform, opacity, -webkit-transform;

	-webkit-transition-duration: 0.5s;

	transition-duration: 0.5s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0.5s;

	transition-delay: 0.5s

}

@media (min-width:768px) {

	.home-contact__item {

		width: calc((100% - 20px) / 2)

	}

	.home-contact__item:nth-child(n+3) {

		margin-top: 20px

	}

}

@media (max-width:767px) {

	.home-contact__item {

		width: 100%

	}

	.home-contact__item:nth-child(n+2) {

		margin-top: 15px

	}

}

.home-contact__item--full {

	width: 100%

}

.home-contact__label {

	display: block;

	width: 100%

}

.home-contact__input {

	width: 100%;

	height: 45px;

	padding: 0 10px;

	font-size: 15px;

	font-weight: 400;

	color: #333;

	background-color: #fff;

	border: 1px solid #fff;

	-webkit-transition-property: border-color;

	transition-property: border-color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

.home-contact__input:focus {

	border-color: #777

}

.home-contact__textarea {

	width: 100%;

	max-width: 100%;

	min-width: 100%;

	height: 160px;

	padding: 12px 10px;

	font-size: 15px;

	font-weight: 400;

	color: #333;

	background-color: #fff;

	border: 1px solid #fff;

	-webkit-transition-property: border-color;

	transition-property: border-color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

.home-contact__textarea:focus {

	border-color: #777

}

.home-contact__btnbox {

	width: 100%;

	margin-top: 30px

}

@media (max-width:991px) {

	.home-contact__btnbox {

		margin-top: 15px

	}

}

.home-contact__submit {

	position: relative;

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	width: 190px;

	height: 45px;

	margin: 0 auto;

	font-size: 16px;

	font-weight: 400;

	color: #fff;

	text-align: center;

	background: #49a9dc;

	-webkit-transition-property: background-color;

	transition-property: background-color;

	-webkit-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-transition-timing-function: linear;

	transition-timing-function: linear;

	-webkit-transition-delay: 0s;

	transition-delay: 0s

}

@media (max-width:991px) {

	.home-contact__submit {

		width: 100%;

		height: 36px;

		font-size: 14px

	}

}

.home-contact__submit:hover {

	background-color: #031a36

}

.contact__success {

	position: fixed;

	top: 50%;

	left: 50%;

	width: calc(100vw - 30px);

	max-width: 300px;

	padding: 10px;

	font-size: 14px;

	font-weight: 400;

	line-height: 1.7;

	color: #fff;

	text-align: center;

	background-color: #39b54a;

	-webkit-box-shadow: 0 0 10px rgba(57, 181, 74, 0.7);

	box-shadow: 0 0 10px rgba(57, 181, 74, 0.7);

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	z-index: 998;

	-webkit-animation: msgAniamtion 0.8s;

	animation: msgAniamtion 0.8s

}

.contact__error {

	position: fixed;

	top: 50%;

	left: 50%;

	width: calc(100vw - 30px);

	max-width: 300px;

	padding: 10px;

	font-size: 14px;

	font-weight: 400;

	line-height: 1.7;

	color: #fff;

	text-align: center;

	background-color: #c30d23;

	-webkit-box-shadow: 0 0 10px rgba(195, 13, 35, 0.7);

	box-shadow: 0 0 10px rgba(195, 13, 35, 0.7);

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

	z-index: 998;

	-webkit-animation: msgAniamtion 0.8s;

	animation: msgAniamtion 0.8s

}

@-webkit-keyframes msgAniamtion {

	0% {

		margin-top: 50px;

		opacity: 0

	}

	to {

		margin-top: 0px;

		opacity: 1

	}

}

@keyframes msgAniamtion {

	0% {

		margin-top: 50px;

		opacity: 0

	}

	to {

		margin-top: 0px;

		opacity: 1

	}

}