@charset "utf-8";
	@font-face {
		font-family: "STARA-BOLD";
		font-style: normal;
		font-weight: normal;
		src: url("STARA-BOLD.OTF");
	}

	html * {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	html {
		scroll-behavior: smooth;
	}

	*,
	*:after,
	*:before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	body,
	html {
		height: 100%;
	}

	body {
		font-family: Arial, 'Noto Sans TC', "微軟正黑體";
		font-style: normal;
		color: #606060;
		margin: 0px;
		line-height: 170%;
		background-color: #fff;
		-webkit-text-size-adjust: none;
		overflow-x: hidden;
		width: 100%;
	}

	.font_en {
		font-family: "STARA-BOLD", Arial, 'Noto Sans TC', "微軟正黑體";
	}
	/*文字反選顏色*/

	::selection {
		background: #6b2740;
		color: #fff;
	}

	::-moz-selection {
		background: #6b2740;
		color: #fff;
	}

	img::selection {
		background: transparent;
	}

	img::-moz-selection {
		background: transparent;
	}




	a {
		color: #fff;
		text-decoration: none;
		cursor: pointer;
		position: relative;
		transition: 500ms;
		overflow: hidden;
		display: inline-block;
	}

	a:hover {
		text-decoration: none;
		-webkit-transition: 500ms;
		transition: 500ms;
	}




	.div_close {
		display: none!important;
	}
	/*通用全站都有的寫法-會影響到手機版輪播*/

	@media (min-width: 851px) {
		*:link,
		*:visited,
		*:hover,
		*:active,
		*:focus {
			-webkit-transition: color .25s linear, background-color .25s linear, border-color .25s linear, padding .16s linear, filter .16s linear, opacity .16s linear, transform .16s linear;
			transition: color .25s linear, background-color .25s linear, border-color .25s linear, padding .16s linear, filter .16s linear, opacity .16s linear, transform .16s linear;
		}
	}
	/*文字顏色、字體大小*/

	.c-r {
		color: #6d2741;
	}

	body,
	input,
	button {
		font-size: 20px;
		font-size: 1.042vw;
	}

	img {
		display: block;
		width: 100%;
	}

	h1 {
		font-weight: normal;
	}

	.font44 {
		font-size: 44px;
		font-size: 2.2917vw;
		font-family: "STARA-BOLD", Arial, 'Noto Sans TC', "微軟正黑體";
		letter-spacing: 1vw;
	}

	.s4_txt {
		font-size: 24px;
		font-size: 1.250vw;
	}

	.font30,
	.s3_btn a {
		font-size: 30px;
		font-size: 1.5625vw;
	}

	.font15 {
		font-size: 20px;
		font-size: 0.781vw;
	}

	.top {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
	}

	.s2_menu li:not(.s2_btn1) a,
	.s2_menu li:not(.s2_btn1) a span {

		font-size: 26px;
		font-size: 1.354vw;
		font-weight: 400;
	}

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

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

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

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

	@media (max-width: 850px) {
		body,
		input,
		button,
		.s2_menu li:not(.s2_btn1) a,
		.s2_menu li:not(.s2_btn1) a span {
			font-size: 3.2vw;
		}

		.s2_menu li:not(.s2_btn1) a,
		.s2_menu li:not(.s2_btn1) a span {
			line-height: 130%;
		}

		.font44 {
			font-size: 6vw;
			letter-spacing: 2.3vw;
		}
		.s4_txt {
			font-size: 4vw;
		}
		.font30 {
			font-size: 4.5vw;
		}
		.s3_btn a {
			font-size: 4vw;
		}
		.font15 {
			font-size: 2vw;
		}
	}

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


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

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

	@media (max-width: 320px) {}
	/*popup*/

	body.active {
		overflow: hidden;
	}

	.popup {
		height: 100%;
		width: 100%;
		position: fixed;
		z-index: 999;
		background-color: rgba(0, 0, 0, 0.9);
		left: 0;
		top: 0;
		backdrop-filter: blur(5px);
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.popup video {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.popup div {
		position: relative;
		width: 100%;
		max-width: 1200px;
	}

	.popup_close {
		position: fixed;
		width: 5%;
		top: 5%;
		right: 5%;
		z-index: 1000;
	}

	.popup:not(.active) {
		display: none;
	}


	@media (min-width: 851px) {
		.popup div {
			width: 80%;
		}
	}

	@media (max-width: 850px) {
		.popupMain {
			padding: 10% 5% 5%;
		}
	}

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



	#go {
		position: fixed;
		cursor: pointer;
		right: 25px;
		bottom: 25px;
		width: 60px;
		height: 60px;
		z-index: 5;
		background-image: url(../images/icon_top.svg);
		background-position: center center;
		background-size: 100%;
		background-repeat: no-repeat;
		transition: 500ms;
		background-color: #ccc;
		border-radius: 500px;
		display: none;
	}

	#go:hover {
		transform: translateY(-10px);
		transition: 500ms;
	}


	@media (min-width: 851px) {
		.mb {
			display: none!important;
		}
	}

	@media (max-width: 850px) {
		#go {
			width: 10vw;
			height: 10vw;
			right: 2%;
			bottom: 2%;
		}

		.pc {
			display: none!important;
		}
	}

	@media (max-width: 550px) {
		#go {
			width: 12vw;
			height: 12vw;
			bottom: 3%;
		}
	}
	/*動態////////////////////////////////////////////////////////////////////*/

	.animateDown,
	.animateFade,
	.animateLeft,
	.animateRight,
	.animateUp {
		opacity: 0;
	}

	.loaded_style .aos-animate.animateOP {
		-webkit-animation: animateOP 1s ease both;
		animation: animateOP 1s ease both;
	}

	.loaded_style .aos-animate.animateLeft {
		-webkit-animation: fadeInLeft 2s ease both;
		animation: fadeInLeft 2s ease both;
	}

	.loaded_style .aos-animate.animateRight {
		-webkit-animation: fadeInRight 2s ease both;
		animation: fadeInRight 2s ease both;
	}

	.loaded_style .aos-animate.animateDown {
		-webkit-animation: fadeInDown 1s ease both;
		animation: fadeInDown 1s ease both;
	}

	.loaded_style .aos-animate.animateUp {
		-webkit-animation: fadeInUp 1s ease both;
		animation: fadeInUp 1s ease both;
	}

	.loaded_style .aos-animate.animateFade {
		-webkit-animation: fade 1s ease both;
		animation: fade 1s ease both;
	}

	@-webkit-keyframes fade {
		from {
			opacity: 0;
		}

		to {
			opacity: 1;
		}
	}

	@keyframes fade {
		from {
			opacity: 0;
		}

		to {
			opacity: 1;
		}
	}



	@-webkit-keyframes fadeInDown {
		from {
			opacity: 0;
			-webkit-transform: translate3d(0, -20%, 0);
			transform: translate3d(0, -20%, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}

	@keyframes fadeInDown {
		from {
			opacity: 0;
			-webkit-transform: translate3d(0, -20%, 0);
			transform: translate3d(0, -20%, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}

	@-webkit-keyframes fadeInUp {
		from {
			opacity: 0;
			-webkit-transform: translate3d(0, 20%, 0);
			transform: translate3d(0, 20%, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}

	@keyframes fadeInUp {
		from {
			opacity: 0;
			-webkit-transform: translate3d(0, 20%, 0);
			transform: translate3d(0, 20%, 0);
		}

		to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
		}
	}

	.fadeInLeft {
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
	}

	@-webkit-keyframes fadeInLeft {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(-30%, 0, 0);
			transform: translate3d(-30%, 0, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	@keyframes fadeInLeft {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(-30%, 0, 0);
			transform: translate3d(-30%, 0, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	.fadeInRight {
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
	}

	@-webkit-keyframes fadeInRight {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(30%, 0, 0);
			transform: translate3d(30%, 0, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}

	@keyframes fadeInRight {
		0% {
			opacity: 0;
			-webkit-transform: translate3d(30%, 0, 0);
			transform: translate3d(30%, 0, 0);
		}

		100% {
			opacity: 1;
			-webkit-transform: none;
			transform: none;
		}
	}
	/*s1////////////////////////////////////////////////////////////////////*/

	section,
	.s1>div:not(.s1_bg) {
		width: 100%;
		height: 100%;
		min-height: 45vw;
		position: relative;
	}

	.s1>div:not(.s1_bg) {
		z-index: 2;
	}

	.s1_bg {
		background-color: #6d2741;
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		width: 85%;
		border-radius: 0 0 0 20vw;
		z-index: 1;
	}

	.logo,
	.s1_txt,
	.s1 .font44,
	.kv figure img,
	.kv_txt p {
		position: absolute;
	}

	.s1_txt {
		color: #bcbcbc;
	}

	.s1_txt,
	.s1 .font44 {
		top: 10%;
	}

	.s1 .font44 {
		color: #fff;
		right: 5%;
	}

	.s1_txt {
		text-align: center;
		line-height: 130%;
	}



	.kv {
		width: 55%;
		margin: 0 auto;
		top: 30%;
		left: 22.5%;
		position: absolute;
	}

	.kv_txt p {
		width: 100%;
		text-align: center;
		letter-spacing: 8vw;
		padding-left: 8.5vw;
		padding-top: 3%;
		white-space: nowrap;
		margin-top: -3%;
		color: #fff;
	}

	.kv_tit3,
	.kv_tit4,
	.kv_tit5,
	.kv_txt2,
	.kv_txt3,
	.kv_txt4 {
		opacity: 0;
	}

	.loaded_style .kv_tit1 {
		animation: kv3 24s infinite linear;
	}

	.loaded_style .kv_tit2 {
		animation: kv1 24s infinite linear;
	}

	.loaded_style .kv_tit3 {
		animation: kv4 24s infinite linear;
	}

	.loaded_style .kv_tit4 {
		animation: kv2 24s infinite linear;
	}

	.loaded_style .kv_tit5 {
		animation: kv5 24s infinite linear;
	}
	/*事*/

	@keyframes kv1 {
		0% {
			transform: translateY(0%);
			opacity: 1;
		}
		14% {
			transform: translateY(0%);
			opacity: 1;
		}
		16% {
			transform: translateY(5%);
			opacity: 0;
		}
		98% {
			transform: translateY(5%);
			opacity: 0;
		}
		100% {
			transform: translateY(0%);
			opacity: 1;
		}
	}
	/*世*/

	@keyframes kv2 {
		0% {
			transform: translateY(-5%);
			opacity: 0;
		}
		14% {
			transform: translateY(-5%);
			opacity: 0;
		}
		16% {
			transform: translateY(0);
			opacity: 1;
		}
		48% {
			transform: translateY(0);
			opacity: 1;
		}
		50% {
			transform: translateY(5%);
			opacity: 0;
		}
		65% {
			transform: translateY(5%);
			opacity: 0;
		}
		67% {
			transform: translateY(0);
			opacity: 1;
		}
		98% {
			transform: translateY(0);
			opacity: 1;
		}
		100% {
			transform: translateY(-5%);
			opacity: 0;
		}
	}
	/*故*/

	@keyframes kv3 {
		0% {
			transform: translateY(0%);
			opacity: 1;
		}
		31% {
			transform: translateY(0%);
			opacity: 1;
		}
		33% {
			transform: translateY(-5%);
			opacity: 0;
		}
		82% {
			transform: translateY(-5%);
			opacity: 0;
		}
		84% {
			transform: translateY(0%);
			opacity: 1;
		}
		100% {
			transform: translateY(0%);
			opacity: 1;
		}
	}
	/*顧*/

	@keyframes kv4 {
		0% {
			transform: translateY(5%);
			opacity: 0;
		}
		31% {
			transform: translateY(5%);
			opacity: 0;
		}
		33% {
			transform: translateY(0);
			opacity: 1;
		}
		82% {
			transform: translateY(0);
			opacity: 1;
		}
		84% {
			transform: translateY(5%);
			opacity: 0;
		}
		100% {
			transform: translateY(5%);
			opacity: 0;
		}
	}
	/*逝*/

	@keyframes kv5 {
		0% {
			transform: translateY(-5%);
			opacity: 0;
		}
		48% {
			transform: translateY(-5%);
			opacity: 0;
		}
		50% {
			transform: translateY(0);
			opacity: 1;
		}
		65% {
			transform: translateY(0);
			opacity: 1;
		}
		67% {
			transform: translateY(-5%);
			opacity: 0;
		}
		100% {
			transform: translateY(-5%);
			opacity: 0;
		}
	}


	.loaded_style .kv_txt1 {
		animation: kv_txt1 24s infinite linear;
	}

	.loaded_style .kv_txt2 {
		animation: kv_txt2 24s infinite linear;
	}

	.loaded_style .kv_txt3 {
		animation: kv_txt3 24s infinite linear;
	}

	.loaded_style .kv_txt4 {
		animation: kv_txt4 24s infinite linear;
	}

	.kv_txt3 {
		padding-top: 6%;
	}

	@keyframes kv_txt1 {
		0% {
			padding-top: 3%;
			opacity: 1;
		}
		14% {
			padding-top: 3%;
			opacity: 1;
		}
		16% {
			padding-top: 6%;
			opacity: 0;
		}
		97% {
			padding-top: 6%;
			opacity: 0;
		}
		100% {
			padding-top: 3%;
			opacity: 1;
		}
	}

	@keyframes kv_txt2 {
		0% {
			opacity: 0;
			padding-top: 0%;
		}
		14% {
			opacity: 0;
			padding-top: 0%;
		}
		16% {
			opacity: 1;
			padding-top: 3%;
		}
		31% {
			opacity: 1;
			padding-top: 3%;
		}
		33% {
			opacity: 0;
			padding-top: 0%;
		}
		82% {
			opacity: 0;
			padding-top: 0%;
		}
		84% {
			opacity: 1;
			padding-top: 3%;
		}
		98% {
			opacity: 1;
			padding-top: 3%;
		}
		100% {
			opacity: 0;
			padding-top: 0%;
		}
	}

	@keyframes kv_txt3 {
		0% {
			opacity: 0;
			padding-top: 6%;
		}
		31% {
			opacity: 0;
			padding-top: 6%;
		}
		33% {
			opacity: 1;
			padding-top: 3%;
		}
		48% {
			opacity: 1;
			padding-top: 3%;
		}
		50% {
			opacity: 0;
			padding-top: 6%;
		}
		65% {
			opacity: 0;
			padding-top: 6%;
		}
		67% {
			opacity: 1;
			padding-top: 3%;
		}
		82% {
			opacity: 1;
			padding-top: 3%;
		}
		84% {
			opacity: 0;
			padding-top: 6%;
		}
		100% {
			opacity: 0;
			padding-top: 6%;
		}
	}

	@keyframes kv_txt4 {
		0% {
			opacity: 0;
			padding-top: 0%;
		}
		48% {
			opacity: 0;
			padding-top: 0%;
		}
		50% {
			opacity: 1;
			padding-top: 3%;
		}
		65% {
			opacity: 1;
			padding-top: 3%;
		}
		67% {
			opacity: 0;
			padding-top: 0%;
		}
		100% {
			opacity: 0;
			padding-top: 0%;
		}
	}



	@media (min-width: 1921px) {}

	@media (min-width: 851px) {

		.logo {
			width: 5%;
			left: 5%;
			top: 8%;
		}
		.s1_txt {
			left: 42vw
		}

		.kv_txt {
			position: relative;
		}
	}

	@media (min-width: 1201px) {}

	@media (min-width: 1025px) and (max-height: 600px) {
		.kv {
			width: 45%;
		}
		.s1_txt {
			left: 37vw;
		}
		.kv_txt p {
			padding-left: 6.9vw;
			letter-spacing: 6.4vw;
			margin-top: -6%;
		}
	}

	@media (max-width: 850px) and (max-height: 768px) {
		.s1 {
			min-height: 145vw;
		}
	}

	@media (max-width: 1200px) and(min-width: 851px) {

		.kv {
			width: 60%;
			left: 20%;
		}
		.s1_txt {
			left: 43vw;
		}
		.kv_txt p {
			padding-left: 10vw;
		}
	}

	@media (max-width: 850px) {
		section {
			overflow-x: hidden;
		}
		.s1_bg {
			height: 85%;
			width: 95%;
			border-radius: 0 0 0 30vw;
		}
		.logo {
			width: 55%;
			left: 22%;
			top: 10%;
		}
		.kv {
			width: 100%;
			position: absolute;
			top: 40%;
			left: 0;
		}
		.kv_txt p {
			padding-left: 10%;
			letter-spacing: 10vw;
			font-size: 6vw;
			margin-top: 2vw;
		}
		.s1_txt {
			width: 100%;
			bottom: 5%;
			top: auto;
			color: #2e3030;
		}
	}

	@media (max-width: 550px) {
		.logo {

			top: 13%;
		}
		.kv {

			top: 45%;
		}
	}


	@media (max-width: 320px) {}
	/*s2////////////////////////////////////////////////////////////////////*/

	.s2_tit .font30 {
		font-weight: bold;
		letter-spacing: 4vw;
	}

	.s2_tit {
		line-height: 250%;
	}

	.s2_txt>div {
		position: relative;
		padding-bottom: 30%;
	}

	.sign {
		width: 40%;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.s2_main {
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 5%;
	}

	.s2_main figure {
		background-image: url(../images/photo.jpg?v3);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		border-radius: 0 15vw 0 0;
		margin-top: 7%;
	}

	.s2_txt p:nth-of-type(1) {
		margin-bottom: 5%;
	}


	.s2_menu {
		text-align: center;
		width: 10%;
	}

	.s2_menu li,
	.s2_menu li:not(.s2_btn1) a {
		position: relative;
	}

	.s2_menu li {

		cursor: pointer;
		transition: 500ms;
	}


	.s2_menu li:not(.s2_btn1) a {
		margin: 0 auto;
	}

	.s2_menu li:not(.s2_btn1) a,
	.s2_menu li:not(.s2_btn1) a span {
		display: block;
		background-color: #bcbcbc;
		border-radius: 500px;
		color: #fff;
		width: 80%;
		height: 80%;
		transition: 500ms;
	}

	.s2_menu li div,
	.s2_menu li:not(.s2_btn1) a span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateX(-50%)translateY(-50%);
		width: 100%;
		height: 100%;
	}

	.s2_menu li div {
		opacity: 0;
	}

	.s2_menu.aos-animate li.s2_btn2 div {
		animation: s2-light1 4s infinite;
	}

	.s2_menu.aos-animate li.s2_btn3 div {
		animation: s2-light2 4s infinite;
	}


	@keyframes s2-light1 {
		0% {
			transform: translateX(-50%)translateY(-50%)scale(0);
			opacity: 0;
		}
		25% {
			transform: translateX(-50%)translateY(-50%)scale(0.8);
			opacity: 1;
		}
		50% {
			transform: translateX(-50%)translateY(-50%)scale(1.2);
			opacity: 0;
		}
	}

	@keyframes s2-light2 {
		0% {
			transform: translateX(-50%)translateY(-50%)scale(0);
			opacity: 0;
		}
		50% {
			transform: translateX(-50%)translateY(-50%)scale(0);
			opacity: 0;
		}
		75% {
			transform: translateX(-50%)translateY(-50%)scale(0.8);
			opacity: 1;
		}
		100% {
			transform: translateX(-50%)translateY(-50%)scale(1.2);
			opacity: 0;
		}
	}

	.s2_menu.active li div,
	.s2_menu.active li div img {
		opacity: 0!important;
	}

	.s2_menu li:not(.s2_btn1) a span {

		border: 2px solid #bcbcbc;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 87%;
		height: 87%;
	}

	.s2_menu li.s2_btn1:hover a {
		transform: scale(0.95);
	}

	.s2_menu li:not(.s2_btn1):hover a,
	.s2_menu li:hover a span {
		background-color: #6d2741;
	}

	.s2_menu li:not(.s2_btn1):hover a span {
		border: 2px solid #fff;
	}

	.s2_menu li div span,
	.s2_menu li div img {
		transition: 500ms;
	}

	.s2_menu li:not(.s2_btn1):hover div img {
		opacity: 0;
	}

	.s2_menu li:not(.s2_btn1):hover div span {
		background-image: url(../images/light2.svg?v1);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100% 100%;
		display: block;
	}

	.s2_menu:before {
		content: "";
		position: absolute;
		background-color: #bcbcbc;
		width: 3px;
		height: 80%;
		left: 50%;
		top: 10%;
		margin-left: -1.5px;
		z-index: -1;
	}

	.s2_menu li {
		transform: scale(0.9);
	}

	.s2_menu li:nth-of-type(1) {
		transform: scale(1);
	}

	@media (min-width: 1921px) {}

	@media (min-width: 851px) {

		.s2_menu li {
			margin-bottom: 0%;
			padding-top: 10%;
		}
		.s2_menu li:nth-of-type(1) {
			margin-bottom: 45%;
			padding-top: 0;
			cursor: default;
		}
		.s2_tit {
			top: 10%;
			left: 5%;
		}
		.s2_tit,
		.s2_txt,
		.s2_menu {
			position: absolute;
			z-index: 3;
		}
		.s2_main figure {
			width: 75%;
			height: 90%;
		}
		.s2_txt {
			left: 50%;
			top: 65%;
			color: #fff;
		}
		.s2_menu {
			right: 10%;
			top: 30%;
		}
	}

	@media (max-width: 1200px) and (min-width: 851px) {
		.s2_menu {
			top: 25%;
		}
		.s2_main {
			padding-top: 10%;
		}
	}

	@media (max-width: 1366px) {
		.s2_menu:before {
			width: 2px;
		}
	}

	@media (max-width: 850px) {
		.s2_main figure {
			background-image: url(../images/photo_m.jpg);
		}
		.s2 {
			text-align: center;
			padding-top: 10%;
			height: auto;
		}
		.s2_tit .font30 {
			letter-spacing: 9.5vw;
			padding-left: 7.5%;
		}
		.s2_txt {
			text-align: left;
			display: inline-block;
			color: #2e3030;
			margin-top: 10%;
		}

		.s2_menu li:not(.s2_btn1) a span {

			border: 1px solid #bcbcbc;
		}
		.s2_menu li:not(.s2_btn1):hover a span {
			border: 1px solid #fff;
		}
		.s2_menu {
			width: 100%;
			padding: 0 0% 0 3%;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 10%;
			margin-left: -2%;
		}
		.s2_menu li {
			display: inline-block;
			width: 25%;
		}
		.s2_menu:before {
			width: 60%;
			height: 1px;
			left: 0%;
			top: 49%;
			margin-left: 20%;
			z-index: -1;
		}
		.s2_menu li div {
			top: 36%;
		}
		.popup_close {

			width: 15%;
			top: 0%;
			right: 0;
		}
		.s2_main figure {
			padding-bottom: 65%;
			background-size: 150%;
		}
		.s2_menu li.s2_btn3 {
			transform: translateX(10%)scale(0.9);
		}
		.s2_menu li.s2_btn2 {
			transform: translateX(15%)scale(0.9);
		}
		.s2_main {
			padding-top: 0;
		}
		.s2_txt>div {
			padding-bottom: 35%;
		}
	}

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


	@media (max-width: 320px) {}
	/*s3////////////////////////////////////////////////////////////////////*/

	.s3 {
		padding: 10% 0;
		height: auto;
	}

	.s3_R video:not(.active),
	.s3_btn0:not(.active),
	.s3_web_btn:not(.active) {
		display: none;
		pointer-events: none;
	}

	.s3_btn0:not(.active) {
		pointer-events: none;
	}

	.s3_btn0 {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 4;
		top: 0;
		left: 0;
		background-image: url(../images/video.jpg?v1);
		background-repeat: no-repeat;
		background-position: center center;
		cursor: pointer;
		background-size: cover;
	}


	.s3_btn a,
	.s3_btn span {
		background-color: #bcbcbc;
		border-radius: 500px;
		transition: 500ms;
	}

	.s3_btn li {
		margin-bottom: .4vw;
	}

	.s3_btn a {
		padding: .3vw;
		width: 15vw;
	}

	.s3_btn span {
		border: 2px solid #bcbcbc;
		letter-spacing: 1vw;
		display: block;
		color: #fff;
		text-align: center;
		padding: .5vw 0 .4vw 1vw;
		white-space: nowrap;
	}

	.s3_btn a.active,
	.s3_btn a.active span,
	.s3_btn a:hover,
	.s3_btn a:hover span {
		background-color: #6d2741;
	}

	.s3_btn a.active span,
	.s3_btn a:hover span {
		border: 2px solid #fff;
	}

	.s3_txt {
		color: #6d2741;
	}

	.s3_web_btn {
		background-image: url(../images/btn.svg);
		background-repeat: no-repeat;
		background-position: center left;
		color: #fff;
		letter-spacing: .2vw;
		background-size: 100%;
		padding: 1vw 0 1vw 5vw;
	}

	.aos-animate .pc.s3_web_btn {
		animation: fadeInLeft 2s ease both;
	}

	.s3_txt1 a:hover {
		opacity: 0.5;
	}

	.s3_R {
		width: 75%;
		height: 100%;
		margin-left: 25%;
	}

	.videoBOX {
		overflow: hidden;
		border-radius: 15vw 0 0 0;
		position: relative;
		width: 100%;
	}

	.s3_R video {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: #d7d9db;
	}

	@media (min-width: 1921px) {}

	@media (min-width: 851px) {

		.s3_L,
		.s3_web_btn {
			position: absolute;
			left: 5%;
		}
		.s3_web_btn {
			width: 15vw;
			bottom: 15%;
		}
		.s3_txt li:not(.active) {
			display: none;
		}
		.s3_txt {
			margin-top: 2%;
		}
	}

	@media (max-width: 1366px) and (min-width: 851px) {
		.s3_R {
			width: 68.5%;
		}
	}

	@media (max-width: 850px) {
		.s3_web_btn {
			padding: 3vw 3vw 3vw 12.5vw;
			margin-top: 3vw;
			letter-spacing: 1vw;
		}
		.s3 {
			padding-top: 15%;
		}
		.s3_L {
			display: flex;
			align-items: center;
		}
		.s3_btn {
			padding: 0 5%;
		}

		.s3_btn a {
			padding: 1vw;
			width: 35vw;
		}
		.s3_btn a.active span,
		.s3_btn a:hover span {
			border: 1px solid #fff;
		}
		.s3_btn span {
			letter-spacing: 3vw;
			padding: 1.2vw 0 .5vw 2.6vw;
			border: 1px solid #bcbcbc;
		}
		.s3_R {
			width: 100%;
			margin-left: 0;
			border-radius: 0 0 0 10vw;
			height: auto;
			margin-top: 10%;
		}
		.s3_txt li {
			opacity: 0;
			transition: 500ms;
			margin-left: -5%;
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
		}
		.s3_txt li:not(.active) {
			pointer-events: none;
		}
		.s3_txt li.active {
			opacity: 1;
			margin-left: 0%;
		}
	}

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


	@media (max-width: 320px) {}
	/*s4////////////////////////////////////////////////////////////////////*/
	/*提示語*/

	::-webkit-input-placeholder {
		/* Chrome/Opera/Safari */
		color: #BCBCBC;
	}

	::-moz-placeholder {
		/* Firefox 19+ */
		color: #BCBCBC;
	}

	:-ms-input-placeholder {
		/* IE 10+ */
		color: #BCBCBC;
	}

	.table_form li {
		margin-bottom: 3%;
	}


	input,
	.s4 button {
		font-family: Arial, 'Noto Sans TC', "微軟正黑體";
		color: #2e3030;
	}

	textarea {
		padding: 10px!important;
		resize: none;
		height: 10vw;
	}

	input {
		-webkit-appearance: none;
	}

	input:focus,
	textarea:focus {
		outline: 0px auto -webkit-focus-ring-color;
		outline-offset: 0px
	}

	input[type="text"],
	textarea,
	input[type="email"] {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 10px;
		border: 1px solid #fff;
		background: #fff;
		padding: 0;
		width: 100%;
		padding: 0 10px;
		margin: 5px 0;
	}

	input[type="text"],
	input[type="email"] {
		height: 50px;
	}

	.s4 button {
		border: 1px solid #6d2741;
		background-color: #6d2741;
		color: #fff;
		text-align: center;
		border-radius: 500px;
		width: 30%;
		padding: .8vw 0;
		cursor: pointer;
		transition: 500ms;
	}

	.s4 button:hover {
		background-color: #fff;
		color: #6d2741;
	}

	.s4_form {
		background-color: #bcbcbc;
		padding: 7% 10% 5%;
		border-radius: 0 10vw 0 10vw;
	}

	.s4_txt div {
		display: inline-block;
		line-height: 170%;
	}

	.s4_txt div p:nth-of-type(1) {
		letter-spacing: .08vw;
		margin-bottom: 3%;
	}

	.s4 {
		margin-bottom: 5%;
		height: auto;
		min-height: 30vw;
		color: #2e3030;
	}

	.s4_txt .font30 {
		font-weight: bold;
	}

	@media (min-width: 851px) {
		.s4 form {
			display: flex;
			justify-content: space-between;
			flex-direction: row-reverse;
		}
		.s4_form {
			width: 60%;
		}
		.s4_txt {
			width: 40%;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		.table_form1,
		.table_form2 dd {
			display: flex;
			justify-content: space-between;
		}
		.table_form1 dl,
		.table_form2 dd input {
			width: 48%;
		}
	}

	@media (max-width: 850px) {
		input[type="text"],
		input[type="email"] {
			height: 8vw;
		}
		.s4 {
			text-align: center;
			padding-top: 10%;
		}
		.s4_form {
			width: 80%;
			margin: 10% auto;
		}
		textarea {
			height: 30vw;
		}
		.s4 button {
			width: 60%;
			padding: 3vw 0;
		}
		.s4_form {

			padding: 10%;
		}
		.table_form li,
		.table_form1 dl:nth-of-type(1) {
			margin-bottom: 10%;
		}
		.s4_txt div p:nth-of-type(1) {
			letter-spacing: .3vw;
		}
		.s4_txt div p:nth-of-type(1) span {
			letter-spacing: .55vw;
		}
	}

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

	@media (max-width: 320px) {}
	/*footer////////////////////////////////////////////////////////////////////*/

	footer dt {
		padding-left: 5%;

		color: #bcbcbc;
		display: flex;
		align-items: center;
		line-height: 130%;
	}

	footer dt p {
		display: inline-block;
		padding-right: 5%;
	}

	footer dd {
		background-color: #6d2741;
		border-radius: 15vw 0 0 0;
		color: #fff;
		padding: 1% 5% 0;
	}

	footer dd li {
		display: inline-block;
		margin-bottom: 1%;
	}

	footer img {
		width: 1.5vw;
		display: inline-block;
		margin-right: .5vw;
		vertical-align: middle;
	}
	/*開關按鈕*/

	.btn-toggle {
		margin: 0 4rem;
		padding: 0;
		position: relative;
		border: none;


		color: #fff;
		background: #6d2741;
		cursor: pointer;
		display: flex;
		align-items: center;
	}

	.btn-toggle:focus,
	.btn-toggle.focus,
	.btn-toggle:focus.active,
	.btn-toggle.focus.active {
		outline: none;
	}



	.btn-toggle>.handle {
		position: absolute;
		background: #FFF;
		transition: left 0.25s;
		z-index: 1;
	}

	.btn-toggle .btn_txt {
		z-index: 2;
		position: absolute;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		top: 0;
	}

	.btn-toggle .btn_txt span {
		width: 48%;
		text-align: center;
		display: block;
	}

	.btn-toggle .btn_txt span:nth-of-type(1) {
		color: #6d2741;
	}

	.btn-toggle.active {
		transition: background-color 0.25s;
	}

	.btn-toggle.active>.handle {
		left: 1.6875rem;
		transition: left 0.25s;
	}

	.btn-toggle.active:before {
		opacity: 0.5;
	}

	.btn-toggle.active:after {
		opacity: 1;
	}


	.btn-toggle:before,
	.btn-toggle:after {
		color: #6b7381;
	}

	.btn-toggle.active {
		background-color: #fff !important;
		border: 1px solid #6b2740!important;
	}

	.btn-toggle.btn-lg.active>.handle {
		background-color: #6b2740 !important;
	}

	.btn-toggle.btn-lg {
		margin: 0;
		padding: 0;
		position: relative;
		border: none;
		height: 2.5vw;
		width: 5vw;
		border-radius: 500px;
	}

	.btn-toggle.btn-lg:focus,
	.btn-toggle.btn-lg.focus,
	.btn-toggle.btn-lg:focus.active,
	.btn-toggle.btn-lg.focus.active {
		outline: none;
	}


	.btn-toggle.btn-lg>.handle {
		position: absolute;
		left: 0.3vw;
		width: 2vw;
		height: 2vw;
		border-radius: 500px;
		background: #fff;
		transition: left 0.25s;
	}

	.btn-toggle.btn-lg.active {
		transition: background-color 0.25s;
	}

	.btn-toggle.btn-lg.active>.handle {
		left: 2.65vw;
		transition: left 0.25s;
	}

	.btn-toggle.btn-lg.active:before {
		opacity: 0.5;
	}

	.btn-toggle.btn-lg.active:after {
		opacity: 1;
	}




	@media (min-width: 1921px) {}

	@media (min-width: 851px) {
		footer {
			display: flex;
			align-items: center;
			justify-content: space-between;
		}
		footer dt {

			width: 45%;
		}

		footer dd {

			width: 55%;
		}
	}

	@media (max-width: 1366px) {
		.btn-toggle.btn-lg {

			transform: scale(1.2);
		}
	}

	@media (max-width: 1024px) {
		.btn-toggle.btn-lg>.handle {
			width: 1.8vw;
			height: 1.8vw;
			left: .4vw;
		}
	}

	@media (max-width: 850px) {
		footer {
			font-size: 2.5vw;
			line-height: 140%;
		}
		footer dd {
			border-radius: 0px 15vw 0 0;
			padding: 3% 20% 2% 5%;
			margin-top: 2%;
		}
		footer img {
			width: 3vw;
			margin-right: 1vw;
		}
		footer dd li {

			margin-bottom: 2%;
		}
		.btn-toggle.btn-lg {

			height: 6vw;
			width: 12vw;
		}
		.btn-toggle.btn-lg>.handle {
			width: 5vw;
			height: 5vw;
			left: 1vw;
		}
		.btn-toggle.btn-lg.active>.handle {
			left: 6.2vw;
		}
	}

	@media (max-width: 550px) {
		.btn-toggle.btn-lg>.handle {
			width: 4.5vw;
			height: 4.5vw;
		}
	}


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


	body.cn,body.cn input,
	body.cn .s4 button{
		font-family: Arial, 'Noto Sans SC', "微軟正黑體";
	}