@charset "UTF-8";
.side_contactInfo a {
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}
.side_contactInfo {
	font-family: "Noto Sans TC", "Microsoft JhengHei", sans-serif
}
.mainArea.successPage {
	height: calc(100vh - 300px);
	min-height: 500px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 60px 0;
	text-align: center
}
.mainArea.successPage .successTxt {
	color: #4ea6c8;
	font-size: 35px;
	font-weight: 500;
	line-height: 1.3
}
.contentBox .leftBox {
	padding: 0 50px 0 0
}
@media (max-width:1023px) {
	.contentBox .leftBox {
		padding: 0 0 30px 0
	}
}
.contentBox .rightBox {
	padding: 0
}
@media (max-width:1024px) {
	.formBox .pc {
		display: none
	}
}
@media (min-width:1025px) {
	.formBox .formColumn.select:has(.pc):before {
		display: none
	}
}
.formBox .selectLabel.mobile {
	width: 100%
}
.formBox .selectLabel.mobile .columnSelect {
	height: auto
}
@media (min-width:1025px) {
	.formBox .mobile {
		display: none
	}
}
.formBox .selectLabel {
	width: 100%
}
@media (min-width:641px) {
	.formBox .selectLabel {
		width: 100%
	}
}
.formBox input[name=data_time]+.columnCheckBox .columnCheckLabel {
	padding: 5px
}
.side_contactInfo {
	margin-top: 20px
}
@media (min-width:1201px) {
	.side_contactInfo a:hover {
		color: #4ea6c8
	}
}
.side_contactInfo i {
	border: none;
	background-color: #4ea6c8;
	color: #fff;
	font-size: 16px
}
.thankInfo {
	margin-bottom: 25px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 14px;
	color: #2f2f2f;
	line-height: 1.8
}
.thankInfo iframe {
	max-width: 100%
}



.thankInfo {
	font-size: 14px;
	color: #777777
}
.formBox .formList {
	color: #2f2f2f
}
.formBox .formColumn {
	width: 100%
}
.formBox .formColumn.half {
	width: 50%
}
@media (max-width:640px) {
	.formBox .formColumn.half {
		width: 100%
	}
}
.formBox .columnArea, .formBox .columnInput, .formBox .columnSelect {
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #737373
}



.titleBox {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}
.titleBox .titleTw {
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 0.5px;
    color: #4c4c4c;
}
.titleBox .titleTw.deco {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
}
.titleBox .titleTw.deco:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    bottom: 5px;
    right: -11px;
    background-color: #c9a063;
}
@media (max-width: 540px) {
    .titleBox .titleTw {
        font-size: 24px;
    }
}
.titleBox .titleEn {
    font-weight: 700;
    font-size: 80px;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: #211918;
    line-height: 1.2;
}
@media (max-width: 1180px) {
    .titleBox .titleEn {
        color: #211918;
        font-size: 90px;
    }
}
@media (max-width: 960px) {
    .titleBox .titleEn {
        font-size: 58px;
    }
}
@media (max-width: 640px) {
    .titleBox .titleEn {
        font-size: 48px;
    }
    .titleBox {
    margin-bottom: 30px;
	}
}
@media (max-width: 540px) {
    .titleBox .titleEn {
        font-size: 36px;
    }
}
@media (max-width: 400px) {
    .titleBox .titleEn {
        font-size: 28px;
    }
}