//文字
.color{
	&-theme{
		color: $main-theme !important;
	}
}
.title-category{
	font-size: 16px;
	width: 100%;
	padding: 10px 31px;
	color: $text-color;
	@include media-breakpoint-down(sm) {
		font-size: 16px;
		padding: 6px 31px;
		padding-left: 15px;
	}
}
.text-more{
	font-size: 14px;
	color: $main-theme;
}

.text-over{
	overflow : hidden;
  text-overflow : ellipsis;
	white-space : nowrap;
	margin-right: 10px;
}
.text-over-w100px{
	width: 100%;
	overflow : hidden;
  text-overflow : ellipsis;
	white-space : nowrap;
	margin-right: 10px;
}

.num-count{
	width: 100%;
	display: inline-block;
	text-align: center;
	font-size: 70px;
	line-height: 70px;
	color: $main-theme;
	font-family: sans-serif;
	span{
		font-size: 15px;
		color: $text-color;
		font-weight: initial;
	}
}

.wordBreak{
	word-break: break-all;
}



.title-sub{
	width: 100%;
	text-align: center;
	font-size: 15px;
	margin: 0 auto;
}

.title-collapse{
	font-size: 16px;
	color: $text-color !important;
	display: flex;
	align-items: center;
}


// -------------------------------條列呈現(popup觀看資料)
.item-list{
	width: 100%;
	margin-bottom: 20px;
	// border: 1px solid;
}
.item-title{
	white-space:nowrap;
	font-size: 15px;
	margin-bottom: 5px;
	color: $main-theme;
	// background: #afa7f5;
	@include PC-small{
		font-size: 14px;
		margin-bottom: 0;
	}
}
.item-text{
	font-size: 15px;
	font-weight: initial;
	word-break: break-all;
	// background: #528f73;
	@include PC-small{
		font-size: 14px;
	}
}

.item-list{
	// has form Dom
	.form-group {
		margin-bottom: 0 !important;
    margin-top: 0;
	}
	.vuestic-simple-select{
		margin-bottom: -7px;
	}
}

//單純觀看
.list-detail{
	.item-list{
		margin-bottom: 25px;
	}
	.item-title{
		// font-weight: 700;
	}
	// has svg and img Dom
	.btn-svg {
		svg{
			width: 24px !important;
			height: 24px !important;
			vertical-align: top;
		}
		&.svg-noPadding{
			width: 24px !important;
			height: 24px !important;
		}
	}
	img{
		width: 24px !important;
		height: 24px !important;
		vertical-align: top;
	}
}