<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
.page-index-zh-tw,
.page-index-zh-tw *,
.page-index-zh-tw *:before,
.page-index-zh-tw *:after {
	box-sizing: border-box;
}
.page-index-zh-tw {
	--tw-navy: #094567;
	--tw-dark-blue:#092846;
	--tw-orange: #fe9a24;
	--tw-orange-light: #ffdc97;
	--tw-orange-light-1: #F1890E;
	--tw-orange-light-2: #ffe9bf;
	--tw-orange-dark: #bc6b0a;
	--tw-yellow: #FFE06E;
	--tw-yellow-light: #FFE06E;
}
.page-index-zh-tw {

	font-family: /*'Noto Sans TC', */'微軟正黑體', 'PingHei', 'PMingLiU', STHeitiSC-Medium , sans-serif;
	/*
		font-weight setting for 'Noto Sans TC'
		thin	100
		light	300
		regular	400
		medium	500
		bold	700
		black	900
	*/
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.6;
	color: #333;
	background-color: #fff;
	overflow: hidden;
}
.page-index-zh-tw .tw-top-img img {
	width: 1920px;
	max-width: 100%;
 	margin: 0 auto;
}
.page-index-zh-tw img {
	display: block;
	width: 100%;
}
.page-index-zh-tw a:hover img {
	opacity: 1;
}
.page-index-zh-tw .tw-btn-1 {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 8rem;
	min-width: 50rem;
	font-size: 4rem;
	font-weight: bold;
	color: #fff;
	background-color: var(--tw-navy);
	border-radius: 4rem;
	padding: 0 4rem;
	box-shadow: .5rem .5rem 0 rgba(9, 69, 103, .58);
}
.page-index-zh-tw .tw-btn-1.block {
	display: flex;
}
.page-index-zh-tw .tw-btn-1.orange {
	background-color: var(--tw-orange);
	box-shadow: .5rem .5rem 0 rgba(241, 137, 14, .58);
}
.page-index-zh-tw .tw-sec {
	background-color: #fff;
}
.page-index-zh-tw .tw-sec.sec-campaign-banner{
	padding: 100px 0;
}
.page-index-zh-tw .tw-sec .slick-dots li button:before{
	font-size: 10px;
    margin-top: 10px;
}
.page-index-zh-tw .tw-sec .tw-sec-inner {
	max-width: 110rem;
	padding: 0 2rem;
	margin: 0 auto;
}
.page-index-zh-tw .tw-title-1 {
	color: var(--tw-navy);
	font-size: 3.6rem;
	font-weight: bold;
	margin-bottom: 2rem;
}
.page-index-zh-tw .tw-title-1 &gt; .highlight {
	display: inline-block;
	padding: 0 1rem;
	background: linear-gradient(0deg, var(--tw-orange-light) 0%, var(--tw-orange-light) 30%, transparent 30%, transparent 100%);
}
.page-index-zh-tw .tw-title-1.center {
	text-align: center;
}
.page-index-zh-tw .tw-title-1.big {
	font-size: 5.8rem;
	margin-bottom: 4rem;
}
.page-index-zh-tw .tw-title-2 {
	color: var(--tw-navy);
	font-size: 5rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 2rem;
}
.page-index-zh-tw .tw-title-2 &gt; .highlight {
	display: inline-block;
	font-size: 8rem;
	line-height: 1.1;
	font-style: italic;
	padding: 0 1rem;
	background: linear-gradient(0deg, var(--tw-orange) 0%, var(--tw-orange) 30%, transparent 30%, transparent 100%);
}
.page-index-zh-tw .tw-title-2 &gt; .highlight.mr {
	margin-right: 4rem;
}
.page-index-zh-tw .tw-title-2 &gt; .highlight.ml {
	margin-left: 4rem;
}
.page-index-zh-tw .tw-title-2 &gt; .orange {
	color: var(--tw-orange);
}
/**- sec-top -*/
/* .page-index-zh-tw .tw-index-top {
	padding-bottom: 3rem;
	background-image: url(../images/index/zh-tw/sec-bg-top.svg);
	background-repeat: no-repeat;
	background-size: 1920px auto;
	background-position: center bottom;
} */
.page-index-zh-tw .tw-index-top .tw-top-box {
	display: flex;
}
.page-index-zh-tw .tw-index-top .tw-top-box &gt; .tw-sec-inner{
	margin: 0 auto;
}
.page-index-zh-tw .tw-index-top .area-img {
	position: relative;
	flex-shrink: 0;
	width: 1920px;
}
.page-index-zh-tw .tw-index-top .area-img svg {
	display: block;
}
/* .page-index-zh-tw .tw-index-top .area-img-clip {
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: left top;
	clip-path: url(#myClip);
	transform: scale(.95);
} */
.page-index-zh-tw .tw-top-img-slick {
	width: 1063px;
}
.page-index-zh-tw .tw-top-img-slick:not(.slick-initialized) {
	position: relative;
	height: 680px;
	overflow: hidden;
}
.page-index-zh-tw .tw-top-img-slick:not(.slick-initialized):before {
	/* loading icon */
	position: absolute;
	z-index: 2;
	content: '\f110';
	font-family: 'fontAwesome';
	display: block;
	font-size: 30px;
	line-height: 1;
	text-align: center;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	color: #fff;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	opacity: .25;
}
.page-index-zh-tw .tw-index-top .area-text {
	text-align: center;
	padding-top: 5rem;
	padding-left: 5rem;
}
.page-index-zh-tw .tw-index-top .area-text .text-1 {
	text-align: left;
}
.page-index-zh-tw .tw-index-top .area-text .text-1 .bubble {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 13.2rem;
	height: 13.2rem;
	border-radius: 50%;
	font-size: 3.2rem;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	background-color: var(--tw-orange);
	transform: translateX(3rem) rotateZ(-15deg);
}
.page-index-zh-tw .tw-index-top .area-text .text-1 .bubble:after {
	content: "";
	display: block;
	position: absolute;
	left: calc(100% - 5rem);
	top: calc(100% - 1.5rem);
	border-style: solid;
	border-top-width: 2rem;
	border-bottom-width: 2rem;
	border-left-width: 4rem;
	border-color: transparent;
	border-left-color: var(--tw-orange);
	transform: rotateZ(60deg);
}
.page-index-zh-tw .tw-index-top .area-text .text-2 {
	letter-spacing: .5em;
}
.page-index-zh-tw .tw-index-top .area-text .text-2 .tw-title-1 {
	font-size: 6rem;
	margin-bottom: 0;
}
.page-index-zh-tw .tw-index-top .area-text .text-3 {
	font-size: 3.2rem;
	font-weight: bold;
	margin-top: 2rem;
	letter-spacing: .1em;
}
.page-index-zh-tw .tw-index-top .area-text .btn-wrap {
	text-align: center;
	margin-top: 2rem;
}
@media only screen and (max-width: 1649px) {
	.page-index-zh-tw .tw-index-top .area-img {
		width: 957px;
		height: 628px;
	}
	.page-index-zh-tw .tw-index-top .area-img-clip {
		transform: scale(.9);
	}
}
@media only screen and (max-width: 1599px) {
	.page-index-zh-tw .tw-index-top .area-img {
		/* width: 904px; */
		width: 864px;
		height: 593px;
	}
	.page-index-zh-tw .tw-index-top .area-img-clip {
		/* transform: scale(.85); */
		transform: scale(.8);
	}
}
@media only screen and (max-width: 1499px) {
	.page-index-zh-tw .tw-index-top .area-img {
		/* width: 851px; */
		width: 845px;
		height: 558px;
	}
	.page-index-zh-tw .tw-index-top .area-img-clip {
		transform: scale(.80);
	}
	.page-index-zh-tw .tw-index-top .area-text {
		padding-top: 3rem;
		padding-left: 2rem;
	}
	.page-index-zh-tw .tw-index-top .area-text .text-2 {
		/*margin-top: 1rem;*/
	}
	.page-index-zh-tw .tw-index-top .area-text .text-3 {
		margin-top: 1rem;
	}
	.page-index-zh-tw .tw-index-top .area-text .btn-wrap {
		margin-top: 1rem;
	}
}
@media only screen and (max-width: 1449px) {
	.page-index-zh-tw .tw-index-top .area-img {
		/* width: 745px; */
		width: 695px;
		height: 489px;
	}
	.page-index-zh-tw .tw-index-top .area-img-clip {
		/* transform: scale(.7); */
		transform: scale(.65);
	}
	.page-index-zh-tw .tw-index-top .area-text .text-1 {
		height: 7rem;
	}
	.page-index-zh-tw .tw-index-top .area-text .text-1 .bubble {
		transform: translate(5rem, -2.8rem) rotateZ(-15deg) scale(.6);
	}
	.page-index-zh-tw .tw-index-top .area-text .text-2 .tw-title-1 {
		font-size: 5rem;
	}
	.page-index-zh-tw .tw-index-top .area-text .text-3 {
		font-size: 2.6rem;
	}
	.page-index-zh-tw .tw-index-top .area-text .btn-wrap {

	}
}
@media only screen and (max-width: 1299px) {
	.page-index-zh-tw .tw-index-top {
		padding-bottom: 5rem;
	}
	.page-index-zh-tw .tw-index-top .area-img {
		width: 638px;
		height: 419px;
	}
	.page-index-zh-tw .tw-index-top .area-img-clip {
		transform: scale(.6);
	}
	.page-index-zh-tw .tw-index-top .area-text {
		padding-top: 2rem;
	}
}
/*- sec-five-minutes -*/
.page-index-zh-tw .tw-sec.sec-five-minutes {

}
.page-index-zh-tw .tw-sec.sec-five-minutes &gt; .tw-sec-inner {
	padding: 10rem 2rem;
	max-width: 110rem;
}
.page-index-zh-tw .tw-sec.sec-five-minutes .flex-1 {
	display: flex;
}
.page-index-zh-tw .tw-sec.sec-five-minutes .flex-1 .col-1 {
	position: relative;
	width: 52.5rem;
	flex-shrink: 0;
}
.page-index-zh-tw .tw-sec.sec-five-minutes .flex-1 .col-1 .five-minutes {
	position: absolute;
	top: 50%;
	left: 64%;
	transform: translate(-50%, -50%);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 27rem;
	height: 27rem;
	border-radius: 13.5rem;
	color: #fff;
	background-color: var(--tw-orange);
	font-weight: 900;
	text-align: center;
	line-height: 1;
}
.page-index-zh-tw .tw-sec.sec-five-minutes .flex-1 .col-1 .five-minutes .text-1 {
	font-size: 3.6rem;
}
.page-index-zh-tw .tw-sec.sec-five-minutes .flex-1 .col-1 .five-minutes .text-2 {
	font-size: 9.6rem;
	font-style: italic;
}
.page-index-zh-tw .tw-sec.sec-five-minutes .flex-1 .col-1 .five-minutes .text-3 {
	font-size: 5.5rem;
}
.page-index-zh-tw .tw-sec.sec-five-minutes .flex-1 .col-1 .five-minutes-bg {
	
}
.page-index-zh-tw .tw-sec.sec-five-minutes .flex-1 .col-2 {
	flex: 1;
	padding-left: 8.5rem;
}
.page-index-zh-tw .tw-sec.sec-five-minutes .flex-1 .col-2 &gt; p {
	font-size: 2.4rem;
}
.page-index-zh-tw .tw-sec.sec-five-minutes .flex-1 .col-2 &gt; p + p {
	margin-top: 2rem;
}

/* sec-key-features */
.page-index-zh-tw .tw-sec.sec-key-features {
	background-color: var(--tw-orange-light-2);
	background-image: url(../images/index/zh-tw/key-features-line.svg);
	background-size: 1920px auto;
	background-repeat: no-repeat;
	background-position: center;
}
.page-index-zh-tw .tw-sec.sec-key-features &gt; .tw-sec-inner {
	padding: 10rem 2rem;
	max-width: 110rem;
}
.page-index-zh-tw .tw-key-features-list {
	display: flex;
	margin: 0 -2.5rem;
}
.page-index-zh-tw .tw-key-features-list &gt; li {
	width: 33.33%;
	padding: 0 2.5rem;
}
.page-index-zh-tw .tw-key-features-list .bubble {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3rem;
	font-weight: bold;
	color: #fff;
	background-color: var(--tw-navy);
	padding: 1rem;
	border-radius: 2rem;
}
.page-index-zh-tw .tw-key-features-list .bubble:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	border-style: solid;
	border-width: 3rem 3rem 0 1rem;
	border-color: transparent;
	border-top-color: var(--tw-navy);
	top: calc(100% - .5rem);
	right: 1rem;
}
.page-index-zh-tw .tw-key-features-list .circle {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 7rem;
	font-weight: bold;
	font-style: italic;
	line-height: 1;
	width: 22rem;
	height: 22rem;
	border-radius: 50%;
	background-color: var(--tw-orange);
	margin: -4rem auto 0;
	box-shadow: 5px 5px 0 var(--tw-orange-dark);
}
.page-index-zh-tw .tw-key-features-list .circle &gt; .circle-icon {
	position: absolute;
	width: 7rem;
	right: 0;
	bottom: 0;
}
.page-index-zh-tw .tw-key-features-list .detail {
	font-size: 2rem;
	padding: 0 1rem;
	margin-top: 2rem;
}
.page-index-zh-tw .tw-key-features-list .detail .learn-more-link {
	text-align: right;
	margin-top: 1rem;
}
.page-index-zh-tw .tw-key-features-list .detail .learn-more-link a {
	font-weight: bold;
	color: #333;
}

/* sec-tb */
.page-index-zh-tw .tw-sec.sec-tb {

}
.page-index-zh-tw .tw-sec.sec-tb &gt; .tw-sec-inner {
	padding: 10rem 0;
	max-width: unset;
}
.page-index-zh-tw .tw-textbook-tree {
	background-image: url(../images/index/zh-tw/tb-line.svg);
	background-size: 1920px auto;
	background-repeat: no-repeat;
	background-position: center 2rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner {
	width: 95.5rem;
	height: 60rem;
	margin: 0 auto;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list {
	position: relative;
	height: 100%;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li {
	position: absolute;
	z-index: 1;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li &gt; .tb-cover {
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li &gt; .tb-cover.gradient-border {
	position: relative;
	z-index: 1;
	padding: .5rem;
	background: rgb(255,212,128);
	background: linear-gradient(180deg, rgba(255,212,128,1) 0%, rgba(255,212,128,0.36) 100%);
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li &gt; .tb-cover &gt; .cover-inner {
	border-radius: 50%;
	overflow: hidden;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li &gt; .tb-cover &gt; .cover-inner.navy-border {
	background-color: var(--tw-navy);
	border: 1rem solid var(--tw-navy);
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li &gt; .tb-name {
	text-align: center;
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1;
	color: var(--tw-navy);
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li &gt; .tb-name:first-child {
	margin-bottom: 1rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li &gt; .tb-name:last-child {
	margin-top: 1rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.grammar {
	left: 81.4rem;
	top: 0;
	opacity: .5;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.grammar &gt; .tb-cover {
	width: 9.5rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.callan {
	top: 12rem;
	right: 0;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.callan &gt; .tb-cover {
	width: 22rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.toeic {
	left: 55rem;
	top: 0;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.toeic:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 3;
	width: 1.3rem;
	height: 3rem;
	background-color: var(--tw-navy);
	top: calc(100% - 6px);
	left: 50%;
	transform: translateX(-50%);
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.toeic &gt; .tb-cover {
	width: 17rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.travel {
	left: 47.7rem;
	top: 32.7rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.travel:after {
	content: '';
	display: block;
	position: absolute;
	width: 1.3rem;
	height: 3.3rem;
	background-color: var(--tw-navy);
	bottom: calc(100% - 1px);
	left: 50%;
	transform: translateX(-50%);
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.travel &gt; .tb-cover {
	width: 16rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.talk {
	left: 67.6rem;
	top: 37rem;
	opacity: .5;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.talk &gt; .tb-cover {
	width: 11.4rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.kids {
	left: 23.3rem;
	top: 39.5rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.kids:after {
	content: '';
	display: block;
	position: absolute;
	width: 1.3rem;
	height: 2.5rem;
	background-color: var(--tw-navy);
	bottom: calc(100% - 1px);
	left: 50%;
	transform: translateX(-50%);
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.kids &gt; .tb-cover {
	width: 14rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.mix {
	left: 2.8rem;
	top: 2.7rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.mix &gt; .tb-cover {
	width: 19.2rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.five-min {
	left: 0;
	top: 45.4rem;
	opacity: .5;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.five-min &gt; .tb-cover {
	width: 9.8rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.first {
	left: 8.3rem;
	top: 26rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.first &gt; .tb-cover {
	width: 13rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.speaking {
	left: 22.2rem;
	top: 18rem;
	opacity: .5;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.speaking &gt; .tb-cover {
	width: 8rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.business {
	left: 34rem;
	top: 11.8rem;
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.business:after {
	content: '';
	display: block;
	position: absolute;
	width: 1.3rem;
	height: 3rem;
	background-color: var(--tw-navy);
	top: calc(100% - 1px);
	left: 50%;
	transform: translateX(-50%);
}
.page-index-zh-tw .tw-textbook-tree &gt; .tree-inner &gt; .tw-textbook-tree-list &gt; li.business &gt; .tb-cover {
	width: 15.8rem;
}

/* sec-right-now */
.page-index-zh-tw .tw-sec.sec-register-now {
	background-color: var(--tw-orange);
	overflow: hidden;
}
.page-index-zh-tw .tw-sec.sec-register-now .bg-wave {
	position: relative;
	width: 1920px;
	height: 210px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	background-image: url(../images/index/zh-tw/sec-bg-register.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
}
.page-index-zh-tw .tw-sec.sec-register-now &gt; .tw-sec-inner {
	position: relative;
	padding: 10rem 2rem;
	max-width: 100rem;
}
.page-index-zh-tw .tw-sec.sec-register-now .paragraph-1 {
	text-align: center;
	color: #fff;
	font-size: 2.4rem;
}
.page-index-zh-tw .tw-sec.sec-register-now .register-now {
	text-align: center;
	margin-top: 8rem;
}
.page-index-zh-tw .tw-sec.sec-register-now .register-now &gt; p {
	color: #fff;
	font-size: 4.8rem;
	font-weight: bold;
}
.page-index-zh-tw .tw-sec.sec-register-now .register-now .btn-wrap {
	margin-top: 1rem;
}

/* sec-compare */
.page-index-zh-tw .tw-sec.sec-compare {
	background: rgb(217,240,254);
	background: linear-gradient(0deg, rgba(217,240,254,1) 0%, rgba(217,240,254,0) 85%);
}
.page-index-zh-tw .tw-sec.sec-compare &gt; .tw-sec-inner {
	padding: 10rem 2rem;
	max-width: unset;
}
.page-index-zh-tw .tw-compare-table-wrap {
	max-width: 115rem;
	margin: 0 auto;
}
.page-index-zh-tw .tw-compare-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 3rem;
	text-align: center;
}
.page-index-zh-tw .tw-compare-table,
.page-index-zh-tw .tw-compare-table tr,
.page-index-zh-tw .tw-compare-table th,
.page-index-zh-tw .tw-compare-table td {
	height: 100%;
	padding: 0;
}
.page-index-zh-tw .tw-compare-table th,
.page-index-zh-tw .tw-compare-table td {
	vertical-align: top;
}
.page-index-zh-tw .tw-compare-table .layer-1,
.page-index-zh-tw .tw-compare-table .layer-2,
.page-index-zh-tw .tw-compare-table .layer-3 {
	display: flex;
	align-items: stretch;
	width: 100%;
	height: 100%;
}
.page-index-zh-tw .tw-compare-table .layer-3 {
	justify-content: center;
	align-items: center;
}
.page-index-zh-tw .tw-compare-table .layer-2 {

}
.page-index-zh-tw .tw-compare-table .nc-logo {
	display: block;
	flex: 1;
	background-color: var(--tw-navy);
	padding: 4.5rem 0;
}
.page-index-zh-tw .tw-compare-table .nc-logo &gt; .nc-logo-inner {
	display: block;
	width: 23.5rem;
	margin: 0 auto;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; th:nth-child(1),
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; td:nth-child(1) {
	width: 18rem;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; th:nth-child(2) .layer-1,
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; td:nth-child(2) .layer-1 {
	padding-right: 1.5rem;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; th:nth-child(3) .layer-1,
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; td:nth-child(3) .layer-1 {
	padding-left: 1.5rem;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; th:nth-child(2) .layer-2,
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; td:nth-child(2) .layer-2 {
	background-color: var(--tw-orange);
	padding: .5rem 3rem;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; th:nth-child(3) .layer-2,
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; td:nth-child(3) .layer-2 {
	background-color: #e5e5e5;
	padding: .5rem 3rem;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr.head &gt; th:nth-child(2) .layer-2,
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr.head &gt; th:nth-child(3) .layer-2 {
	border-top-left-radius: 2rem;
	border-top-right-radius: 2rem;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr.head &gt; th:nth-child(2) .layer-2 {
	padding: 3rem 0 0;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr.head &gt; th:nth-child(2) .layer-3 {
	align-items: stretch;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr.head &gt; th:nth-child(3) .layer-2 {
	padding: 0;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr.head &gt; th:nth-child(3) .layer-3 {
	padding-top: 2rem;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr:not(.head) &gt; td:nth-child(2) .layer-3,
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr:not(.head) &gt; td:nth-child(3) .layer-3 {
	padding: 2rem;
	border-radius: 1rem;
	background-color: #fff;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr:not(.head):nth-child(2) &gt; td:nth-child(2) .layer-2,
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr:not(.head):nth-child(2) &gt; td:nth-child(3) .layer-2 {
	padding-top: 2rem;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr:not(.head):last-child &gt; td:nth-child(2) .layer-2,
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr:not(.head):last-child &gt; td:nth-child(3) .layer-2 {
	padding-bottom: 5rem;
	border-bottom-left-radius: 2rem;
	border-bottom-right-radius: 2rem;
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr:not(.head) &gt; th,
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr:not(.head) &gt; td:nth-child(2) .layer-3 {
	color: var(--tw-navy);
}
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; th:nth-child(3) .layer-3,
.page-index-zh-tw .tw-compare-table &gt; tbody &gt; tr &gt; td:nth-child(3) .layer-3 {
	color: #575757;
}
/*.page-index-zh-tw .tw-compare-list {
	display: flex;
	justify-content: center;
}
.page-index-zh-tw .tw-compare-list .column {

}
.page-index-zh-tw .tw-compare-list .column.c-1 {
	padding-top: 17rem;
}
.page-index-zh-tw .tw-compare-list .column.c-3 {
	padding-top: 2.5rem;
	padding-left: 3.5rem;
}
.page-index-zh-tw .tw-compare-sub-list {
	
}
.page-index-zh-tw .tw-compare-sub-list &gt; li {
	padding: 0 3rem;
}
.page-index-zh-tw .tw-compare-sub-list.l-head &gt; li {
	padding: 0;
}
.page-index-zh-tw .tw-compare-sub-list.l-nc &gt; li.row-0 {
	background-color: var(--tw-navy);
	padding: 4.5rem 0;
}
.page-index-zh-tw .tw-compare-sub-list.l-head &gt; li.row-5,
.page-index-zh-tw .tw-compare-sub-list.l-head &gt; li.row-7 {
	height: 11.2rem;
}
.page-index-zh-tw .tw-compare-sub-list.l-head &gt; li.row-6 {
	height: 14.8rem;
}
.page-index-zh-tw .tw-compare-sub-list.l-other &gt; li.row-5 {
	height: 10rem;
}
.page-index-zh-tw .tw-compare-sub-list.l-other &gt; li.row-6 {
	height: 12.5rem;
}
.page-index-zh-tw .tw-compare-sub-list &gt; li + li {
	margin-top: 1rem;
}
.page-index-zh-tw .tw-compare-sub-list.l-nc &gt; li.row-1 {
	margin-top: 2rem;
}
.page-index-zh-tw .tw-compare-sub-list.l-other &gt; li.row-1 {
	margin-top: 6rem;
}
.page-index-zh-tw .tw-compare-sub-list.l-head {
	color: var(--tw-navy);
}
.page-index-zh-tw .tw-compare-sub-list.l-nc {
	width: 43rem;
	color: var(--tw-navy);
	background-color: var(--tw-orange);
	padding: 3rem 0 6rem;
	border-radius: 2rem;
}
.page-index-zh-tw .tw-compare-sub-list.l-other {
	color: #5b5b5b;
	width: 39rem;
	background-color: #e5e5e5;
	padding: 6rem 0 6rem;
	border-radius: 2rem;
}
.page-index-zh-tw .tw-compare-sub-list .row-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 3rem;
	line-height: 1.2;
	text-align: center;
	padding: 2rem;
}
.page-index-zh-tw .tw-compare-sub-list.l-nc .row-inner {
	font-weight: bold;
}
.page-index-zh-tw .tw-compare-sub-list.l-nc .row-inner,
.page-index-zh-tw .tw-compare-sub-list.l-other .row-inner {
	background-color: #fff;
	border-radius: 1rem;
}
.page-index-zh-tw .tw-compare-sub-list.l-other &gt;li.row-0 .row-inner {
	background-color: transparent;
	border-radius: 0;
	padding: 0 2rem;
}
.page-index-zh-tw .tw-compare-sub-list .nc-logo {
	width: 23.5rem;
	min-height: 3.1rem;
	margin: 0 auto;
}*/
/* campaign banner */
.page-index-zh-tw .tw-campaign-banner-slick {
	width: 96rem;
	margin: 0 auto;
}
.page-index-zh-tw .tw-campaign-banner-slick:not(.slick-initialized) {
	position: relative;
	height: 26rem;
	overflow: hidden;
}
.page-index-zh-tw .tw-campaign-banner-slick:not(.slick-initialized):before {
	position: absolute;
	z-index: 2;
	content: '\f110';
	font-family: 'fontAwesome';
	display: block;
	font-size: 30px;
	line-height: 1;
	text-align: center;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	color: #fff;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.page-index-zh-tw .tw-campaign-banner-slick .tw-campaign-banner-slick-page {
	width: 96rem;
}
.page-index-zh-tw .tw-campaign-banner-slick .tw-campaign-banner-slick-page a {
	display: block;
}
.page-index-zh-tw .tw-campaign-banner-slick .slick-prev,
.page-index-zh-tw .tw-campaign-banner-slick .slick-next {
	width: 3rem;
	color: var(--tw-dark-blue);
	height: 3rem;
}
.page-index-zh-tw .tw-campaign-banner-slick .slick-prev {
	left: -6rem;
  	top: 12rem;
}
.page-index-zh-tw .tw-campaign-banner-slick .slick-next {
	right: -6rem;
	top: 12rem;
}
.page-index-zh-tw .tw-campaign-banner-slick .slick-prev:before,
.page-index-zh-tw .tw-campaign-banner-slick .slick-next:before {
	color: var(--tw-dark-blue);
	font-size: 3rem;
}

.page-index-zh-tw .tw-campaign-banner-slick .slick-prev:before{
	position: absolute;
	content: url(/images/index/zh-tw/arrow-left.png);
	display: block;
	opacity: 1;
	top: -3px;
}

.page-index-zh-tw .tw-campaign-banner-slick .slick-next:before{
	position: absolute;
	content: url(/images/index/zh-tw/arrow-right.png);
	display: block;
	opacity: 1;
	top: -3px;
}

/* sec-3-steps */
.page-index-zh-tw .tw-sec.sec-3-steps {
	
}
.page-index-zh-tw .tw-sec.sec-3-steps &gt; .tw-sec-inner {
	padding: 10rem 2rem;
	max-width: 106.4rem;
}
.page-index-zh-tw .tw-sec.sec-3-steps .tw-register-step-list-wrap {
	margin-top: 5rem;
}
.page-index-zh-tw .tw-register-step-list {
	display: flex;
	justify-content: space-between;
}
.page-index-zh-tw .tw-register-step-list &gt; li {
	position: relative;
}
.page-index-zh-tw .tw-register-step-list &gt; li:not(:first-child):before {
	content: '';
	position: absolute;
	display: block;
	border-color: transparent;
	border-style: solid;
	border-top-width: 3rem;
	border-bottom-width: 3rem;
	border-left-width: 5rem;
	border-left-color: var(--tw-navy);
	bottom: 11.25rem;
	left: -9.5rem;
	transform: translateY(50%);
}
.page-index-zh-tw .tw-register-step-list .step-title {
	font-size: 5rem;
	font-weight: bold;
	text-align: center;
	line-height: 1;
	color: var(--tw-orange);
	margin-bottom: 1.5rem;
}
.page-index-zh-tw .tw-register-step-list .main-square {
	position: relative;
}
.page-index-zh-tw .tw-register-step-list .main-square .main-text {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 6rem;
	line-height: 1.1;
	font-weight: 900;
	color: #fff;
	width: 22.5rem;
	height: 22.5rem;
	border-radius: 6.4rem;
	background-color: var(--tw-orange);
	border: .7rem solid var(--tw-navy);
	text-shadow:
		-1px -1px 0 var(--tw-navy),  
		1px -1px 0 var(--tw-navy),
		-1px 1px 0 var(--tw-navy),
		1px 1px 0 var(--tw-navy);
	-webkit-text-stroke: 2px var(--tw-navy);
	box-shadow: 1rem 1rem 0 var(--tw-navy);
}
.page-index-zh-tw .tw-register-step-list .main-square .step-icon {
	position: absolute;
	width: 6.5rem;
	bottom: -1rem;
	right: -1rem;
}
.page-index-zh-tw .tw-register-step-list &gt; li:nth-child(1) .main-square .step-icon {
	width: 8rem;
}
.page-index-zh-tw .tw-register-step-list &gt; li:nth-child(3) .main-square .step-icon {
	width: 8rem;
	bottom: -3.5rem;
	right: -1.5rem;
}
.page-index-zh-tw .tw-sec.sec-3-steps .paragraph-1 {
	margin-top: 10rem;
	text-align: center;
	font-size: 2rem;
}
.page-index-zh-tw .tw-sec.sec-intro-video {
	padding: 20rem 0 15rem;
}
.page-index-zh-tw .tw-sec.sec-intro-video .video-iframe-wrap {
	max-width: 1024px;
	margin: 0 auto;
}
.page-index-zh-tw .tw-sec.sec-intro-video .video-iframe-wrap &gt; .video-inner {
	position: relative;
}
.page-index-zh-tw .tw-sec.sec-intro-video .video-iframe-wrap &gt; .video-inner:before {
	content: '';
	display: block;
	padding-top: 56.25%;
}
.page-index-zh-tw .tw-sec.sec-intro-video .video-iframe-wrap iframe {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.page-index-zh-tw .tw-sec.sec-user-review {
	background-color: #d9f0fe;
}
.page-index-zh-tw .tw-sec.sec-user-review .tw-sec-inner {
	max-width: 124rem;
	padding: 0 2rem 10rem;
}
@media only screen and (max-width: 1319px) {
	.page-index-zh-tw .tw-sec.sec-user-review .tw-sec-inner {
		max-width: 110rem;
	}
}
.page-index-zh-tw .tw-sec.sec-user-review .review-title {
	text-align: center;
	margin-bottom: 4rem;
}
.page-index-zh-tw .tw-sec.sec-user-review .review-title &gt; .nc-logo {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 25rem;
	height: 6rem;
	background-color: var(--tw-navy);
	padding: 0 1rem;
}
.page-index-zh-tw .tw-sec.sec-user-review .review-title &gt; p {
	display: inline-block;
	font-size: 4.8rem;
	font-weight: bold;
	color: var(--tw-navy);
}
.page-index-zh-tw .tw-user-review-slick {

}
.page-index-zh-tw .tw-user-review-slick:not(.slick-initialized) {
	position: relative;
	height: 10rem;
	overflow: hidden;
}
.page-index-zh-tw .tw-user-review-slick:not(.slick-initialized):before {
	position: absolute;
	z-index: 2;
	content: '\f110';
	font-family: 'fontAwesome';
	display: block;
	font-size: 30px;
	line-height: 1;
	text-align: center;
	top: calc(50% - 15px);
	left: calc(50% - 15px);
	color: #333;
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}
.page-index-zh-tw .tw-user-review-slick:not(.slick-initialized) .review-slick-page {
	opacity: 0;
}
.page-index-zh-tw .tw-user-review-slick .review-slick-page {
	padding: 2rem;
}
.page-index-zh-tw .tw-user-review-list {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
}
.page-index-zh-tw .tw-user-review-list &gt; li {
	width: calc(33.33% - 3.33rem);
}
.page-index-zh-tw .tw-user-review-list &gt; li:nth-child(n+4) {
	margin-top: 4rem;
}
.page-index-zh-tw .tw-user-review-list .review-box {
	height: 100%;
	background-color: #fff;
	border-radius: 3rem;
	padding: 4rem 3rem 2rem;
	box-shadow: .2rem .2rem 1rem rgba(0,0,0,.15);
}
.page-index-zh-tw .tw-user-review-list .user-img {
	width: 20rem;
	border-radius: 10rem;
	overflow: hidden;
	margin: 0 auto;
}
.page-index-zh-tw .tw-user-review-list .row-2 {
	margin-top: 2rem;
}
.page-index-zh-tw .tw-user-review-list .user-name {
	font-size: 2.2rem;
	font-weight: bold;
}
.page-index-zh-tw .tw-user-review-list .row-3 {
	margin-top: 2rem;
}
.page-index-zh-tw .tw-user-review-list .user-review-text {
	font-size: 2rem;
}
.page-index-zh-tw .tw-user-review-slick .slick-prev,
.page-index-zh-tw .tw-user-review-slick .slick-next {
	z-index: 1;
	width: 5rem;
	height: 5rem;
}
.page-index-zh-tw .tw-user-review-slick .slick-prev {
	left: -6rem;
}
.page-index-zh-tw .tw-user-review-slick .slick-next {
	right: -6rem;
}
.page-index-zh-tw .tw-user-review-slick .slick-prev:before,
.page-index-zh-tw .tw-user-review-slick .slick-next:before {
	color: var(--tw-navy);
	font-size: 5rem;
}
.page-index-zh-tw .tw-sec.sec-register-now-2 .tw-sec-inner {
	max-width: unset;
	padding: 0;
	overflow: hidden;
}
.page-index-zh-tw .tw-sec.sec-register-now-2 .area-free-trial {
	position: relative;
	background-color: var(--tw-orange);
	padding: 10rem 0 3rem;
}
.page-index-zh-tw .tw-sec.sec-register-now-2 .area-free-trial:after{
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	width: 1920px;
	height: 210px;
	background-image: url(../images/index/zh-tw/sec-bg-register.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center top;
	left: 50%;
	top: calc(100% - 1rem);
	transform: translateX(-50%);
}
.page-index-zh-tw .tw-sec.sec-register-now-2 .area-free-trial .btn-wrap {
	text-align: center;
}
.page-index-zh-tw .free-trial-text {
	text-align: center;
	color: #fff;
	font-size: 4.5rem;
	font-weight: bold;
	text-shadow: 2px 2px rgba(0,0,0,.05);
	margin-top: 5rem;
}
.page-index-zh-tw .tw-sec.sec-register-now-2 .area-slogan {
	background-color: var(--tw-navy);
	overflow: hidden;
}
.page-index-zh-tw .tw-sec.sec-register-now-2 .area-slogan .teachers-img {
	width: 1920px;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.page-index-zh-tw .tw-sec.sec-register-now-2 .area-slogan .slogan-text {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 3.5rem;
	color: #fff;
	font-weight: bold;
	padding: 10rem 2rem;
}
.page-index-zh-tw .tw-sec.sec-register-now-2 .area-slogan .slogan-text .nc-logo {
	display: inline-block;
	width: 22rem;
	padding: 0 1rem;
}
.page-index-zh-tw .tw-download-app-list {
	display: flex;
	margin: 0 -.5rem;
}
.page-index-zh-tw .tw-download-app-list &gt; li {
	padding: .5rem;
}
.page-index-zh-tw .tw-download-app-list &gt; li &gt; a {
	display: block;
	height: 5rem;
}
.page-index-zh-tw .tw-download-app-list &gt; li &gt; a &gt; img {
	display: block;
	width: auto;
	height: 100%;
}
.page-index-zh-tw .tw-sec.sec-supported-device {

}
.page-index-zh-tw .tw-sec.sec-supported-device .tw-sec-inner {
	padding: 10rem 2rem;
}
.page-index-zh-tw .tw-sec.sec-supported-device .area-mobile {
	display: flex;
	align-items: center;
}
.page-index-zh-tw .tw-sec.sec-supported-device .area-mobile .mobile-text {
	padding-right: 2rem;
	width: 52rem;
}
.page-index-zh-tw .tw-sec.sec-supported-device .area-mobile .tw-download-app-list {
	margin-top: 2rem;
}
.page-index-zh-tw .tw-sec.sec-supported-device .area-mobile .mobile-img {
	flex-shrink: 0;
	width: 24rem;
}
.page-index-zh-tw .tw-sec.sec-supported-device .area-pc {
	display: flex;
	align-items: center;
	margin-top: 5rem;
}
.page-index-zh-tw .tw-sec.sec-supported-device .area-pc .pc-img {
	flex-shrink: 0;
	width: 32rem;
}
.page-index-zh-tw .tw-sec.sec-supported-device .area-pc .pc-text {
	padding-left: 2rem;
}
.page-index-zh-tw .tw-sec.sec-supported-device .area-mobile .mobile-text .text-1,
.page-index-zh-tw .tw-sec.sec-supported-device .area-pc .pc-text .text-1 {
	font-size: 3rem;
}
.page-index-zh-tw .tw-sec.sec-supported-device .area-mobile .mobile-text .text-2,
.page-index-zh-tw .tw-sec.sec-supported-device .area-pc .pc-text .text-2 {
	font-size: 2.5rem;
	margin-top: 2rem;
}

/*- sec-native-camp -*/
.page-index-zh-tw .tw-sec.sec-native-camp {

}
.page-index-zh-tw .tw-sec.sec-native-camp &gt; .tw-sec-inner {
	padding: 3rem 0;
  	max-width: 132rem;
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 {
	display: flex;
	column-gap: 20px;
	justify-content: center;
}

.page-index-zh-tw .tw-sec.sec-native-camp .title{
	margin: 0 auto 8rem;
}

.page-index-zh-tw .tw-sec.sec-native-camp img{
	width: 610px;
 	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-native-camp h2{
	font-size: 85px;
 	color: var(--tw-dark-blue);
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box{
	border: 8px solid var(--tw-dark-blue);
	padding: 13rem 2rem;
	width: 444px;
	max-width: 100%;
	height: 1012px;
	max-height: 100%;
	position: relative;
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box:before{
	position: absolute;
	content: url(/images/index/zh-tw/no1.svg);
	display: block;
	width: 92px;
	top: -19px;
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box:after{
	position: absolute;
	content: url(/images/index/zh-tw/clock.svg);
	display: block;
	width: 250px;
	bottom: -100px;
	left: 0;
  	right: 0;
	margin: 0 auto;
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box:nth-child(2):before{
	position: absolute;
	content: url(/images/index/zh-tw/no2.svg);
	display: block;
	width: 92px;
	top: -19px;
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box:nth-child(2):after{
	position: absolute;
	content: url(/images/index/zh-tw/phone.svg);
	display: block;
	width: 165px;
	bottom: -100px;
	left: 0;
  	right: 0;
	margin: 0 auto;
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box:last-child:before{
	position: absolute;
	content: url(/images/index/zh-tw/no3.svg);
	display: block;
	width: 92px;
	top: -19px;
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box:last-child:after{
	position: absolute;
	content: url(/images/index/zh-tw/money.svg);
	display: block;
	width: 250px;
	bottom: -100px;
	left: 0;
  	right: 0;
	margin: 0 auto;
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box h2{
	position: relative;
	font-size: 46px;
	color: var(--tw-orange-light-1);
	text-align: center;
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box h2:before{
	position: absolute;
	content: url(/images/index/zh-tw/img01.svg);
	display: block;
	width: 159px;
	right: 0;
	bottom: 93px;
	transform: rotateZ(-1deg);
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box:nth-child(2) h2:before{
	content: url(/images/index/zh-tw/img02.svg);
	width: 228px;
	bottom: 86px;
	transform: rotateZ(-3deg);
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box:last-child h2:before{
	content: url(/images/index/zh-tw/img03.svg);
	width: 180px;
	transform: rotateZ(-1deg);
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box p{
	font-size: 29px;
	color: var(--tw-dark-blue);
	font-weight: bold;
	margin-bottom: 2rem;
}

.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box span{
	font-size: 24px;
	color: var(--tw-dark-blue);
	font-weight: bold;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg {
	padding: 28rem 0 15rem;
	background-image: url(../images/index/zh-tw/bg1.png);
	background-size: 1920px auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 2768px;
	position: relative;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg:before{
	position: absolute;
	content: url(/images/index/zh-tw/photo1.png);
	display: block;
	width: 204px;
	right: 160px;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg:after{
	position: absolute;
	content: url(/images/index/zh-tw/photo2.png);
	display: block;
	width: 329px;
	left: 210px;
  	top: 760px;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .tw-sec-inner{
	max-width: 140rem;
	padding: 0 2rem;
	margin: 0 auto;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .img1{
	width: 882px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .img2{
	width: 1080px;
	max-width: 100%;
	display: block;
	margin: 6rem auto;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con a{
	width: 698px;
	max-width: 100%;
	display: block;
	text-align: center;
	margin: 0 auto;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .blue_box{
	padding: 24px 0;
	background-image: url(../images/index/zh-tw/btn@2x.png);
	background-size: 698px auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	margin: 0 auto;
	height: 154px;
	max-height: 100%;
	margin: 12rem auto 7rem;
	width: 698px;
	max-width: 100%;
  }

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .blue_box:hover{
	background-image: url(../images/index/zh-tw/btn_hover_pc.svg);
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .blue_box:hover p{
	color: var(--tw-dark-blue);
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .blue_box p{
	font-size: 60px;
	color: var(--tw-yellow);
	text-align: center;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con p{
	font-size: 45px;
	color: var(--tw-dark-blue);
	text-align: center;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con{
	padding: 55rem 0 0;
	text-align: right;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .gray_right{
	margin-bottom: 10rem;
	display: flex;
  	flex-direction: row-reverse;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .img1{
	width: 1062px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1{
	display: flex;
  	justify-content: space-between;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .content{
	font-size: 38px;
	font-weight: bold;
  	text-align: left;
	color: var(--tw-dark-blue);
	width: 80%;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .content .img2{
	width: 842px;
	max-width: 100%;
	margin: 7.5rem 0;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .img_flex{
	width: 665px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-fb-post{
	padding: 5rem 0 16rem;
}

.page-index-zh-tw .tw-sec.sec-fb-post .img_con{
	position: relative;
}

.page-index-zh-tw .tw-sec.sec-fb-post .img_con:before{
	position: absolute;
	content: url(/images/index/zh-tw/check.png);
	display: block;
	width: 225px;
	right: -58px;
	bottom: -165px;
}

.page-index-zh-tw .tw-sec.sec-fb-post .img_con img{
	width: 1008px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-green-bg {
	padding: 36rem 0 15rem;
	background-image: url(../images/index/zh-tw/bg2.png);
	background-size: 1920px auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 1541px;
	position: relative;
	margin: 0 0 20rem;
}

.page-index-zh-tw .tw-sec.sec-green-bg:before{
	position: absolute;
	content: url(/images/index/zh-tw/photo04.png);
	display: block;
	width: 462px;
	left: 269px;
	top: 878px;
	z-index: 2;
}

.page-index-zh-tw .tw-sec.sec-green-bg:after{
	position: absolute;
	content: url(/images/index/zh-tw/img05.png);
	display: block;
	width: 495px;
	left: 1047px;
  	top: 1178px;
	z-index: 2;
}

.page-index-zh-tw .tw-sec.sec-green-bg .tw-sec-inner{
	max-width: 142rem;
	padding: 0 2rem;
	margin: 0 auto;
}

.page-index-zh-tw .tw-sec.sec-green-bg .img_con img{
	width: 1382px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-green-bg a{
	width: 698px;
	max-width: 100%;
	display: block;
	text-align: center;
	margin: 0 auto;
}

.page-index-zh-tw .tw-sec.sec-green-bg .blue_box{
	padding: 24px 0;
	background-image: url(../images/index/zh-tw/btn@2x.png);
	background-size: 698px auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 154px;
	max-height: 100%;
	margin: 13rem 0 7rem;
	position: relative;
	margin: 13rem auto 7rem;
	width: 698px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-green-bg .blue_box:hover{
	background-image: url(../images/index/zh-tw/btn_hover_pc.svg);
}

.page-index-zh-tw .tw-sec.sec-green-bg .blue_box:hover p{
	color: var(--tw-dark-blue);
}

.page-index-zh-tw .tw-sec.sec-green-bg .blue_box p{
	font-size: 60px;
	color: var(--tw-yellow);
	text-align: center;
}

.page-index-zh-tw .tw-sec.sec-green-bg p{
	font-size: 45px;
	color: #fff;
	text-align: center;
}

.page-index-zh-tw .tw-sec.sec-green-bg .blue_box:before{
	position: absolute;
	content: url(/images/index/zh-tw/gogo.png);
	display: block;
	width: 260px;
	right: -300px;
	top: -23px;
	pointer-events: none;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 {
	padding: 36rem 0 15rem;
	background-image: url(../images/index/zh-tw/bg3.png);
	background-size: 1920px auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 2877px;
	position: relative;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .tw-sec-inner{
	max-width: 144rem;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .img_con{
	width: 1402px;
	max-width: 100%;
	margin: 2rem 0 10rem;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex{
	display: flex;
  	justify-content: space-between;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex section{
	position: relative;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex section:before{
	position: absolute;
	content: url(/images/index/zh-tw/right-arrow.png);
	display: block;
	width: 78px;
	left: 389px;
	top: 73px;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex section:last-child:before{
	display: none;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex section p{
	font-size: 70px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 p{
	font-size: 38px;
	font-weight: bold;
	margin: 5rem 0 0;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con{
	margin: 29rem 0 0;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .right_img{
	display: flex;
  	flex-direction: row-reverse;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .right_img img{
	width: 962px;
  	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .img1{
	width: 1398px;
	max-width: 100%;
	margin: 4rem 0 0;
}

.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .img2{
	width: 412px;
	max-width: 100%;
	margin: 7rem auto;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2{

}

.page-index-zh-tw .tw-sec.sec-native-camp-2 &gt; .tw-sec-inner {
	padding: 15rem 0 40rem;
	max-width: 1487px;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .title.flex-1{
	display: flex;
	align-items: flex-end;
	column-gap: 30px;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .title.flex-1 .img1{
	width: 640px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .title.flex-1 h2{
	font-size: 85px;
	line-height: 85px;
  	color: var(--tw-dark-blue);
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .title.flex-1 .img2{
	width: 360px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container {
	position: relative;	
	max-width: 1412px;
  	margin: 0 auto;
	display: flex;
	align-items: center;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container .tw-boxes-slick{
	text-align: center;
	margin: 10rem auto 0;
	width: 1172px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container .tw-boxes-slick .box{
	position: relative;
	display: flex;
	justify-content: space-around;
	border: 4px solid var(--tw-dark-blue);
	border-radius: 40px;
	padding: 10rem 5rem 6rem;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container .tw-boxes-slick .box .name:before{
	content: ""; 
	position: absolute;
	top: 0;
	left: 78px;
	width: 270px;
  	height: 48px;
	background-color :var(--tw-yellow-light);
	border-bottom-left-radius: 40px; 
  	border-bottom-right-radius: 40px;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container .tw-boxes-slick .box .name{
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: 7px;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container .tw-boxes-slick .box img{
	width: 220px;
	max-width: 100%;
	border-radius: 150px;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container .tw-boxes-slick .box h2{
	font-size: 30px;
	font-weight: bold;
	color: var(--tw-dark-blue);
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container .tw-boxes-slick .box span{
	font-size: 30px;
	font-weight: bold;
	color: var(--tw-orange-light-1);
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container .tw-boxes-slick .box p{
	font-size: 30px;
	font-weight: bold;
  	text-align: left;
	color: var(--tw-dark-blue);
	padding: 4rem 0;
	max-width: 607px;
	min-height: 368px;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-arrows {
	
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .prev-slide,
.page-index-zh-tw .tw-sec.sec-native-camp-2 .next-slide {
	background: #fff;
	color: var(--tw-yellow-light);
	padding: 10px;
	margin: 5px;
	cursor: pointer;
	font-size: 80px; 
	border: none;
	font-weight: bold;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .prev-slide{
	position: absolute;
	left: 0;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .next-slide{
	position: absolute;
	right: 0;
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .prev-slide i::before {
	content: '\f104';
}

.page-index-zh-tw .tw-sec.sec-native-camp-2 .next-slide i::before {
	content: '\f105';
}

.page-index-zh-tw .tw-sec.sec-bottom-img{
	position: relative;
}

.page-index-zh-tw .tw-sec.sec-bottom-img img{
	position: absolute;
	width: 980px;
	max-width: 100%;
	margin: 0 auto;
	z-index: 1;
	top: -205px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.page-index-zh-tw .tw-sec.sec-yellow-bg {
	padding: 66rem 0 15rem;
	background-image: url(../images/index/zh-tw/bg4.png);
	background-size: 1920px auto;
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height: 1562px;
	position: relative;
}

.page-index-zh-tw .tw-sec.sec-yellow-bg .tw-sec-inner{
	max-width: 157rem;
}

.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_1{
	display: flex;
	column-gap: 40px;
	justify-content: center;
}

.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_1 .img1{
	width: 600px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_1 .img2{
	width: 880px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_2{
	display: flex;
	column-gap: 40px;
	justify-content: center;
	margin: 10rem 0 14rem;
}

.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_2 .img1{
	width: 730px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_2 .img2{
	width: 646px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-yellow-bg h2{
	font-size: 74px;
	line-height: 120px;
	color: var(--tw-dark-blue);
	text-align: center;
}

.page-index-zh-tw .tw-sec.sec-blue-bg {
	background-color: var(--tw-dark-blue);
	padding: 6rem 0;
}

.page-index-zh-tw .tw-sec.sec-blue-bg img{
	width: 720px;
	max-width: 100%;
	margin: 0 auto;
}

.page-index-zh-tw .tw-sec.sec-bottom-img-flex a:hover{
	opacity: 0.85;
}

.page-index-zh-tw .tw-sec.sec-bottom-img-flex .tw-sec-inner{
	max-width: 144rem;
	padding: 5rem 0;
}

.page-index-zh-tw .tw-sec.sec-bottom-img-flex .con{
	display: flex;
	justify-content: center;
	column-gap: 60px;
	align-items: end;
	padding: 8rem 0;
}

.page-index-zh-tw .tw-sec.sec-bottom-img-flex .img1{
	width: 880px;
	max-width: 100%;
}

.page-index-zh-tw .tw-sec.sec-bottom-img-flex .img2{
	width: 428px;
	height: 78px;
	max-width: 100%;
}

@media only screen and (min-width: 1801px) {
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::after{
		left: 170px;
	}
}

@media only screen and (min-width: 1650px) and (max-width: 1800px) {
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::before{
		right: 110px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::after{
		left: 106px;
	}
}

@media only screen and (max-width: 1649px) {
	.page-index-zh-tw .tw-index-top .area-img {
		width: 957px;
		height: 628px;
	}
	.page-index-zh-tw .tw-index-top .area-img-clip {
		transform: scale(.9);
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg:before {
		right: 120px;
	}
	  
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg:after {
		top: 739px;
		left: 100px;
	}
	  
	.page-index-zh-tw .tw-sec.sec-green-bg:before {
		content: url(/images/index/zh-tw/photo04@3x.png);
		width: 300px;
	}
	
	.page-index-zh-tw .tw-sec.sec-green-bg:after {
		content: url(/images/index/zh-tw/img05@3x.png);
		left: 900px;
		width: 360px;
	}

	.page-index-zh-tw .tw-sec.sec-native-camp img {
		width: 470px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp h2 {
		font-size: 70px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box {
		width: 350px;
		height: 912px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box p {
		margin-bottom: 2rem;
	}
	
	.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box h2 {
		font-size: 32px;
	}
	
	.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box p {
		font-size: 27px;
	}
	.page-index-zh-tw .tw-sec.sec-intro-video .video-iframe-wrap {
		max-width: 924px;
	}
	
	.page-index-zh-tw .tw-sec.sec-intro-video {
	padding: 20rem 0 8rem;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .img1 {
		width: 682px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .img2 {
		width: 1000px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .blue_box {
		padding: 45px 0;
		background-size: 600px auto;
	}

	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .blue_box p {
		font-size: 50px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con p {
		font-size: 40px;
		font-weight: bold;
	}

	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .img1 {
		width: 962px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .content {
		font-size: 33px;
		width: 68%;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .content .img2 {
		width: 742px;
	}
	
	.page-index-zh-tw .tw-sec.sec-fb-post .img_con img {
		width: 908px;
		display: block;
		margin: 0 auto;
	}
	.page-index-zh-tw .tw-sec.sec-green-bg .img_con img {
		width: 1182px;
		margin: 0 auto;
	}
	
	.page-index-zh-tw .tw-sec.sec-green-bg .blue_box {
		padding: 45px 0;
		background-size: 600px auto;
	}
	
	.page-index-zh-tw .tw-sec.sec-green-bg .blue_box p {	
		font-size: 50px;
	}
	
	.page-index-zh-tw .tw-sec.sec-green-bg .blue_box::before {
		right: -260px;
		top: -13px;
	}
	
	.page-index-zh-tw .tw-sec.sec-green-bg p {
		font-size: 40px;
		font-weight: bold;
	}

	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2{
		padding: 38rem 0 15rem;
	}

	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .img_con {
		width: 1202px;
		margin: 2rem auto 10rem;
	}

	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex section img{
		width: 280px;
	}

	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex {
		justify-content: space-around;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex section::before {
		left: 335px;
		top: 62px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex section p {
		font-size: 60px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 p {
		margin: 1.5rem 0 0;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 p {
		margin: 8rem auto 0;
		max-width: 1200px;
		font-size: 33px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex section p {
	  margin: 1.5rem 0 0;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .tw-sec-inner {
	  max-width: 144rem;
	}

	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .right_img img {
		width: 762px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con {
		margin: 39rem 0 0;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .img1 {
		width: 1200px;
		margin: 4rem auto 0;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .right_img {
		position: relative;
		right: 140px;
	}

	.page-index-zh-tw .tw-sec.sec-native-camp-2 .title.flex-1 .img1 {
		width: 440px;
	}
	
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .title.flex-1 h2 {
		font-size: 65px;
	}
	
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .title.flex-1 .img2 {
		width: 260px;
	}
	
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .title.flex-1 {
		align-items: flex-end;
		justify-content: center;
	}
	
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container {
		max-width: 916px;
		align-items: center;
		min-height: 536px;
	}
	
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container .tw-boxes-slick {
		width: 1010px;
	}
	
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .prev-slide {
		left: -93px;
	}
	
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .next-slide {
		right: -93px;
	}
	
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container .tw-boxes-slick .box p {
		font-size: 29px;
	}
	
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .slider-container .tw-boxes-slick .box {
		justify-content: space-between;
		column-gap: 50px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_1 .img1 {
		width: 500px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_1 .img2 {
		width: 780px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_2 .img1 {
		width: 630px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_2 .img2 {
		width: 546px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-bg h2 {
		font-size: 64px;
	}
	
	.page-index-zh-tw .tw-sec.sec-blue-bg img {
		width: 520px;
	}

	.page-index-zh-tw .tw-sec.sec-bottom-img img{
		width: 780px;
		top: -120px;
	}

	.page-index-zh-tw .tw-sec.sec-bottom-img-flex .img1 {
		width: 580px;
		max-width: 100%;
	}

	.page-index-zh-tw .tw-sec.sec-bottom-img-flex .img2 {
		width: 328px;
		height: 68px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-bg {
		padding: 55rem 0 15rem;
		background-size: 1920px auto;
		background-repeat: no-repeat;
		background-position: center top;
		min-height: 100%;
		height: 1290px;
	}  
	.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_2 {
		margin: 6rem 0 12rem;
	}
	.page-index-zh-tw .tw-sec.sec-bottom-img-flex .con {
		padding: 2rem 0;
	}
	.page-index-zh-tw .tw-sec.sec-supported-device .tw-sec-inner {
		padding: 8rem 2rem;
	}
}

@media only screen and (max-width: 1549px) {

	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::after {
		left: 100px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp img {
		width: 470px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp h2 {
		font-size: 70px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box {
		width: 350px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box p {
		margin-bottom: 2rem;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .img1 {
		width: 482px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con .img2 {
		width: 800px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .yellow_con p {

		font-size: 36px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::after {
		top: 727px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg:after {
		left: 89px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .img1 {
		width: 762px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .content {
		font-size: 30px;
		width: 50%;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .content .img2 {
		width: 642px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .img_flex {
		width: 565px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 {
		justify-content: center;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::after {
		top: 726px;
	}
	
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con {
		padding: 60rem 0 0;
	}
  
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::before {
		right: 100px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::after {
		left: 85px;
	}
	.page-index-zh-tw .tw-sec.sec-fb-post .img_con img {
		width: 708px;
	}
	.page-index-zh-tw .tw-sec.sec-fb-post .img_con::before {
		content: url(/images/index/zh-tw/check@2x.png);
		right: 25px;
		bottom: -120px;
	}
	.page-index-zh-tw .tw-sec.sec-green-bg .img_con img {
		width: 982px;
	}
	.page-index-zh-tw .tw-sec.sec-green-bg .blue_box::before{
		content: url(/images/index/zh-tw/gogo@3x.png);
		top: 18px;
	}
	.page-index-zh-tw .tw-sec.sec-green-bg p {
		font-size: 36px;
	}
	.page-index-zh-tw .tw-sec.sec-green-bg{
		margin: 0;
	}
	.page-index-zh-tw .tw-sec.sec-green-bg::after {
		left: 900px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .right_img img {
		width: 662px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .img1 {
		width: 1000px;
	}
	.page-index-zh-tw .tw-sec.sec-green-bg {
		margin: 0;
	}
	.page-index-zh-tw .tw-sec.sec-green-bg::after {
		left: 900px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .right_img img {
		width: 662px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .img1 {
		width: 1000px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .img_con {
		width: 902px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con {
		margin: 45rem 0 0;
	}
}
  
@media only screen and (max-width: 1449px) {
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::after {
		left: 35px;
	}
	.page-index-zh-tw .tw-sec.sec-green-bg::after {
		left: 730px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .content .img2 {
		width: 575px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::after {
		left: 35px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex section::before {
		left: 320px;
	}
}

@media only screen and (max-width: 1349px) {
	.page-index-zh-tw .tw-sec.sec-native-camp img {
		width: 450px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp h2 {
		font-size: 65px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box {
		width: 344px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box h2 {
		font-size: 32px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp .flex-1 .box p {
		font-size: 23px;
	}
	.page-index-zh-tw .tw-sec.sec-intro-video .video-iframe-wrap {
		max-width: 824px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .img1 {
		width: 662px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .content {
		font-size: 25px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .img_flex {
		width: 465px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg .gray_con .flex-1 .content .img2 {
		width: 500px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::before {
		right: 30px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg::after {
		left: 0;
	}
	.page-index-zh-tw .tw-sec.sec-green-bg::before {
		top: 920px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex section::before {
		left: 310px;
	}
	.page-index-zh-tw .tw-sec.sec-green-bg .img_con img {
		width: 882px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .img_con {
		width: 802px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .flex section p {
		font-size: 40px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 p {
		max-width: 1155px;
		font-size: 30px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .right_img img {
		width: 562px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con {
		margin: 50rem 0 0;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-gray-bg-2 .gray_con .img1 {
		width: 800px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .title.flex-1 .img1 {
		width: 370px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .title.flex-1 h2 {
		font-size: 55px;
	}
	.page-index-zh-tw .tw-sec.sec-native-camp-2 .title.flex-1 .img2 {
		width: 200px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_1 .img1 {
		width: 445px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_1 .img2 {
		width: 680px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_2 .img1 {
		width: 530px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-bg .img_flex_2 .img2 {
		width: 446px;
	}
	.page-index-zh-tw .tw-sec.sec-yellow-bg h2 {
		font-size: 54px;
	}
	.page-index-zh-tw .tw-sec.sec-blue-bg img {
		width: 420px;
	}
	.page-index-zh-tw .tw-sec.sec-bottom-img-flex .con{
		padding: 2rem 0;
	}
	.page-index-zh-tw .tw-sec.sec-bottom-img-flex .img1 {
		width: 480px;
	}
	.page-index-zh-tw .tw-sec.sec-bottom-img-flex .img2 {
		width: 228px;
		height: 48px;
	}
	.page-index-zh-tw .tw-sec.sec-supported-device .tw-sec-inner {
		padding: 4rem 2rem;
	}
}










</pre></body></html>