.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,0);
	border-radius: .25rem;
}
.card-header {
	padding: 0rem;
	background-color: rgba(0,0,0,0);
	border-bottom: 1px solid rgba(0,0,0,0);
}
.card .btn{
	padding: 0rem;
	width: 100%;
}
.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 3rem 9rem;
}

.accordion>.card:first-of-type {
	border-bottom: 5px solid #2a2f89;
}
.accordion>.card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 5px solid #2a2f89;
}
.accordion>.card:last-of-type {
	border-bottom:none;
}




.card01{
	background: url('../upload/img-board_01.jpg');
	min-height: 854px;
	background-size: cover;
}
.card01_01{
	width: 1024px;
	float: right;
	padding-left: 507px;
	padding-right: 5px;
	color: #000;
	text-align: justify;
}

.card02{
	background: url('../upload/img-board_04.jpg');
	min-height: 601px;
	background-size: cover;
}
.card02_01{
	width: 540px;
	float: left;
	color: #000;
}
.card02_02{
	width: 205px;
}

.card03{
	background: url('../upload/img-board_03.jpg');
	min-height: 601px;
	background-size: cover;
}
.card04{
	background: url('../upload/img-board_08.jpg');
	min-height: 601px;
	background-size: cover;
}
.card05{
	background: url('../upload/img-board_05.jpg');
	min-height: 602px;
	background-size: cover;
}
.card06{
	background: url('../upload/img-board_06.jpg');
	min-height: 602px;
	background-size: cover;
}
.card07{
	background: url('../upload/img-board_07.jpg');
	min-height: 602px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center right;
}
.card08{
	background: url('../upload/img-board_08.jpg');
	min-height: 602px;
	background-repeat: no-repeat;
	background-size: cover;
}
.card06 .btn-link{
color: #FFF;
    text-decoration: none;
}
.card06_01{
	width: 1024px;
	float: left: ;
	padding-right: 507px;
	padding-left: 5px;
	color: #000;
	text-align: justify;
}
.card06_02{
	width: 500px;
}
/*間距*/
.my01{
	margin-top: 6rem;
    margin-bottom: 6rem;
}
.my02{
	margin-top: 9rem;
    margin-bottom: 8rem;
}
.my06{
	margin-top: 5rem;
    margin-bottom: 2rem;
}



/*文字 顏色　*/
.textcolor{
	color: #71c7d5;
}
/*文字　對齊方式 文字大小　文字間距*/
.cardtext{
	text-align: justify;
}
.cardtext02{
	font-size: 14.5px;
	letter-spacing: 2px;
}
/*文字　對齊方式 */
.cardL01{
	text-align: left;
}
.cardR01{
	text-align: right;
}
/*個人經歷 按鈕*/
.experiencecs{
    width: 180px;
    height: 37px;
    color: #fff;
    text-align: center;
    background: #71c7d5;
    line-height: 37px;
	margin-bottom: 20px;
    padding-left: 13px;
    letter-spacing: 1px;
    font-size: 1rem;
}

/*滑鼠　箭頭*/
.cursor_d{
	cursor: default;
}
/*滑鼠　手指*/
.cursor_p{
	cursor: pointer;
}

/*浮動*/
.FOL{
	float: left;
}
.FOR{
	float: right;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: default;
}

.psh01{
	padding-left: 11rem;
}
.photomultiply{
	mix-blend-mode: multiply;
}

@media (max-width: 575.98px) {
	.card-body {
	    -ms-flex: 1 1 auto;
	    flex: 1 1 auto;
	    padding: 3rem 1rem;
	}
	.card01{
		background: url('../upload/img-board_01-2.jpg') center bottom no-repeat;
		min-height: 920px;
	}
	.card01_01 {
		float: right;
		padding-left: 507px;
		padding-right: 5px;
		color: #000;
		text-align: justify;
	}
	.card06_01 {
		float: left;
		padding-right: 820px;
		padding-left: 5px;
		color: #000;
		text-align: justify;
	}
	.cardtext02{
		font-size: 11px;
		letter-spacing: 1px;
		color:#221815;
	}
	.cardtext03{
		font-size: 13px;
		letter-spacing: 1px;
		color:#221815;
	}



	.card02{
		background: url('../upload/img-board_04-2.jpg')right bottom no-repeat;
		background-size: contain;
		min-height: 290px;
	}
	.card02_01{
		color: #000;
	}

	.card02_02{
		width: 145px;
	}


	.card03{
		background: url('../upload/img-board_03.jpg') left bottom no-repeat;
		min-height: 211px;
		background-size: cover;
		background-position: center;
	}
	.card04{
		background: url('../upload/img-board_08.jpg') right bottom no-repeat;
		background-size: contain;
		min-height: 211px;
	}
	.card05{
		background: url('../upload/img-board_05.jpg') left bottom no-repeat;
		min-height: 211px;
		background-size: cover;
		background-position: center;
	}
	.card06{
		background: url('../upload/img-board_06.jpg') right bottom no-repeat;
		min-height: 211px;
		background-size: cover;
		background-position: center;
	}
	.card07{
		background: url('../upload/img-board_07.jpg') right bottom no-repeat;
		background-size: cover;
    	background-position: center;
		min-height: 211px;
	}
	.card08{
		background: url('../upload/img-board_08.jpg') left bottom no-repeat;
		background-size: cover;
    	background-position: center;
		min-height: 211px;
	}		
	.card06_02{
		width: 250px;
		padding-right: 115px;
	}

	.board_04 img{
		width: 204px;
	}
	.board_03 img{
		width: 200px;
	}
	.board_08 img{
		width:  211px;
	}
	.board_05 img{
		width:  140px;
	}
	.board_06 img{
		width:  180px;
	}
	.board_07 img{
		width:  200px;
	}
	.board_08 img{
		width:  200px;
	}
}

/* Small devices (landscape phones, 576px and up) 手機橫的 */
@media (min-width: 576px) and (max-width: 767.98px){
	.card-body {
	    -ms-flex: 1 1 auto;
	    flex: 1 1 auto;
	    padding: 3rem 1rem;
	}
	.card01{
		background: url('../upload/img-board_01-2.jpg') center bottom no-repeat;
		background-size: cover;
		min-height: 880px;
	}
	.psh01{
		padding-left: 20rem;
	}

	.card01_01 {
		float: right;
		padding-left: 507px;
		padding-right: 5px;
		color: #000;
		text-align: justify;
	}
	.card06_01 {
		float: left;
		padding-right: 800px;
		padding-left: 5px;
		color: #000;
		text-align: justify;
	}
	.cardtext02{
		font-size: 11px;
		letter-spacing: 1px;
		color:#221815;
	}
	.cardtext03{
		font-size: 13px;
		letter-spacing: 1px;
		color:#221815;
	}


	.card02{
		background: url('../upload/img-board_04-2.jpg')right bottom no-repeat;
		background-size: contain;
		min-height: 290px;
	}
	.card02_01{
		color: #000;
	}

	.card02_02{
		width: 145px;
	}


	.card03{
		background: url('../upload/img-board_03.jpg') left bottom no-repeat;
		background-size: contain;
		min-height: 211px;
	}
	.card04{
		background: url('../upload/img-board_08.jpg') right bottom no-repeat;
		background-size: contain;
		min-height: 211px;
	}
	.card05{
		background: url('../upload/img-board_05.jpg') left bottom no-repeat;
		background-size: contain;
		min-height: 211px;
	}
	.card06{
		background: url('../upload/img-board_06.jpg') right bottom no-repeat;
		background-size: contain;
		min-height: 211px;
	}
	.card07{
		background: url('../upload/img-board_07.jpg') right bottom no-repeat;
		background-size: contain;
		min-height: 211px;
	}
	.card08{
		background: url('../upload/img-board_08.jpg') left bottom no-repeat;
		background-size: contain;
		min-height: 211px;
	}		
	.card06_02{
		width: 250px;
		padding-right:115px;
	}

	.board_04 img{
		width: 204px;
	}
	.board_03 img{
		width: 200px;
	}
	.board_08 img{
		width:  211px;
	}
	.board_05 img{
		width:  200px;
	}
	.board_06 img{
		width:  200px;
	}
	.board_07 img{
		width:  200px;
	}
	.board_08 img{
		width:  200px;
	}
}

/* // Medium devices (tablets, 768px and up) 平板直的 */
@media (min-width: 768px) and (max-width: 991.98px) {
	.card01{
		background: url('../upload/img-board_01-2.jpg') center 	bottom no-repeat;
		background-size: cover;
		min-height: 1130px;
	}

	.cardtext02{
		font-size: 27px;
		letter-spacing: 1px;
		color:#221815;
	}
	.cardtext03{
		font-size: 25px;
		letter-spacing: 1px;
		color:#221815;
		margin-top: 0rem
	}
	.psh01{
		padding-left: 23rem;
	}
	.psh02{
		padding:0rem 2rem !important;
	}

	.card02{
		background: url('../upload/img-board_04-2.jpg')right bottom no-repeat;
		background-size: contain;
		min-height: 520px;
	}

	.card03{
		background: url('../upload/img-board_03.jpg') left bottom no-repeat;
		background-size: contain;
		min-height: 451px;
	}
	.card04{
		background: url('../upload/img-board_08.jpg') right bottom no-repeat;
		background-size: contain;
		min-height: 451px;
	}
	.card05{
		background: url('../upload/img-board_05.jpg') left bottom no-repeat;
		background-size: contain;
		min-height: 451px;
	}
	.card06{
		background: url('../upload/img-board_06.jpg') right bottom no-repeat;
		background-size: contain;
		min-height: 451px;
	}
	.card07{
		background: url('../upload/img-board_07.jpg') right bottom no-repeat;
		background-size: contain;
		min-height: 451px;
	}
	.card08{
		background: url('../upload/img-board_08.jpg') left bottom no-repeat;
		background-size: contain;
		min-height: 451px;
	}		
	.card06_02{
		width: 360px;
    	padding-left: 93px;
	}



	.card02_02{
		width: 365px;
	}

	.board_04 img{
		width: 505px;
	}
	.board_03 img{
		width: 400px;
		padding: 2rem 0;
	}
	.board_08 img{
		width:  471px;
		padding-top: 2rem;
	}
	.board_05 img{
		width:  320px;
		padding: 1rem 0;
	}

	.board_06 img{
		width:  400px;
		padding: 0rem;
		margin-right: 7rem;
	}
	.board_07 img{
		width:  420px;
		padding: 1rem 0;
	}
	.board_08 img{
		width:  420px;
		padding: 2rem 0;
	}
}