@charset "utf-8";
/*-------------------------------------------------------------------------------------------

	#Reset

-------------------------------- */
*,
*::before,
*::after{
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
			box-sizing:border-box
}

html, body, div, ul, ol, li, 
form, input, button,textarea, blockquote,p{
	margin:0;
	padding:0;
}

ol, ul, li{list-style:none;}

h6, h5, h4, h3, h2, h1{
	margin-top:0;
	margin-bottom:var(--space-xs);
	font-weight:500;
	line-height:1.2;
}

p{
	margin-top:0;
	margin-bottom:var(--space-xs);
}

a{
    text-decoration:none;
}
a:hover{
	outline:none;
}


button{
	border-radius:0;
}

button:focus:not(:focus-visible){
	outline:0;
}

input, button, select, optgroup, textarea{
	margin:0;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;

	outline:none;
}

button, select{
	text-transform:none;
}

[role=button]{
	cursor:pointer;
}

select{
	word-wrap:normal;
}
select:disabled{
	opacity:1;
}

[list]::-webkit-calendar-picker-indicator{
	display:none;
}

button,
[type=button],
[type=reset],
[type=submit]{
	-webkit-appearance:button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled){
	cursor:pointer;
}

::-moz-focus-inner{
	padding:0;
	border-style:none;
}

textarea{
	resize:vertical;
}

fieldset{
	min-width:0;
	padding:0;
	margin:0;
	border:0;
}

legend{
	float:left;
	width:100%;
	font-size:var(--font-md);
	line-height:inherit;
	padding:0;
	margin-bottom:var(--space-xs);
}
@media (min-width:1200px){
	legend{
		font-size:var(--font-lg);
	}
}
legend + *{
	clear:left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field{
	padding:0;
}

::-webkit-inner-spin-button{
	height:auto;
}

[type=search]{
  outline-offset:-2px;
  -webkit-appearance:textfield;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"]{
	direction:ltr;
}
*/
::-webkit-search-decoration{
	-webkit-appearance:none;
}

::-webkit-color-swatch-wrapper{
	padding:0;
}

::file-selector-button{
	font:inherit;
}

::-webkit-file-upload-button{
	font:inherit;
	-webkit-appearance:button;
}

iframe{
	border:0;
}


/* HTML5 display-role reset for older browsers */
article, aside, details,
figcaption, figure,
footer,
header,
hgroup,
menu, nav,
section,
main{ 
	display:block;
}





/*-------------------------------------------------------------------------------------------

	#base

-------------------------------- */

/* 修正粗體 (碧筵綰在粗體時會隔很遠) */
@font-face{
    font-family:'微軟正黑體修正';
    unicode-range:U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style:normal;
    font-weight:bold;
    src:local(Yu Gothic), local(MS Gothic);
}
/* 一般粗細的時候改回微軟正黑 */
@font-face{
    font-family:'微軟正黑體修正';
    unicode-range:U+7db0, U+78A7, U+7B75; /* ASCII (碧筵綰) */
    font-style:normal;
    font-weight:normal;
    src:local(微軟正黑體);
}

body{
	background:#fff;
	font-family:"Microsoft JhengHei","微軟正黑體修正","微軟正黑體",sans-serif;
	color:#333;
	font-size:16px;
	line-height: var(--line-height-body);
}

/*.wrapper{
	overflow: hidden;
}*/







/*-------------------------------------------------------------------------------------------

	#grid system

-------------------------------- */
.container,
.container-fluid{
	width:100%;
	padding:0 10px;
	margin:0 auto;
}

@media (min-width:576px){
	.container,
	.container-fluid{
		padding:0 15px;
	}
}
@media (min-width:768px){
}
@media (min-width:992px){
}
@media (min-width:1200px){
    .container{ width:90%; }
}
@media (min-width:1400px){
    .container{ /*max-width:1000px;*/ width:80%; }
}
@media (min-width:1920px){
    .container{ /*max-width:1200px;*/ width:80%; }
}



/* ===== grid 有邊距*/
.row,
.subrow{
	display:flex; flex-wrap:wrap;

	margin-top:-20px;
	margin-right:-5px;
	margin-left:-5px;
}
.row > *,
.subrow > *{
	flex-shrink:0;
	width:100%; max-width:100%;
	
	margin-top:20px;
	padding-right:5px;
	padding-left:5px;
}
@media (min-width:1200px){
	.row{
		margin-top:-40px;
		margin-right:-15px;
		margin-left:-15px;
	}
	.row > *{
		margin-top:40px;
		padding-right:15px;
		padding-left:15px;
	}
	
	
	.subrow{
		margin-top:-20px;
		margin-right:-10px;
		margin-left:-10px;
	}
	.subrow > *{
		margin-top:20px;
		padding-right:10px;
		padding-left:10px;
	}
}

.row-cols-1 > *{ flex:0 0 auto; width:100%; }
.row-cols-2 > *{ flex:0 0 auto; width:50%; }
.row-cols-3 > *{ flex:0 0 auto; width:33.3333333333%; }
.row-cols-4 > *{ flex:0 0 auto; width:25%; }
.row-cols-5 > *{ flex:0 0 auto; width:20%; }
.row-cols-6 > *{ flex:0 0 auto; width:16.6666666667%; }


.align-items-start { align-items: flex-start; }
.align-items-center { align-items: center; }
.align-items-end { align-items: flex-end; }
.align-items-stretch { align-items:stretch; }

.justify-content-start { justify-content: flex-start; }
.justify-content-end { justify-content: flex-end; }
.justify-content-center { justify-content: center; }


.col {
	flex: 1 0 0%;
}
.col-full {
	flex:1 1 auto;
    width:1%; min-width:0;
}

.col-auto { flex: 0 0 auto; width: auto; }
.col-1 { flex: 0 0 auto; width: 8.33333333%; }
.col-2 {flex: 0 0 auto; width: 16.66666667%; }
.col-3 {flex: 0 0 auto; width: 25%; }
.col-4 {flex: 0 0 auto; width: 33.33333333%; }
.col-5 {flex: 0 0 auto; width: 41.66666667%; }
.col-6 {flex: 0 0 auto; width: 50%; }
.col-7 { flex: 0 0 auto; width: 58.33333333%; }
.col-8 { flex: 0 0 auto; width: 66.66666667%; }
.col-9 { flex: 0 0 auto; width: 75%; }
.col-10 { flex: 0 0 auto; width: 83.33333333%; }
.col-11 { flex: 0 0 auto; width: 91.66666667%; }
.col-12 { flex: 0 0 auto; width: 100%; }


.card-hide{ display:none; }
.card-show{ display:block; }

@media (min-width:576px){

    .row-cols-sm-1 > *{ width:100%; }
    .row-cols-sm-2 > *{ width:50%; }
    .row-cols-sm-3 > *{ width:33.3333333333%; }
    .row-cols-sm-4 > *{ width:25%; }
    .row-cols-sm-5 > *{ width:20%; }
    .row-cols-sm-6 > *{ width:16.6666666667%; } 


	.align-items-sm-start { align-items: flex-start; }
	.align-items-sm-center { align-items: center; }
	.align-items-sm-end { align-items: flex-end; }
	
	.justify-content-sm-start { justify-content: flex-start; }
	.justify-content-sm-center { justify-content: center; }
	.justify-content-sm-end { justify-content: flex-end; }
	
	
	.col-sm-auto { flex: 0 0 auto; width: auto; }
	.col-sm-1 { flex: 0 0 auto; width: 8.33333333%; }
	.col-sm-2 { flex: 0 0 auto; width: 16.66666667%; }
	.col-sm-3 { flex: 0 0 auto; width: 25%; }
	.col-sm-4 { flex: 0 0 auto; width: 33.33333333%; }
	.col-sm-5 { flex: 0 0 auto; width: 41.66666667%; }
	.col-sm-6 { flex: 0 0 auto; width: 50%; }
	.col-sm-7 { flex: 0 0 auto; width: 58.33333333%; }
	.col-sm-8 { flex: 0 0 auto; width: 66.66666667%; }
	.col-sm-9 { flex: 0 0 auto; width: 75%; }
	.col-sm-10 { flex: 0 0 auto; width: 83.33333333%; }
	.col-sm-11 { flex: 0 0 auto; width: 91.66666667%; }
	.col-sm-12 { flex: 0 0 auto; width: 100%; }
	
	
	.card-sm-hide{ display:none; }
	.card-sm-show{ display:block; }
}
@media (min-width:768px){

    .row-cols-md-1 > *{ width:100%; }
    .row-cols-md-2 > *{ width:50%; }
    .row-cols-md-3 > *{ width:33.3333333333%; }
    .row-cols-md-4 > *{ width:25%; }
    .row-cols-md-5 > *{ width:20%; }
    .row-cols-md-6 > *{ width:16.6666666667%; } 


	.align-items-md-start { align-items: flex-start; }
	.align-items-md-center { align-items: center; }
	.align-items-md-end { align-items: flex-end; }
  
	.justify-content-md-start { justify-content: flex-start; }
	.justify-content-md-center { justify-content: center; }
	.justify-content-md-end { justify-content: flex-end; }
	
	
	.col-md-auto { flex: 0 0 auto; width: auto; }
	.col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
	.col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
	.col-md-3 { flex: 0 0 auto; width: 25%; }
	.col-md-4 { flex: 0 0 auto; width: 33.33333333%; }
	.col-md-5 { flex: 0 0 auto; width: 41.66666667%; }
	.col-md-6 { flex: 0 0 auto; width: 50%; }
	.col-md-7 { flex: 0 0 auto; width: 58.33333333%; }
	.col-md-8 { flex: 0 0 auto; width: 66.66666667%; }
	.col-md-9 { flex: 0 0 auto; width: 75%; }
	.col-md-10 { flex: 0 0 auto; width: 83.33333333%; }
	.col-md-11 { flex: 0 0 auto; width: 91.66666667%; }
	.col-md-12 { flex: 0 0 auto; width: 100%; } 
	
	
	.card-md-hide{ display:none; }
	.card-md-show{ display:block; }
}
@media (min-width:992px){

    .row-cols-lg-1 > *{ width:100%; }
    .row-cols-lg-2 > *{ width:50%; }
    .row-cols-lg-3 > *{ width:33.3333333333%; }
    .row-cols-lg-4 > *{ width:25%; }
    .row-cols-lg-5 > *{ width:20%; }
    .row-cols-lg-6 > *{ width:16.6666666667%; } 


	.align-items-lg-start { align-items: flex-start; }
	.align-items-lg-center { align-items: center; }
	.align-items-lg-end { align-items: flex-end; }
  
	.justify-content-lg-start { justify-content: flex-start; }
	.justify-content-lg-center { justify-content: center; }
	.justify-content-lg-end { justify-content: flex-end; }
	
	
	.col-lg-auto { flex: 0 0 auto; width: auto; }
	.col-lg-1 { flex: 0 0 auto; width: 8.33333333%; }
	.col-lg-2 { flex: 0 0 auto; width: 16.66666667%; }
	.col-lg-3 { flex: 0 0 auto; width: 25%; }
	.col-lg-4 { flex: 0 0 auto; width: 33.33333333%; }
	.col-lg-5 { flex: 0 0 auto; width: 41.66666667%; }
	.col-lg-6 { flex: 0 0 auto; width: 50%; }
	.col-lg-7 { flex: 0 0 auto; width: 58.33333333%; }
	.col-lg-8 { flex: 0 0 auto; width: 66.66666667%; }
	.col-lg-9 { flex: 0 0 auto; width: 75%; }
	.col-lg-10 { flex: 0 0 auto; width: 83.33333333%; }
	.col-lg-11 { flex: 0 0 auto; width: 91.66666667%; }
	.col-lg-12 { flex: 0 0 auto; width: 100%; } 
	
	
	.card-lg-hide{ display:none; }
	.card-lg-show{ display:block; }
}
@media (min-width:1200px){

    .row-cols-xl-1 > *{ width:100%; }
    .row-cols-xl-2 > *{ width:50%; }
    .row-cols-xl-3 > *{ width:33.3333333333%; }
    .row-cols-xl-4 > *{ width:25%; }
    .row-cols-xl-5 > *{ width:20%; }
    .row-cols-xl-6 > *{ width:16.6666666667%; } 


	.align-items-xl-start { align-items: flex-start; }
	.align-items-xl-end { align-items: flex-end; }
	.align-items-xl-center { align-items: center; }
  
	.justify-content-xl-start { justify-content: flex-start; }
	.justify-content-xl-end { justify-content: flex-end; }
	.justify-content-xl-center { justify-content: center; }
	
	
	.col-xl-auto { flex: 0 0 auto; width: auto; }
	.col-xl-1 { flex: 0 0 auto; width: 8.33333333%; }
	.col-xl-2 { flex: 0 0 auto; width: 16.66666667%; }
	.col-xl-3 { flex: 0 0 auto; width: 25%; }
	.col-xl-4 { flex: 0 0 auto; width: 33.33333333%; }
	.col-xl-5 { flex: 0 0 auto; width: 41.66666667%; }
	.col-xl-6 { flex: 0 0 auto; width: 50%; }
	.col-xl-7 { flex: 0 0 auto; width: 58.33333333%; }
	.col-xl-8 { flex: 0 0 auto; width: 66.66666667%; }
	.col-xl-9 { flex: 0 0 auto; width: 75%; }
	.col-xl-10 { flex: 0 0 auto; width: 83.33333333%; }
	.col-xl-11 { flex: 0 0 auto; width: 91.66666667%; }
	.col-xl-12 { flex: 0 0 auto; width: 100%; }
	
	
	.card-xl-hide{ display:none; }
	.card-xl-show{ display:block; }
	
}
@media (min-width:1600px){
 
    .row-cols-xxl-1 > *{ width:100%; }
    .row-cols-xxl-2 > *{ width:50%; }
    .row-cols-xxl-3 > *{ width:33.3333333333%; }
    .row-cols-xxl-4 > *{ width:25%; }
    .row-cols-xxl-5 > *{ width:20%; }
    .row-cols-xxl-6 > *{ width:16.6666666667%; } 


	.align-items-xxl-start { align-items: flex-start; }
	.align-items-xxl-center { align-items: center; }
	.align-items-xxl-end { align-items: flex-end; }
  
	.justify-content-xxl-start { justify-content: flex-start; }
	.justify-content-xxl-center { justify-content: center; }
	.justify-content-xxl-end { justify-content: flex-end; }
	
	
	.col-xxl-auto { flex: 0 0 auto; width: auto; }
	.col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; }
	.col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; }
	.col-xxl-3 { flex: 0 0 auto; width: 25%; }
	.col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; }
	.col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; }
	.col-xxl-6 { flex: 0 0 auto; width: 50%; }
	.col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; }
	.col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; }
	.col-xxl-9 { flex: 0 0 auto; width: 75%; }
	.col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; }
	.col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; }
	.col-xxl-12 { flex: 0 0 auto; width: 100%; }
	
	
	.card-xxl-hide{ display:none; }
	.card-xxl-show{ display:block; }
	
}






.logo{
	width:500px;
	margin:2rem auto 0 auto;
}
.building{
	width:500px;
	margin:0 auto;
}
.logo img,
.building img{
	display:block; max-width:100%; height:auto; 
}




.unitinfo-wrap{
	max-width:1200px;
	margin:1rem auto;
}


.card_unit{
	height:100%;
	border:1px solid #8AAD9F;
	border-radius:10px;
	overflow:hidden;
}
.card_unit .card-name{
	background:#F0FCF7;
	color:#0EA068;
	font-size:1.75rem; font-weight:600;
	padding:1rem 2rem;
}
.card_unit .card-inner{
	padding:1rem 2rem;
}
.card_unit ol > li {
	font-size:1.25rem;
    list-style: decimal;
    margin: 5px 0 5px 30px;
}

.card_unit .card-info{
	font-size:1.25rem;
}
.card_unit .card-info a{
	color:#333;
}
.card_unit .card-info a:hover{
	color:red;
}

.card_unit .card-slogan{
	color:#F7841C;
	font-size:2.06rem; font-weight:600;
	font-style:italic;
	margin-top:2.5rem;
}




.sec_alums{
	max-width:1200px;
	border:1px solid #8AAD9F;
	border-radius:10px;
	overflow:hidden;
	margin:2rem auto 6rem auto;
}
.sec_alums .heading_sec{
	background:#F0FCF7;
	margin-bottom:1.25rem;
	padding:1rem 2rem;
}
.sec_alums .heading_sec .heading-text{
	color:#0EA068;
	font-size:1.75rem; font-weight:600;
	margin-bottom:0.75rem;
}

.sec_alums .sec-inner{
	padding:1rem 2rem;
}



.card_activity .card-name{
	color:#000;
	font-size:1.25rem; font-weight:600;
	margin-bottom:1.25rem;
}
.card_activity .card-photo{
	margin-bottom:1rem;
	max-width:400px;
	/*margin:0 auto 1rem auto;*/
}
.card_activity .card-photo img{
	display:block; max-width:100%; height:auto; 
}