.contactFormList select, .contactFormList input[type=text], .contactFormList textarea, .contactFormList label, .contactFormList li {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
}

.contactFormSubmitBtn, .contactFormList input[type=text], .contactFormList textarea {
		-webkit-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
}

/*
	Authors: Alvin, Randy, Rex
    Version: 2.0
	Latest Update: 2020/03/13
*/
.thankInfo {
		padding: 0 0 50px 0;
}

.formBox {
		max-width: 875px;
		margin: auto;
}

.contactFormList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
}
@media (min-width: 901px) {
		.contactFormList {
				margin-left: -15px;
				margin-right: -15px;
		}
}
.contactFormList li {
		margin-bottom: 20px;
}
@media (min-width: 901px) {
		.contactFormList li {
				width: 50%;
				padding-left: 15px;
				padding-right: 15px;
		}
}
@media (max-width: 900px) {
		.contactFormList li {
				width: 100%;
		}
}
.contactFormList li.full {
		width: 100%;
}
.contactFormList li.focus input[type=text], .contactFormList li.focus textarea {
		background-color: rgba(159, 100, 32, 0.4);
}
.contactFormList .contactItemBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding: 10px;
		border: 1px solid #cecece;
}
.contactFormList .contactItemBox > label:first-child {
		width: 100px;
}
@media (min-width: 641px) {
		.contactFormList .contactItemBox > label:first-child {
				border-right: 1px solid #cecece;
		}
}
@media (max-width: 640px) {
		.contactFormList .contactItemBox > label:first-child {
				width: 100%;
				padding-bottom: 10px;
				border-bottom: 1px solid #cecece;
		}
}
@media (max-width: 640px) {
		.contactFormList .contactItemBox {
				position: relative;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
				    -ms-flex-direction: column;
				        flex-direction: column;
				-webkit-box-align: start;
				    -ms-flex-align: start;
				        align-items: flex-start;
		}
}
.contactFormList label {
		-ms-flex-negative: 0;
		    flex-shrink: 0;
		letter-spacing: 1px;
}
@media (min-width: 641px) {
		.contactFormList label {
				margin-right: 10px;
				padding-right: 15px;
		}
}
@media (max-width: 640px) {
		.contactFormList label {
				margin-bottom: 10px;
		}
}
.contactFormList label.nopd {
		padding-right: 0;
}
.contactFormList input[type=text], .contactFormList textarea {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		width: 100%;
		padding: 5px 5px 5px 15px;
		color: #000;
		border: none;
		outline: none;
		background-color: transparent;
		font-family: "Noto Sans TC", sans-serif;
}
.contactFormList input[type=text].error, .contactFormList textarea.error {
		outline: 1px solid #9f6420;
}
@media (min-width: 641px) {
		.contactFormList input[type=text] ~ label {
				margin-right: 5px;
		}
}
@media (max-width: 640px) {
		.contactFormList input[type=text] ~ label {
				position: absolute;
				top: 10px;
				right: 70px;
				z-index: 1;
		}
}
.contactFormList input[type=text] ~ label:last-child {
		margin-right: 0;
}
@media (max-width: 640px) {
		.contactFormList input[type=text] ~ label:last-child {
				right: 10px;
		}
}
.contactFormList textarea {
		resize: vertical;
		padding: 5px 0;
		height: 100px;
}
@media (max-width: 768px) {
		.contactFormList textarea {
				height: 80px;
		}
}
@media (min-width: 641px) {
		.contactFormList textarea {
				margin-top: 10px;
		}
}
.contactFormList select {
		width: 100%;
		padding: 5px 5px 5px 15px;
		border: none;
		outline: none;
		font-family: "Noto Sans TC", sans-serif;
		color: #5e5e5e;
		background-color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 640px) {
		.contactFormList select {
				padding-left: 0;
				margin-bottom: 10px;
		}
}
.contactFormList select.error {
		outline: 1px solid #9f6420;
}
.contactFormList option {
		color: #202020;
}
.contactFormList em {
		color: #ff0000;
		padding-right: 5px;
}

.contactFormSubmitBtn {
		display: block;
		width: 200px;
		height: 40px;
		margin-top: 10px;
		color: #fff;
		letter-spacing: 1px;
		border: none;
		outline: none;
		background-color: #9f6420;
		font-family: "Noto Sans TC", sans-serif;
		cursor: pointer;
}
@media (min-width: 1181px) {
		.contactFormSubmitBtn:hover {
				background-color: #754917;
		}
}
@media (max-width: 768px) {
		.contactFormSubmitBtn {
				margin-left: auto;
				margin-right: auto;
		}
}

.contactMapBox {
		margin-top: 50px;
		padding-top: 100px;
		padding-bottom: 100px;
		background-color: #efeeec;
}
@media (max-width: 1180px) {
		.contactMapBox {
				padding-top: 50px;
				padding-bottom: 50px;
		}
}
.contactMapBox iframe {
		height: 500px;
}
@media (max-width: 1180px) {
		.contactMapBox iframe {
				height: 300px;
		}
}

.must {
		font-size: 15px;
		padding-bottom: 15px;
}
.must em {
		color: #ff0000;
		padding-right: 5px;
}

.contactFormList li.company .contactItemBox > label:first-child {
		width: auto;
}
@media (max-width: 640px) {
		.contactFormList li.company .contactItemBox > label:first-child {
				width: 100%;
		}
}
.contactFormList li.exp .contactItemBox {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
}
.contactFormList li.exp .contactItemBox label {
		border-right: none;
		width: 100%;
}
.contactFormList .advisory {
		border: 0;
}

#closeOrder {
		top: 5px !important;
}

.moduleBox.moduleQaptcha .moduleClose {
		height: 40px;
}

#data_taiwan {
		margin-right: 20px;
}
@media (max-width: 640px) {
		#data_taiwan {
				margin-right: 0;
		}
}