@charset "utf-8";

.logo.active {
	opacity: 0;
	pointer-events: none;
}

.table_form li.line_pohto {
	width: 100%;
	background-color: transparent;
	text-align: center;
}

.table_form li.line_pohto img {
	margin: 0 auto 20px;
	display: block;
	width: 30%;
}

.btn-outline-primary {
	color: #fc824a;
	border-color: #fc824a;
	background: #fff;
}

.modal-backdrop {
	z-index: 1;
}

.fade.show {
	opacity: 1;
	background-color: rgba(0, 0, 0, 0.15);
}

.modal-footer .btn+.btn {
	color: #fc7d4f;
}

.modal-footer .btn:hover {
	border: 1px solid #fc7d4f;
}

.modal.fade .modal-dialog {
	-webkit-transform: translate(0, 0%);
	-ms-transform: translate(0, 0%);
	-o-transform: translate(0, 0%);
	transform: translate(0, 0);
}


/* RWD 的圖片裁剪區域 */

.crop-container {
	max-width: 100%;
	height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	background: #f8f9fa;
}

.crop-container img {
	display: block;
	max-width: 100%;
	height: auto;
}

#previewImage,
#previewImage2 {
	max-width: 320px;
	height: auto;
}

.modal-footer,
.modal-content {
	text-align: center;
}


/* modal打開後調整z-index */

.modal-open .layout-overlay {
	z-index: 1100;
}

.modal-open .modal {
	z-index: 1101;
}

.modal-title {
	text-align: center;
	width: 100%;
}

.modal-header {
	padding-top: 48px;
}

.modal-footer {
	padding-bottom: 48px;
}

.modal .btn-close {
	position: absolute;
	right: 16px;
	top: 24px;
	background: transparent url("../images/close.svg") center / 0.8em auto no-repeat;
	transform: none;
	box-shadow: none;
	background-color: transparent;
	width: 20px;
	height: 20px;
	border-style: none;
}

.modal .btn-close:hover,
.modal .btn-close:focus,
.modal .btn-close:active {
	transform: none;
}

.modal-content {
	box-shadow: 0 0 40px rgba(181, 63, 37, .16) !important
}

.modal-footer .btn,
.line_pohto .btn {
	padding: 10px!important;
}

@media (max-width: 810px) {
	.table_form li.line_pohto img {
		width: 70%;
	}
}

@media (max-width: 550px) {
	.modal-footer .btn {
		min-width: 120px;
	}
}

footer .copy {
	height: 10px;
}

footer,
footer .copy {
	background-color: transparent;
}

@media (max-width: 550px) {
	footer .copy {
		border-bottom: 2vw solid transparent
	}
}