@charset "UTF-8";



/* CSS reset*/
.LAC_wrap .font-xs, .LAC_wrap p {
    font-size: 18px;
}
@media (max-width: 1280px) {
    .LAC_wrap .font-xs, .LAC_wrap p {
        font-size: 1.4vw;
    }
}
@media (max-width: 810px) {
    .LAC_wrap .font-xs, .LAC_wrap p {
        font-size: 3.7vw;
    }
}
.LAC_wrap h1,.LAC_wrap h2,.LAC_wrap h3,.LAC_wrap h4,.LAC_wrap h5,.LAC_wrap p,
.LAC_wrap .h1,.LAC_wrap .h2,.LAC_wrap .h3,.LAC_wrap .h4,.LAC_wrap .h5{
	margin: 0;
}
/*@media (min-width: 811px) {
.mb {
		display: none!important;
	}
}
@media (max-width: 810px) {
	.pc {
		display: none!important;
	}
	
}*/

.LAC_wrap h1, .LAC_wrap h2,.LAC_wrap h3, .LAC_wrap p{
	font-family: "Microsoft JhengHei", "微軟正黑體", serif !important;
	margin: 0;
	padding: 0;
	border: 0;
	/* font-size: 100%; */
	/* font: inherit; */
	vertical-align: baseline;
	line-height: normal;
	font-weight: normal;
}

.LAC_wrap ol,
.LAC_wrap ul {
	list-style: none;
}

.LAC_wrap blockquote,
.LAC_wrap q {
	quotes: none;
}

.LAC_wrap blockquote:before,
.LAC_wrap blockquote:after,
.LAC_wrap q:before,
.LAC_wrap q:after {
	content: "";
	content: none;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.LAC_wrap .m-0 {
	margin: 0 !important;
}

.LAC_wrap .mt-0,
.LAC_wrap .my-0 {
	margin-top: 0 !important;
}

.LAC_wrap .mr-0,
.LAC_wrap .mx-0 {
	margin-right: 0 !important;
}

.LAC_wrap .mb-0,
.LAC_wrap .my-0 {
	margin-bottom: 0 !important;
}

.LAC_wrap .ml-0,
.LAC_wrap .mx-0 {
	margin-left: 0 !important;
}

.LAC_wrap .m-1 {
	margin: 0.25rem !important;
}

.LAC_wrap .mt-1,
.LAC_wrap .my-1 {
	margin-top: 0.25rem !important;
}

.LAC_wrap .mr-1,
.LAC_wrap .mx-1 {
	margin-right: 0.25rem !important;
}

.LAC_wrap .mb-1,
.LAC_wrap .my-1 {
	margin-bottom: 0.25rem !important;
}

.LAC_wrap .ml-1,
.LAC_wrap .mx-1 {
	margin-left: 0.25rem !important;
}

.LAC_wrap .m-2 {
	margin: 0.5rem !important;
}

.LAC_wrap .mt-2,
.LAC_wrap .my-2 {
	margin-top: 0.5rem !important;
}

.LAC_wrap .mr-2,
.LAC_wrap .mx-2 {
	margin-right: 0.5rem !important;
}

.LAC_wrap .mb-2,
.LAC_wrap .my-2 {
	margin-bottom: 0.5rem !important;
}

.LAC_wrap .ml-2,
.LAC_wrap .mx-2 {
	margin-left: 0.5rem !important;
}

.LAC_wrap .m-3 {
	margin: 1rem !important;
}

.LAC_wrap .mt-3,
.LAC_wrap .my-3 {
	margin-top: 1rem !important;
}

.LAC_wrap .mr-3,
.LAC_wrap .mx-3 {
	margin-right: 1rem !important;
}

.LAC_wrap .mb-3,
.LAC_wrap .my-3 {
	margin-bottom: 1rem !important;
}

.LAC_wrap .ml-3,
.LAC_wrap .mx-3 {
	margin-left: 1rem !important;
}

.LAC_wrap .m-4 {
	margin: 1.5rem !important;
}

.LAC_wrap .mt-4,
.LAC_wrap .my-4 {
	margin-top: 1.5rem !important;
}

.LAC_wrap .mr-4,
.LAC_wrap .mx-4 {
	margin-right: 1.5rem !important;
}

.LAC_wrap .mb-4,
.LAC_wrap .my-4 {
	margin-bottom: 1.5rem !important;
}

.LAC_wrap .ml-4,
.LAC_wrap .mx-4 {
	margin-left: 1.5rem !important;
}

.LAC_wrap .m-5 {
	margin: 2rem !important;
}

.LAC_wrap .mt-5,
.LAC_wrap .my-5 {
	margin-top: 2rem !important;
}

.LAC_wrap .mr-5,
.LAC_wrap .mx-5 {
	margin-right: 2rem !important;
}

.LAC_wrap .mb-5,
.LAC_wrap .my-5 {
	margin-bottom: 2rem !important;
}

.LAC_wrap .ml-5,
.LAC_wrap .mx-5 {
	margin-left: 2rem !important;
}

.LAC_wrap .m-6 {
	margin: 2.5rem !important;
}

.LAC_wrap .mt-6,
.LAC_wrap .my-6 {
	margin-top: 2.5rem !important;
}

.LAC_wrap .mr-6,
.LAC_wrap .mx-6 {
	margin-right: 2.5rem !important;
}

.LAC_wrap .mb-6,
.LAC_wrap .my-6 {
	margin-bottom: 2.5rem !important;
}

.LAC_wrap .ml-6,
.LAC_wrap .mx-6 {
	margin-left: 2.5rem !important;
}

.LAC_wrap .m-7 {
	margin: 3rem !important;
}

.LAC_wrap .mt-7,
.LAC_wrap .my-7 {
	margin-top: 3rem !important;
}

.LAC_wrap .mr-7,
.LAC_wrap .mx-7 {
	margin-right: 3rem !important;
}

.LAC_wrap .mb-7,
.LAC_wrap .my-7 {
	margin-bottom: 3rem !important;
}

.LAC_wrap .ml-7,
.LAC_wrap .mx-7 {
	margin-left: 3rem !important;
}



.LAC_wrap ol,
.LAC_wrap ul {
	list-style: none;
}

.LAC_wrap blockquote,
.LAC_wrap q {
	quotes: none;
}

.LAC_wrap blockquote:before,
.LAC_wrap blockquote:after,
.LAC_wrap q:before,
.LAC_wrap q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.LAC_wrap a,
.LAC_wrap a:hover,
.LAC_wrap a:focus,
.LAC_wrap a:active {
	text-decoration: none;
}


/*body,
html {
	font-size: 1rem;
	line-height: 1.5;
}*/

.LAC_wrap,
.LAC_wrap h2,
.LAC_wrap h3,
.LAC_wrap h4,
.LAC_wrap h5,
.LAC_wrap p{
font-family: "Microsoft JhengHei", "微軟正黑體", serif;
}


.LAC_wrap img{
	width: 100%;
}
.LAC_wrap .h2 {
	font-size: 44px !important;
}

.LAC_wrap .h3 {
	font-size: 32px !important;
}
.LAC_wrap .h3_2 {
	font-size: 36px !important;
}
.LAC_wrap .h4 {
	font-size: 28px !important;
}

.LAC_wrap .h5 {
	font-size: 24px !important;
}


@media (max-width: 1280px) {
	.LAC_wrap .h2 {
		font-size: 3.4vw !important;
	}
	.LAC_wrap .h3 {
		font-size: 2.5vw !important;
	}
	.LAC_wrap .h3_2{
		font-size: 2.8vw !important;
	}
	.LAC_wrap .h4 {
		font-size: 2.1vw !important;
	}
	.LAC_wrap .h5 {
		font-size: 1.875vw !important;
	}
	.font-xxl {
		font-size: 6vw;
	}
	.font-xl {
		font-size: 5vw;
	}
	.font-r,.LAC_wrap .feature p.font-r {
		font-size: 1.5625vw;
	}
	.LAC_wrap .font-xs,
	.LAC_wrap p {
		font-size: 1.4vw;
	}
	small {
		font-size: 0.9vw;
	}
}

@media (max-width: 810px) {
	.LAC_wrap .h2 {
		font-size: 7.7vw !important;
	}
	.LAC_wrap .h3 {
		font-size: 5.5vw !important;
	}
	.LAC_wrap .h3_2 {
		font-size: 5.5vw !important;
	}
	.LAC_wrap .h4 {
		font-size: 5vw !important;
	}
	.LAC_wrap .h5 {
		font-size: 4.2vw !important;
	}
	.font-xxl {
		font-size: 13.3vw;
	}
	.font-xl {
		font-size: 8.5vw;
	}
	.font-r,.LAC_wrap .feature p.font-r {
		font-size: 3.7vw;
	}
	.LAC_wrap .font-xs,
	.LAC_wrap p {
		font-size: 3.7vw;
	}
	small {
		font-size: 2.6vw;
	}
}

.line-height-lg {
	line-height: 1.7;
}

.line-height-s {
	line-height: 1.4;
}

.line-height-xs {
	line-height: 1.2;
}


.LAC_wrap .btn-wrap a,
.LAC_wrap .btn-wrap button {
	position: relative;
	overflow: hidden;
	display: inline-block;
}

.LAC_wrap .btn-wrap a:nth-of-type(1),
.LAC_wrap .btn-wrap button:nth-of-type(1) {
	margin-right: 0.5em;
}

.LAC_wrap .btn-wrap a,
.LAC_wrap .btn-wrap button {
	display: inline-block;
	text-align: center;
	padding: 7.5px 30px;
	font-size: 18px;
	letter-spacing: 0.1em;
	color: #fff;
	background-color: #000;
	border: 1px solid #000;
	-webkit-box-shadow: 0 0 10px #fff;
	box-shadow: 0 0 10px #fff;
	-webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out,
	border-color 0.25s ease-out;
	-o-transition: background-color 0.25s ease-out, color 0.25s ease-out,
	border-color 0.25s ease-out;
	transition: background-color 0.25s ease-out, color 0.25s ease-out,
	border-color 0.25s ease-out;
	cursor: pointer;
	border-radius: 0;
	width: fit-content;
	height: auto;
	line-height: 150%;
}

.LAC_wrap .btn-wrap a::before,
.LAC_wrap .btn-wrap button::before {
	content: "";
	background: url(../images/shine_light.png) no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	width: 200%;
	height: 200%;
	margin-top: -20%;
	display: block;
	pointer-events: none;
	animation: btn-shine 4s ease 1s infinite;
}

@keyframes btn-shine {
	0% {
		transform: translateX(-150%);
	}
	70% {
		transform: translateX(120%);
	}
	100% {
		transform: translateX(120%);
	}
}

.LAC_wrap .btn-wrap a:hover,
.LAC_wrap .btn-wrap button:hover {
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
	background: #fff;
	border: 1px solid #000;
	color: #000;
}

.LAC_wrap .adjust {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100px;
	top: -135px;
}
@media (max-width: 1280px) {
.LAC_wrap .btn-wrap a,
.LAC_wrap .btn-wrap button {
	padding: 0.5859375vw 2.34375vw;
	font-size: 1.40625vw;
	border: 0.078125vw solid #000;
	-webkit-box-shadow: 0 0 0.78125vw #fff;
	box-shadow: 0 0 0.78125vw #fff;
}
}
@media (max-width: 810px) {
	.LAC_wrap .adjust {
		top: 10px;
	}
	.LAC_wrap .btn-wrap a,
	.LAC_wrap .btn-wrap button {
		padding: 2vw 8vw;
		height: auto;
		width: fit-content;
		font-size: 3.5vw;
	}
}

.LAC_wrap {
	max-width: 1280px;
	overflow: hidden;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-family: "Microsoft JhengHei", "微軟正黑體", serif !important;
	color: #000;
}

.LAC_wrap .note {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 2em;
	padding: 0 5%;
	color: #676767;
}

.LAC_wrap .TIU-content {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
}

.LAC_wrap .sec-title {
	position: relative;
	top: 80px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.LAC_wrap .sec-title h2,
.LAC_wrap .sec-title h3 {
	letter-spacing: .05em;
	width: fit-content;
	margin: 0 auto;
}
.LAC_wrap .sec-title h3 {
	line-height: 1.4;
}
@media (max-width: 1280px) {
	.LAC_wrap .sec-title {
		top: 6.25vw; left: 0; right: 0;
	}
	.LAC_wrap .sec-title h3 {
		margin-top: 0vw;
	}
}
@media (max-width: 810px) {
	.LAC_wrap .sec-title {
		top: 13.3vw; left: 0; right: 0;
	}
	.LAC_wrap .sec-title h3 {
		margin-top: 0vw;
	}
}








/** section-7 family **/

.LAC_wrap .section-7 {
	position: relative;
	width: 100%;
}

.LAC_wrap .section-7 .sec07_pd {
	position: absolute;
	width: fit-content;
	text-align: center;
}

.LAC_wrap .section-7 .sec07_pd .h4 {
	margin-bottom: 4px;
}

.LAC_wrap .section-7 .sec07_pd .h5 {
	margin-bottom: 16px;
}

.LAC_wrap .section-7 .pd01 {
	top: 44%;
	left: 17.5%;
}

.LAC_wrap .section-7 .pd02 {
	    top: 19%;
    left: 0;
    width: 100%;
}

.LAC_wrap .section-7 .pd03 {
	top: 35%;
    left: 58.5%;
}
.LAC_wrap .section-7 .sec-title{
	top: 5%;
}

@media (max-width: 1280px) {
	.LAC_wrap .section-7 .sec07_pd .h4 {
		margin-bottom: 0.3vw;
	}
	.LAC_wrap .section-7 .sec07_pd .h5 {
		margin-bottom: 1.25vw;
	}
}
@media (min-width: 811px) {
.sec07_pd .h5 .pc{
	display: inline-block;
}
}
@media (max-width: 810px) {
	.LAC_wrap .section-7 .sec07_pd .h4 {
		margin-bottom: 2vw;
	}
	.LAC_wrap .section-7 .sec07_pd .h5 {
		margin-bottom: 3vw;
	}
	.LAC_wrap .section-7 .pd01 {
		top: 75%;
		left: 9%;
		color: #fff;
	}
	.LAC_wrap .section-7 .pd02 {
		top: 15.5%;

	}
	.LAC_wrap .section-7 .pd03 {
		top: 75%;
		left: 56.5%;
		color: #fff;
	}
	.LAC_wrap .section-7 .h2 span{
        font-size: 6vw !important;
	}
}

.section-8-form-wrap .form-wrap{
	text-align: left;
}
.LAC_wrap .section-8-form-wrap .sec-title{
	top: 0;
	margin-bottom: 5%;
}
.LAC_wrap .section-8-form-wrap .note{
	position: relative;
	margin-left: 0;
	color: #000;
	padding: 10% 0 0% 1%;
}
.LAC_wrap .section-8-form-wrap .note ul{
	padding-left: 0;
	font-size: 14px;
}
@media (max-width: 1280px) {
	.LAC_wrap .section-8-form-wrap .note ul{
	font-size: 1.1vw;
}
}
@media (min-width: 811px) {
	.section-8-form-wrap .form-wrap{
		padding-left: 52%;
        padding-right: 7%;
        padding-top: 7.5%;
		
	}
	.LAC_wrap .section-8-form-wrap .sec-title h2{
		margin-left: 0;
	}
}
@media (max-width: 810px) {
.LAC_wrap .section-8-form-wrap .sec-title{
	top: 11vw;
}
.LAC_wrap .section-8-form-wrap .sec-title h2{
	line-height: 120%;
    text-align: center;
}
.LAC_wrap .section-8-form-wrap .TIU-content{
	padding: 0 5%;

}
.LAC_wrap .section-8-form-wrap .TIU-content p.text-left{
	padding-top: 110vw;
}
.LAC_wrap .section-8-form-wrap .note ul{
	font-size: 3.2vw;
}
}