@import"https: //fonts.googleapis.com/css2?family=Noto+Sans+TC: wght@100..900&display=swap";
	body {
	overflow-x: hidden;
	font-family: "Noto Sans TC",sans-serif,serif
}
.part {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}
.parts {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}
a {
	text-decoration: none
}
a: hover {
	text-decoration: none
}
.hover-animate-y: hover {
	transform: translatey(-4px)
}
.hover-animate-x: hover {
	transform: translatex(4px)
}
section {
	position: relative
}
.wrapper {
	position: relative;
	overflow: hidden;
	max-width: 120em;
	margin-left: auto;
	margin-right: auto
}
.header {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	z-index: 99
}
.header .header-inner {
	position: relative;
	margin: 0 auto;
	z-index: 1
}
.header .logo {
	position: relative;
	margin-left: 2.1291em
}
.header .logo a {
	display: block
}
.header .logo img {
  width: 30.6978em;
  height: 5.61954em;
}
.header ul {
	padding: 0;
	margin: 0;
	list-style: none
}
.header li {
	padding: 0;
	margin: 0;
	list-style: none
}
.kv {
	position: relative;
	z-index: 1;
	width: 100%
}
.kv .inner {
	position: relative
}
.sec_a {
	position: absolute;
	width: 1px;
	height: 1px;
	left: 0
}
.sec-title {
	position: relative;
	text-align: center;
	color: #333;
	font-weight: bold;
	line-height: 1.077
}
.sec-title .inner {
	position: relative
}
.sec-subtitle {
	position: relative;
	text-align: center;
	color: #333;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: .05em
}
.sec-subtitle .inner {
	position: relative
}
.sec-short {
	position: relative;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important
}
.sec-short .inner {
	position: relative
}
.sec-short span {
	color: #333;
	line-height: 1.75
}
.sec-p {
	position: relative;
	text-align: center
}
.sec-p .inner {
	position: relative
}
.sec-p span {
	color: #333;
	font-weight: bold;
	letter-spacing: .05em
}
.ls .ls-title {
	position: relative;
	display: flex !important;
	justify-content: center !important;
	color: #333;
	font-weight: bold;
	line-height: 1.4
}
.ls .ls-title .inner {
	position: relative
}
.ls .ls-title span {
	position: relative
}
.ls .ls-title.sty1 span: : after {
	content: "";
	display: block;
	position: absolute;
	left: -5%;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: -12%;
	width: 110%;
	height: 42%;
	background-color: #f9e401;
	z-index: -1
}
.ls .ls-title.sty1b span: : after {
	content: "";
	display: block;
	position: absolute;
	left: -10%;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: -12%;
	width: 120%;
	height: 42%;
	background-color: #f9e401;
	z-index: -1
}
.ls .ls-title.sty2 .inner {
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	border-style: solid;
	border-color: #004b99;
	background-color: #fff
}
.ls .ls-title-small {
	position: relative;
	text-align: center;
	display: flex !important;
	justify-content: center !important;
	color: #333;
	line-height: 1.4
}
.ls .ls-title-small .inner {
	position: relative
}
.ls .ls-title-small span {
	position: relative
}
#sec1 .ls .item .title {
	text-align: center
}
#sec1 .ls .item .title span {
	color: #333;
	font-weight: bold;
	line-height: 2.188
}
#sec1 .ls .item .short {
	text-align: justify;
	padding-left: .6em;
	padding-right: .6em
}
#sec1 .ls .item .short span {
	color: #333;
	line-height: 1.75
}
.sec2 .sec-short .inner {
	text-align: justify
}
.sec2 .sty1b img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto
}
.sec2 .ls-wrap {
	position: relative;
	background-color: #d3e8fc
}
.sec2 .item {
	position: relative;
	overflow: hidden;
	border-style: solid;
	border-color: #004b99;
	background-color: rgba(255,255,255,0)
}
.sec2 .item .title {
	text-align: center;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	background-color: #f9e401
}
.sec2 .item .title .t1 {
	position: relative
}
.sec2 .item .title .t1 span {
	color: #333;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: .015em
}
.sec2 .item .title .t2 {
	position: relative;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important
}
.sec2 .item .title .t2 .t2a {
	color: #333;
	line-height: 1.2
}
.sec2 .item .title .t2 .t2b {
	color: #333;
	font-weight: bold;
	line-height: 1.2
}
.sec2 .item .short {
	position: relative
}
.sec2 .item .short .short-item {
	background: url("../images/sec2/dotted.png") left bottom repeat-x;
	display: flex !important
}
.sec2 .item .short .short-item span {
	position: relative;
	margin-left: .25em;
	margin-right: .05em;
	color: #333;
	font-weight: ;
	line-height: 1.2
}
.sec2 .item .short .short-item.border-0 {
	background: none
}
.sec2 .item .btns {
	display: flex !important;
	justify-content: end !important
}
.sec2 .item .btns a {
	background-color: #004b99;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important
}
.sec2 .item .btns a span {
	color: #fff;
	font-weight: bold
}
.sec2 .item-b {
	position: relative;
	border-style: solid;
	border-color: #004b99;
	background-color: #fff
}
.sec2 .item-b .title-wrap.sty1 {
	position: relative;
	display: flex !important;
	justify-content: space-between !important;
	align-items: end !important;
	margin-top: -2em;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/sec2/dotted.png") left bottom repeat-x
}
.sec2 .item-b .title-wrap.sty1 .t2 {
	position: relative;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important
}
.sec2 .item-b .title-wrap.sty1 .t2 span {
	color: #004b99;
	line-height: 1.2;
	font-weight: bold
}
.sec2 .item-b .title-wrap.sty1 .title {
	text-align: center;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	background-color: #f9e401;
	border-style: solid;
	border-color: #004b99
}
.sec2 .item-b .title-wrap.sty1 .title .t1 {
	position: relative
}
.sec2 .item-b .title-wrap.sty1 .title .t1 span {
	color: #004b99;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: .15em
}
.sec2 .item-b .short.sty1 {
	position: relative
}
.sec2 .item-b .short.sty1 span {
	position: relative;
	color: #333;
	line-height: 1.5;
	font-weight: bold
}
.sec2 .item-b .title-wrap.sty2 {
	position: relative;
	display: flex !important;
	justify-content: space-between !important;
	align-items: end !important;
	margin-left: auto;
	margin-right: auto;
	background: url("../images/sec2/dotted2.png") left bottom repeat-x
}
.sec2 .item-b .title-wrap.sty2 .t2 {
	position: relative;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important
}
.sec2 .item-b .title-wrap.sty2 .t2 span {
	color: #333;
	line-height: 1.2;
	font-weight: bold
}
.sec2 .item-b .short.sty2 {
	position: relative
}
.sec2 .item-b .short.sty2 .short-item {
	display: flex !important
}
.sec2 .item-b .short.sty2 .short-item span {
	position: relative;
	margin-left: .25em;
	margin-right: .05em;
	color: #333;
	line-height: 1.5
}
.sec2 .item-b .btns {
	display: flex !important;
	justify-content: end !important
}
.sec2 .item-b .btns a {
	background-color: #004b99;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important
}
.sec2 .item-b .btns a span {
	color: #fff;
	font-weight: bold
}
#sec3 .ls {
	position: relative
}
#sec3 .ls.ls1 {
	z-index: 2 !important
}
#sec3 .ls.ls2 {
	z-index: 1 !important
}
#sec3 .slide {
	position: relative
}
#sec3 .slide .item {
	position: relative
}
#sec3 .slide .item .inner {
	position: relative
}
#sec3 .slide .item .pic {
	position: relative
}
#sec3 .slide .item .content {
	position: relative
}
#sec3 .slide .item .content .title span {
	line-height: 1.313;
	color: #000;
	font-weight: bold;
	font-size: 3.19365em
}
#sec3 .slide .item .content .short {
	text-align: justify
}
#sec3 .slide .item .content .short span {
	line-height: 1.75;
	font-size: 2.34201em
}
#sec3 .slide .slick-prev {
	position: absolute;
	z-index: 1;
	display: block;
	color: rgba(0,0,0,0);
	left: .25807em;
	background: url("../images/btn-prev.png") center center no-repeat;
	background-size: 99% 99%
}
#sec3 .slide .slick-next {
	position: absolute;
	z-index: 1;
	display: block;
	color: rgba(0,0,0,0);
	right: .25807em;
	background: url("../images/btn-next.png") center center no-repeat;
	background-size: 99% 99%
}
#sec3 .slide .slick-dots {
	position: absolute;
	bottom: -8.38737em;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%;
	z-index: 9
}
#sec3 .slide .slick-dots li {
	position: relative;
	display: inline-block;
	width: 1.93555em;
	height: 1.93555em;
	margin: 0 1.29036em;
	border-radius: .96777em;
	padding: 0;
	cursor: pointer;
	background: #ccc;	
	overflow: hidden
}
#sec3 .slide .slick-dots li button {
	border: 0;
	background: #ccc;
	display: block;
	width: 1.93555em;
	height: 1.93555em;
	outline: none;
	line-height: 0px;
	font-size: 16px;	
	color:#ccc;
	padding: 0 .625em;
	cursor: pointer
}
#sec3 .slide .slick-dots li button: hover {
	outline: none
}
#sec3 .slide .slick-dots li button: hover: before {
	opacity: 1
}
#sec3 .slide .slick-dots li button: focus {
	outline: none
}
#sec3 .slide .slick-dots li button: focus: before {
	opacity: 1
}
#sec3 .slide .slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 1.93555em;
	height: 1.93555em;
	font-family: "slick";
	font-size: 16px;
	line-height: .625em;
	text-align: center;
	color: #ececec;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
#sec3 .slide .slick-dots li.slick-active {
	background: #ffde00;
}
#sec3 .slide .slick-dots li.slick-active button {
	background: #ffde00;
	color: #ffde00;
}
#sec3 .slide .slick-dots li.slick-active button:before {
	color: #ececec;
	opacity: 1
}
#sec4 {
	background-color: #ececec
}
#sec4 .sec-subtitle .inner {
	position: relative
}
#sec4 .ls {
	position: relative;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	margin: 0 auto
}
#sec4 .ls a {
	position: relative;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	background: url("../images/sec4/btn.png") center center no-repeat;
	background-size: 100% 100%
}
#sec4 .ls a span {
	position: relative;
	color: #fff;
	line-height: 1.111;
	text-align: center
}
footer {
	background-color: #ccc;
	width: 100%;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	min-height: 17.29089em
}
footer span {
	position: relative;
	color: #333
}
.btn-home {
	position: fixed;
	display: none;
	z-index: 99;
	right: 1.48392em;
	bottom: 29.48484em;
	width: 4.58079em;
	height: 4.58079em
}
.btn-fb {
	position: fixed;
	display: none;
	z-index: 99;
	right: 1.48392em;
	bottom: 24.12982em;
	width: 4.58079em;
	height: 4.58079em
}
.btn-scrolltop {
	position: fixed;
	display: none;
	z-index: 99;
	right: 1.48392em;
	bottom: 18.7748em;
	width: 4.64531em;
	height: 4.58079em
}
body.popuped {
	overflow: hidden
}
.popup {
	position: fixed;
	width: 100vw;
	height: 100vh;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,.85);
	overflow-y: auto;
	z-index: 999;
	display: none
}
.popup .inner {
	background-color: #f2dddb;
	position: relative;
	margin-left: auto;
	margin-right: auto
}
.popup .inner .popup-close {
	position: absolute;
	display: block
}
.popup .inner .popup-content {
	position: relative;
	display: flex !important;
	justify-content: center !important;
	overflow: hidden
}
.popup .inner .links-title {
	position: relative;
	text-align: center;
	color: #000;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: .05em
}
.popup .inner .links-title span {
	line-height: 1
}
.popup .inner .links {
	position: relative;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	margin: 0 auto
}
.popup .inner .links a {
	position: relative;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important;
	background: url("../images/sec4/btn.png") center center no-repeat;
	background-size: 100% 100%
}
.popup .inner .links a span {
	position: relative;
	color: #fff;
	line-height: 1.111;
	text-align: center
}
@media(max-width: 991px) {
	.header {
	height: 9.03255em
}
.header .header-inner {
	width: 100%;
	height: 9.03255em
}
.header .menu {
	position: fixed;
	display: none;
	z-index: 90;
	background: rgba(255,255,255,.8);
	width: 100vw;
	height: 100vh;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	padding-top: 14.83919em;
	border-radius: 0
}
.header .menu ul {
	position: relative;
	width: 80.415625%;
	margin-left: auto;
	margin-right: auto
}
.header .menu ul li {
	margin-bottom: 1.54844em;
	border: .38711em solid #d7182a;
	border-radius: 50rem !important;
	background: #fff;
	overflow: hidden
}
.header .menu ul li a {
	text-decoration: none;
	display: block;
	height: 6.83893em;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important
}
.header .menu ul li a span {
	font-size: 3.87109em;
	color: #000
}
.header .btn-menu {
	position: absolute;
	display: block;
	right: 1.09681em;
	width: 6.0002em;
	height: 6.0002em;
	top: 1.51618em
}
.header .btn-menu: hover {
	outline: none !important;
	border: none !important
}
.header .btn-menu: active {
	outline: none !important;
	border: none !important
}
.header .btn-menu: focus {
	outline: none !important;
	border: none !important
}
.header .btn-menu.btn-menu1 {
	z-index: 1
}
.header .btn-menu.btn-menu2 {
	display: none;
	z-index: 92
}
.kv {
	padding-top: 9.03255em
}
.sec_a {
	top: -9.03255em
}
#sec2_a {
	top: -18.0651em
}
#sec2b_a {
	top: -8em
}
.sec-title span {
	font-size: 5.24211em
}
.sec-subtitle span {
	font-size: 4.03239em
}
.sec-short .inner {
	padding-top: .64518em;
	padding-left: 3.87109em;
	padding-right: 2.58073em
}
.sec-short span {
	font-size: 2.58073em
}
.sec-p .inner {
	padding-left: 2.58073em;
	padding-right: 2.58073em
}
.sec-p span {
	line-height: 1.75;
	font-size: 2.58073em
}
.ls .ls-title span {
	font-size: 4.03239em
}
.ls .ls-title.sty2 .inner {
	width: 31.93652em;
	height: 7.90348em;
	border-width: .32259em;
	box-shadow: 0px .64518em 0px -0.32259em #004b99;
	background: #fff;
	border-radius: 3.82813em
}
.ls .ls-title-small span {
	font-size: 1.77425em
}
.pt-25 {
	padding-top: 2.01619em
}
.pt-80 {
	padding-top: 6.45182em
}
.pt-120 {
	padding-top: 9.67773em
}
.pb-65 {
	padding-bottom: 5.24211em
}
.pb-100 {
	padding-bottom: 8.06478em
}
#sec1 {
	width: 100%;
	padding-bottom: 2.06458em
}
#sec1 .sec-p {
	padding-top: 4.32272em
}
#sec1 .sec-p.yt {
	padding-bottom: 3.74206em
}
#sec1 .sec-p.yt iframe {
	width: 56.77604em;
	height: 31.93652em
}
#sec1 .sec-title {
	padding-top: 6.45182em
}
#sec1 .sec-title.yt-title {
	padding-top: 4.32272em
}
#sec1 .sec-subtitle {
	padding-top: 2.06458em
}
#sec1 .sty1 {
	padding-top: 1.74199em;
	padding-bottom: 4.51628em
}
#sec1 .sty1b {
	padding-top: 4.83887em;
	padding-bottom: 4.19368em
}
#sec1 .ls .item {
	position: relative;
	width: 54.84049em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4.38724em
}
#sec1 .ls .item .pic {
	width: 48.38867em;
	margin: 0 auto
}
#sec1 .ls .item .pic img {
	width: 100%
}
#sec1 .ls .item .title {
	padding-top: .96777em
}
#sec1 .ls .item .title span {
	font-size: 3.50979em
}
#sec1 .ls .item .short {
	padding-top: .48389em
}
#sec1 .ls .item .short span {
	font-size: 2.41298em
}
.sec2 {
	width: 100%
}
.sec2 .sec-subtitle {
	padding-top: 2.58073em
}
.sec2 .sec-short {
	padding-top: 1.93555em;
	padding-bottom: 3.62915em
}
.sec2 .sty1b img {
	width: 14.03271em;
	height: 15.16178em;
	right: -16.12956em
}
.sec2 .ls-wrap {
	padding-top: 2.90332em;
	padding-bottom: 5em
}
.sec2 .ls-title.sty2 {
	padding-top: 7.09701em;
	padding-bottom: 3.62915em
}
.sec2 .item {
	width: 58.06641em;
	padding-bottom: 2.90332em;
	border-width: .32259em;
	border-radius: 1.12907em;
	box-shadow: 0px .64518em 0px -0.32259em #004b99;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4.03239em
}
.sec2 .item .title {
	min-height: 16.12956em
}
.sec2 .item .title .inner {
	margin-left: 1.93555em
}
.sec2 .item .title .t1 {
	padding-top: .80648em;
	padding-bottom: .80648em
}
.sec2 .item .title .t1 span {
	font-size: 3.38721em
}
.sec2 .item .title .t2 {
	padding-top: .56453em
}
.sec2 .item .title .t2 .t2a {
	font-size: 2.58073em
}
.sec2 .item .title .t2 .t2b {
	font-size: 4.03239em
}
.sec2 .item .short {
	padding-left: 3.67754em;
	padding-right: 3.67754em;
	padding-top: 1.93555em;
	padding-bottom: 2.41943em
}
.sec2 .item .short .short-item {
	padding-top: 1.61296em;
	padding-bottom: 1.77425em;
	background-size: auto .56453em
}
.sec2 .item .short .short-item span {
	font-size: 2.58073em
}
.sec2 .item .short .short-item.d-none {
	display: none !important
}
.sec2 .item .btns {
	padding-right: 2.41943em
}
.sec2 .item .btns a {
	width: 16.12956em;
	height: 4.35498em;
	border-radius: .80648em
}
.sec2 .item .btns a span {
	font-size: 2.58073em;
	margin-left: .24194em;
	margin-right: .24194em
}
.sec2 .item .btns a img {
	width: 3.79045em;
	height: 1.93555em;
	margin-left: .24194em;
	margin-right: .24194em
}
.sec2 .item-b {
	width: 58.06641em;
	padding-bottom: 2.90332em;
	border-width: .32259em;
	border-radius: 1.12907em;
	box-shadow: 0px .64518em 0px -0.32259em #004b99;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4.03239em
}
.sec2 .item-b .title-wrap.sty1 {
	width: 85%;
	padding-bottom: 1.61296em;
	background-size: auto .56453em
}
.sec2 .item-b .title-wrap.sty1 .t2 span {
	font-size: 2.82267em;
	margin-bottom: -0.24194em
}
.sec2 .item-b .title-wrap.sty1 .title {
	width: 36.2915em;
	height: 9.43579em;
	border-width: .32259em;
	border-radius: 1.12907em;
	box-shadow: 0px .64518em 0px -0.32259em #004b99;
	border-top-left-radius: 2.96784em
}
.sec2 .item-b .title-wrap.sty1 .title .inner {
	margin-left: 1.93555em
}
.sec2 .item-b .title-wrap.sty1 .title .t1 {
	padding-top: .80648em;
	padding-bottom: .80648em
}
.sec2 .item-b .title-wrap.sty1 .title .t1 span {
	font-size: 5.64535em
}
.sec2 .item-b .short.sty1 {
	padding-left: 3.67754em;
	padding-right: 3.67754em;
	padding-top: 1.29036em;
	padding-bottom: 2.90332em
}
.sec2 .item-b .short.sty1 span {
	font-size: 2.41943em
}
.sec2 .item-b .title-wrap.sty2 {
	width: 85%;
	padding-bottom: 1.61296em;
	background-size: auto .56453em
}
.sec2 .item-b .title-wrap.sty2 .t2 span {
	font-size: 2.82267em;
	margin-bottom: -0.24194em
}
.sec2 .item-b .short.sty2 {
	padding-left: 3.22591em;
	padding-right: 3.22591em;
	padding-top: 1.29036em
}
.sec2 .item-b .short.sty2 .short-item {
	padding-bottom: 1.29036em
}
.sec2 .item-b .short.sty2 .short-item span {
	font-size: 2.41943em
}
.sec2 .item-b .btns {
	padding-right: 2.41943em
}
.sec2 .item-b .btns a {
	width: 16.12956em;
	height: 4.35498em;
	border-radius: .80648em
}
.sec2 .item-b .btns a span {
	font-size: 2.58073em;
	margin-left: .24194em;
	margin-right: .24194em
}
.sec2 .item-b .btns a img {
	width: 3.79045em;
	height: 1.93555em;
	margin-left: .24194em;
	margin-right: .24194em
}
#sec3 {
	width: 100%;
	padding-top: 4.12917em;
	padding-bottom: 10.00033em
}
#sec3 .sec-title {
	padding-bottom: 1.22585em
}
#sec3 .ls.ls1 .slide {
	padding-top: 5.80664em
}
#sec3 .ls.ls2 {
	padding-top: 10.9681em
}
#sec3 .ls.ls2 .slide {
	padding-top: 4.77435em
}
#sec3 .slide .item {
	width: 54.5179em
}
#sec3 .slide .item .pic {
	width: 54.5179em;
	height: 30.25905em;
	margin: 0 auto
}
#sec3 .slide .item .content {
	width: 54.5179em;
	padding-top: 3.22591em;
	margin: 0 auto
}
#sec3 .slide .item .content .title {
	padding-bottom: 1.29036em
}
#sec3 .slide .item .content .short {
	padding-top: 1.29036em
}
#sec3 .slide .slick-prev {
	width: 3.48398em !important;
	height: 5.22598em !important;
	top: 19.0974em
}
#sec3 .slide .slick-next {
	width: 3.48398em !important;
	height: 5.22598em !important;
	top: 19.0974em
}
#sec4 {
	width: 100%;
	padding-top: 6.77441em;
	padding-bottom: 9.35514em
}
#sec4 .sec-subtitle {
	padding-top: 2.32266em
}
#sec4 .sec-subtitle span {
	font-size: 2.70977em
}
#sec4 .ls {
	width: 100%;
	padding-top: 3.35495em
}
#sec4 .ls a {
	width: 26.1944em;
	height: 9.67773em;
	margin-left: .96777em;
	margin-right: .96777em;
	margin-bottom: 3.61302em
}
#sec4 .ls a span {
	font-size: 3.61302em;
	top: -0.12904em
}
footer span {
	top: -1.93555em;
	font-size: 1.54844em;
	line-height: 1.75
}
.popup .inner {
	width: 61.9375em;
	margin-top: 8.00026em;
	margin-bottom: 4.83887em;
	border-radius: 2.32266em
}
.popup .inner .popup-close {
	right: 1.22585em;
	top: -4.74209em;
	width: 10.35518em;
	height: 3.87109em
}
.popup .inner .popup-content {
	border-radius: 2.32266em
}
.popup .inner .links-title span {
	font-size: 3.09688em
}
.popup .inner .links {
	padding-top: 2.58073em;
	padding-bottom: 2.58073em
}
.popup .inner .links a {
	width: 26.1944em;
	height: 9.67773em;
	margin-left: .96777em;
	margin-right: .96777em;
	margin-bottom: 1.80651em
}
.popup .inner .links a span {
	font-size: 3.61302em;
	top: -0.12904em
}
}@media(min-width: 992px) {
	.header {
	height: 4.375em
}
.header .header-inner {
	max-width: 1920px;
	height: 4.375em
}
.header .logo {
	margin-left: 4.4375em
}
.header .logo img {
    width: 16.4125em;
    height: 3.00625em;
}
.header .menu {
	position: relative;
	padding-right: 4.375em;
	z-index: 90
}
.header .menu ul {
	position: relative;
	display: flex !important;
	justify-content: end !important;
	align-items: center !important
}
.header .menu ul li {
	position: relative;
	padding-left: 1.5em
}
.header .menu ul li a {
	text-decoration: none;
	display: flex !important;
	justify-content: center !important;
	align-items: center !important
}
.header .menu ul li a span {
	font-size: 1.375em;
	line-height: 1em;
	color: #000
}
.header .btn-menu {
	display: none
}
.kv {
	padding-top: 4.375em
}
.sec_a {
	top: -4.375em
}
#sec2_a {
	top: -8.75em
}
#sec2b_a {
	top: -4em
}
.sec-title span {
	font-size: 4.0625em
}
.sec-subtitle span {
	font-size: 3.125em
}
.sec-short span {
	font-size: 1.375em
}
.sec-p span {
	line-height: 1.2;
	font-size: 2em
}
.ls .ls-title span {
	font-size: 3.125em
}
.ls .ls-title.sty2 .inner {
	width: 24.75em;
	height: 6.125em;
	border-width: .25em;
	box-shadow: 0px .5em 0px -0.25em #004b99;
	background: #fff;
	border-radius: 3.0625em
}
.ls .ls-title-small span {
	font-size: 1.375em
}
.pt-25 {
	padding-top: 1.5625em
}
.pt-80 {
	padding-top: 5em
}
.pt-120 {
	padding-top: 7.5em
}
.pb-65 {
	padding-bottom: 4.0625em
}
.pb-100 {
	padding-bottom: 6.25em
}
#sec1 {
	width: 100%;
	padding-bottom: 7.5em
}
#sec1 .sec-p {
	padding-top: 4.1875em
}
#sec1 .sec-p.yt {
	padding-bottom: 3.625em
}
#sec1 .sec-p.yt iframe {
	width: 79.8125em;
	height: 44.875em
}
#sec1 .sec-title {
	padding-top: 8.9375em
}
#sec1 .sec-title.yt-title {
	padding-top: 4.1875em
}
#sec1 .sec-subtitle {
	padding-top: 2em
}
#sec1 .sty1 {
	padding-top: 1.6875em;
	padding-bottom: 4.375em
}
#sec1 .sty1b {
	padding-top: 6.875em;
	padding-bottom: 4.0625em
}
#sec1 .ls .item {
	width: 31.25em;
	margin-left: 1.25em;
	margin-right: 1.25em
}
#sec1 .ls .item .pic img {
	width: 100%
}
#sec1 .ls .item .title {
	padding-top: .625em
}
#sec1 .ls .item .title span {
	font-size: 2em
}
#sec1 .ls .item .short {
	padding-top: .3125em
}
#sec1 .ls .item .short span {
	font-size: 1.375em
}
.sec2 {
	width: 100%
}
.sec2 .sec-subtitle {
	padding-top: 2em
}
.sec2 .sec-short {
	padding-top: 1.5em;
	padding-bottom: 4.375em
}
.sec2 .sec-short .inner {
	position: relative;
	width: 61.5625em
}
.sec2 .sty1b img {
	width: 10.875em;
	height: 11.75em;
	right: -13.75em
}
.sec2 .ls-wrap {
	padding-top: 3.625em;
	padding-bottom: 5em
}
.sec2 .ls-title.sty2 {
	padding-top: 5.5em;
	padding-bottom: 2.8125em
}
.sec2 .item {
	width: 48.3125em;
	padding-bottom: 2.25em;
	border-width: .25em;
	border-radius: .875em;
	box-shadow: 0px .5em 0px -0.25em #004b99;
	margin-left: 1.0625em;
	margin-right: 1.0625em;
	margin-bottom: 2.125em
}
.sec2 .item .title {
	min-height: 9.5em
}
.sec2 .item .title .inner {
	margin-left: 1.875em
}
.sec2 .item .title .t1 {
	padding-top: .625em;
	padding-bottom: .625em
}
.sec2 .item .title .t1 span {
	font-size: 2.625em
}
.sec2 .item .title .t2 {
	padding-top: .4375em
}
.sec2 .item .title .t2 .t2a {
	font-size: 2em
}
.sec2 .item .title .t2 .t2b {
	font-size: 3.125em
}
.sec2 .item .short {
	padding-left: 3.5625em;
	padding-right: 3.5625em;
	padding-top: 1.5em;
	padding-bottom: 1.875em
}
.sec2 .item .short .short-item {
	padding-top: 1.25em;
	padding-bottom: 1.375em;
	background-size: auto .4375em
}
.sec2 .item .short .short-item span {
	font-size: 2em
}
.sec2 .item .btns {
	padding-right: 1.875em
}
.sec2 .item .btns a {
	width: 12.5em;
	height: 3.375em;
	border-radius: .625em
}
.sec2 .item .btns a span {
	font-size: 2em;
	margin-left: .1875em;
	margin-right: .1875em
}
.sec2 .item .btns a img {
	width: 2.9375em;
	height: 1.5em;
	margin-left: .1875em;
	margin-right: .1875em
}
.sec2 .item-b {
	width: 48.3125em;
	padding-bottom: 2.25em;
	border-width: .25em;
	border-radius: .875em;
	box-shadow: 0px .5em 0px -0.25em #004b99;
	margin-left: 1.0625em;
	margin-right: 1.0625em;
	margin-bottom: 2.125em
}
.sec2 .item-b .title-wrap.sty1 {
	width: 85%;
	padding-bottom: 1.5625em;
	background-size: auto .4375em
}
.sec2 .item-b .title-wrap.sty1 .t2 span {
	font-size: 2.1875em;
	margin-bottom: -0.1875em
}
.sec2 .item-b .title-wrap.sty1 .title {
	width: 30.3125em;
	height: 7.3125em;
	border-width: .25em;
	border-radius: .875em;
	box-shadow: 0px .5em 0px -0.25em #004b99;
	border-top-left-radius: 2.875em
}
.sec2 .item-b .title-wrap.sty1 .title .inner {
	margin-left: 1.875em
}
.sec2 .item-b .title-wrap.sty1 .title .t1 {
	padding-top: .625em;
	padding-bottom: .625em
}
.sec2 .item-b .title-wrap.sty1 .title .t1 span {
	font-size: 4.375em
}
.sec2 .item-b .short.sty1 {
	padding-left: 3.5625em;
	padding-right: 3.5625em;
	padding-top: 1em;
	padding-bottom: 2.25em
}
.sec2 .item-b .short.sty1 span {
	font-size: 1.875em
}
.sec2 .item-b .title-wrap.sty2 {
	width: 85%;
	padding-bottom: 1.5625em;
	background-size: auto .4375em
}
.sec2 .item-b .title-wrap.sty2 .t2 span {
	font-size: 2.1875em;
	margin-bottom: -0.1875em
}
.sec2 .item-b .short.sty2 {
	padding-left: 3.125em;
	padding-right: 3.125em;
	padding-top: 1em
}
.sec2 .item-b .short.sty2 .short-item {
	padding-bottom: 1em
}
.sec2 .item-b .short.sty2 .short-item span {
	font-size: 1.875em
}
.sec2 .item-b .btns {
	padding-right: 1.875em
}
.sec2 .item-b .btns a {
	width: 12.5em;
	height: 3.375em;
	border-radius: .625em
}
.sec2 .item-b .btns a span {
	font-size: 2em;
	margin-left: .1875em;
	margin-right: .1875em
}
.sec2 .item-b .btns a img {
	width: 2.9375em;
	height: 1.5em;
	margin-left: .1875em;
	margin-right: .1875em
}
#sec3 {
	width: 100%;
	padding-top: 8.625em;
	padding-bottom: 9.25em
}
#sec3 .sec-title {
	padding-bottom: 1.1875em
}
#sec3 .ls.ls1 .slide {
	padding-top: 6.25em
}
#sec3 .ls.ls1 .slide .item .content {
	padding-left: 3.25em
}
#sec3 .ls.ls2 {
	padding-top: 10.625em
}
#sec3 .ls.ls2 .slide {
	padding-top: 4.625em
}
#sec3 .ls.ls2 .slide .item .content {
	padding-left: .5em;
	padding-right: 2.8125em
}
#sec3 .slide .item {
	width: 120em
}
#sec3 .slide .item .inner {
	display: flex !important;
	justify-content: center !important
}
#sec3 .slide .item .pic {
	width: 56.25em;
	height: 31.25em;
	margin: 0 .5em
}
#sec3 .slide .item .content {
	width: 41.5625em;
	margin: 0 .5em;
	padding-top: 7.75em
}
#sec3 .slide .item .content .title {
	padding-bottom: 1.25em
}
#sec3 .slide .item .content .title span {
	font-size: 2em
}
#sec3 .slide .item .content .short {
	padding-top: .75em
}
#sec3 .slide .item .content .short span {
	line-height: 1.82;
	font-size: 1.375em
}
#sec3 .slide .slick-prev {
	width: 3.75em !important;
	height: 5.625em !important;
	top: 18.4375em;
	left: 4.125em
}
#sec3 .slide .slick-next {
	width: 3.75em !important;
	height: 5.625em !important;
	top: 18.4375em;
	right: 4.125em
}
#sec3 .slide .slick-dots {
	bottom: -5.125em
}
#sec3 .slide .slick-dots li {
	width: 1.875em;
	height: 1.875em;
	margin: 0 1.25em;
	border-radius: .9375em
}
#sec3 .slide .slick-dots li button {
	width: 1.875em;
	height: 1.875em
}
#sec3 .slide .slick-dots li button: before {
	width: 1.875em;
	height: 1.875em
}
#sec3 .slide.slide2 .item .inner {
	flex-direction: row-reverse !important
}
#sec4 {
	width: 100%;
	padding-top: 6.5625em;
	padding-bottom: 3.875em
}
#sec4 .sec-subtitle {
	padding-top: 2.25em
}
#sec4 .sec-subtitle span {
	font-size: 2.625em
}
#sec4 .ls {
	width: 93.75em;
	padding-top: 3.25em
}
#sec4 .ls a {
	width: 16.25em;
	height: 6em;
	margin-left: .625em;
	margin-right: .625em;
	margin-bottom: 1.9375em
}
#sec4 .ls a span {
	font-size: 2.25em;
	top: -0.125em
}
footer {
	width: 100%;
	min-height: 8.0625em
}
footer span {
	font-size: 1em;
	line-height: 1.2
}
.btn-home {
	right: 2.0625em;
	bottom: 27em;
	width: 4.4375em;
	height: 4.4375em
}
.btn-fb {
	right: 2.0625em;
	bottom: 21.75em;
	width: 4.4375em;
	height: 4.4375em
}
.btn-scrolltop {
	right: 2.0625em;
	bottom: 16.5em;
	width: 4.5em;
	height: 4.4375em
}
.popup .inner {
	width: 71.25em;
	margin-top: 7.75em;
	margin-bottom: 4.6875em;
	border-radius: 2.25em
}
.popup .inner .popup-close {
	right: 1.1875em;
	top: -3.0625em;
	width: 6.6875em;
	height: 2.5em
}
.popup .inner .popup-content {
	border-radius: 2.25em
}
.popup .inner .links-title span {
	font-size: 2em
}
.popup .inner .links {
	padding-top: 2.5em;
	padding-bottom: 2.5em
}
.popup .inner .links a {
	width: 11.75em;
	height: 4.3125em;
	margin-left: .4375em;
	margin-right: .4375em;
	margin-bottom: 1.4375em
}
.popup .inner .links a span {
	font-size: 1.625em;
	top: -0.125em
}
}#sec2b {
	background: #ffffff
}
@media(max-width: 991px) {
	#sec2b {
	padding-top: 10em
}
}@media(min-width: 992px) {
	#sec2b {
	padding-top: 10em
}
}#sec2b .ls-wrap {
	background: #fcedca
}
@media(max-width: 991px) {
	#sec2b .ls-wrap {
	padding-top: 0em;
	padding-bottom: 5em
}
}@media(min-width: 992px) {
	#sec2b .ls-wrap {
	padding-top: 0em;
	padding-bottom: 5em
}
}@media(max-width: 991px) {
	#sec2b .ls-title.sty2 {
	padding-top: 7.09701em;
	padding-bottom: 3.62915em
}
}@media(min-width: 992px) {
	#sec2b .ls-title.sty2 {
	padding-top: 5.5em;
	padding-bottom: 3em
}
}#sec2b .ls-title.sty2 .inner {
	width: auto;
	padding-left: 2em;
	padding-right: 2em;
	border-color: #ea5350;
	box-shadow: 0px .5em 0px -0.25em #ea5350
}
#sec2b .item {
	border-color: #ea5350;
	background-color: #fcedca;
	box-shadow: 0px .64518em 0px -0.32259em #ea5350
}
@media(max-width: 991px) {
	#sec2b .item {
	margin-bottom: 4.03239em
}
}@media(min-width: 992px) {
	#sec2b .item {
	margin-bottom: 3em
}
}#sec2b .item .title {
	background-color: #fbc514
}
#sec2b .item .title .t1 {
	position: relative
}
#sec2b .item .title .t1 span {
	color: #333
}
#sec2b .item .title .t2 .t2a {
	color: #333
}
#sec2b .item .title .t2 .t2b {
	color: #333
}
#sec2b .item .short {
	position: relative
}
#sec2b .item .short .short-item {
	background: url("../images/sec2/dotted_b.png") left bottom repeat-x
}
#sec2b .item .short .short-item span {
	color: #333
}
#sec2b .item .short p {
	color: #333; font-size: 1.5em
}
#sec2b .item .short .short-item.border-0 {
	background: none
}
#sec2b .item .btns a {
	background-color: #ea5350
}
#sec2b .item .btns a span {
	color: #fff
}

@media(min-width: 992px) {
	#sec2b .item:nth-child(1) .short,
	#sec2b .item:nth-child(2) .short{
		height:21.5em !important;
	}
	#sec2b .item:nth-child(3) .short,
	#sec2b .item:nth-child(4) .short{
		height:22em !important;
	}
	#sec2b .item:nth-child(5) .short,
	#sec2b .item:nth-child(6) .short{
		height:68em !important;
	}
}