.btn-square {
	padding: 0.7rem 1.3rem !important;
	border: 2px solid #b1b1b1;
	border-radius: 5px;
	margin-right: 1rem;
	cursor: pointer;
	color: #808080 !important;
	font-size:1.2rem;
}



.btn-square:hover {
	border-radius: 5px;
	margin-right: 1rem;
}


@media (max-width:992px){
	.btn-square {
		padding: 0.5rem 1.2rem !important;
	}
}


.card-body{
	padding:0.5rem 1.5rem 0.5rem;
}

@media (max-width:768px) {
	.card-body {
		padding: 0.5rem 1rem 0.5rem;
	}

}

.courselist{
	padding-left:0.9rem;
}

.courselist li {
	margin-bottom: 0.6rem;
	font-size: 1rem;
}

	/*.courselist li:first-child {
		margin-bottom: 0.6rem;
	}*/

	.courselist li:first-child span{
		font-weight: 600;
		font-size: 1.3rem;
	}

	.courselist li:not(:first-child) {
		font-weight: normal;
		font-size: 1rem;
		/*margin-bottom:5px;*/
	}


.btn-active {
	border: 3px solid #9674d1;
	color: #9674d1 !important;
	position: relative;
}

	.btn-active:before {
		content: "\f00c";
		display: block;
		position: absolute;
		top: -1px;
		left: -1px;
		color: #fff;
		width: 22px;
		height: 22px;
		background-color: #9674d1;
		border-radius: 5px 0 5px 0;
		padding-left: 5px;
		align-items: center;
		font-family: "Font Awesome 5 Free";
		font-size:0.6rem;
	}

@media (max-width:992px) {
	paymethod .btn-square {
		padding: 0.7rem 0.6rem !important;
	}

	.btn-active:before {
		top: -3px;
		left: -2px;
		color: #fff;
		width: 21px;
		height: 21px;
		padding-left: 3px;
	}
}


.paymethod .btn-square {
	padding: 0.7rem 1.5rem !important;
}

@media (max-width:992px){
	.paymethod .btn-square {
		padding: 0.8rem 0.4rem 0.5rem !important;
		margin-right: 0.5rem;
		text-align: center;
	}

	.sm-ml-0{
		margin-left:0 !important;
	}

	.companyarea {
		display:block !important;
	}

		.companyarea .w-35, .companyarea .w-55 {
			width: 100% !important;
		}
}


.area_shadow {
	box-shadow: 0 0 0.8rem rgb(0 0 0 / 20%);
}

.invoice_shadow {
	box-shadow: 0 0 0.2rem rgb(0 0 0 / 20%);
}

.w-87 {
	width: 87%;
}

.w-83 {
	width: 83%;
}

 .w-80 {
	width: 80%;
}

.w-65 {
	width: 65%;
}

.w-60 {
	width: 60%;
}

.w-55 {
	width: 55%;
}

.w-40 {
	width: 40%;
}

.w-35 {
	width: 35%;
}

.w-20 {
	width: 20%;
}
.w-50 {
	width: 50% !important;
}

.coursearea .part div {
	margin-bottom: 6px;
}

.font-large{
	font-size:1.1rem;
}

.font-larger {
	font-size: 1.2rem;
}

.font-medium {
	font-size: 1.15rem;
}

.w-place {
	width: 26%
}

.small-font{
	font-size:0.95rem;
}



@media (max-width:767px) {
	body{
		font-size:15px;
	}

	.font-large {
		font-size: 0.95rem;
	}

	.font-medium {
		font-size: 1rem;
	}

	h4{
		font-size:1.15rem;
	}

	.w-place {
		width: 37%
	}
}

.text-purple {
	color: #9674d1;
}

.wordbreak{
	word-break:break-word;
}


.form-group label{
	font-size:14px;
}

.f-135 {
	font-size: 1.35rem;
}

/*.part_add{
	margin-bottom:3rem;
}*/

.part_minus {
	margin-bottom: 0;
}

.part-invoice {
	margin-top:1.2rem;
	margin-bottom: 2rem;
}
/*手機版*/
@media(max-width:992px) {
	.sm-d-block {
		display:block !important;
	}

	.sm-w-100 {
		width: 100% !important;
	}


	.sm-mb-50 {
		margin-bottom: 35px !important;
	}

	.sm-w-50 {
		width: 50% !important;
	}

	.sm-mb-3 {
		margin-bottom: 12px;
	}
}


.pricearea {
	height: 2.5rem !important;
	width: 50% !important;
	text-align: right !important;
	font-size:1.3rem !important;
	padding-right:5px !important;
}

.select2-container {
	/*z-index: 99999999;*/
	z-index: 99;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background: #9674d1;
	font-size: 0.92rem;
}