@media (max-width: 786px) {
 .d-pc-none{
 	display: none;	
 }	
}

@media (min-width: 785px) {
 .d-m-none{
 	display: none;	
 }	
}
.bannerImg{
	min-height: 200px!important;
	width: 100%
}
.gray-bgc{
	background-color: #f4f4f4;
}
.white-bac{
	background-color: #fff;
}

.pageImg{
	min-height: 250px!important;
	width: 100%
}

.black-bgc{
	background-color: #333;
	color: #fff;
}
.pl-0{
	padding-left: 0rem!important;
}

.pl-1{
	padding-left: 0.5rem!important;
}

.pl-2{
	padding-left: 0.7rem!important;
}

.pl-3{
	padding-left: 1rem!important;
}

.pl-4{
	padding-left: 1.2rem!important;
}

.pl-5{
	padding-left: 1.5rem!important;
}

.page-hr{
	height: 3px;
	width: 20%;
	background-color: #333;
}

.page-line{
	border-top: 1px solid #333;
}

.blue0-bgc{
	background-color: #F1F9FF;
}

.gray0-bgc{
	background-color: #FBFBFB;
}

.gray1-bgc{
	background-color: #F4F4F4;
}

.mt-3{
	margin-top: 1rem!important;
}

.no-accordion{
	position: relative!important;
    background-color: #fbfbfb;
    border: 1px solid #f4f4f4;
}

.accordion.no-accordion > .card .card-header a {
	position: relative!important;
    background-color: #fbfbfb;
    border: 1px solid #f4f4f4;
}
.mr-3{
	margin-right: 1rem!important;
}

.ml-3{
	margin-left: 1rem!important;
}

.p-high-1{
	line-height: 24px!important;
}

.font-size-nametitle{
	font-size: 20px;
}       

.font-size-name{
	font-size: 25px!important;
	font-weight: 1000!important;
}

.experience p{
	margin:0px;
}

ul.nav-list li a{
	font-size: 1.12em;
}

div.content {
    font-size: 1.2em;
    color: black;
    font-family: 'Microsoft JhengHei', sans-serif;
	line-height: 1.8;
	text-align: justify;
}

div.content h1,
div.content h2,
div.content h3,
div.content h4,
div.content h5,
div.content h6 {
    font-size: initial; /* 讓標題回到預設字體大小，根據HTML標籤層級顯示 */
}