﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;500;900&display=swap');
@import "//fonts.googleapis.com/css?family=Macondo:400|Short+Stack:400|Open+Sans:700|Gentium+Book Basic:700|PT+Serif:400|Volkhov:700|Source+Sans Pro:300|Source+Sans Pro:400|Varela+Round:400";


/* CSS Document */
*{padding:0;margin:0; }
body{-webkit-overflow-scrolling: touch;background:url(../images/bg_01.png) top left no-repeat,url(../images/bg_02.png) no-repeat right  bottom  -8em  #091b44;}

/* 字框 */
.stroke {
	position: relative;
	color: #fff;
	z-index: 10;
}

.stroke:before {
	position: absolute;
	z-index: -1;
	-webkit-text-stroke: 5px #091b44;
	content: attr(data-stroke);
}

.sec1{padding-top:30px;padding-bottom:40px;color: #fff;}
.sec1 .col-xl{max-width: 750px;}
.sec1 span{color:#f2c86f; font-weight: 600;}
.student_img {background: url(../images/bg_student.png) no-repeat top center;background-size: 100% auto;text-align: center;padding-top: 55px;}
.owl-item .student_img{background-size: auto 70%, auto 70%;}
.student_img img{width:115px !important; margin: 0 auto;}
.student_item{padding: 15px;}
.student_item h3{font-size: 1.5em;color: #c3a158;margin-top:10px;font-weight: bold;text-shadow: 0 0 5px #000;}
.student_item h4{font-size: 1.1em;text-shadow: 0 0 5px #000;}
.student_txt{text-align: justify;margin-top: 15px;text-shadow: 0 0 1px #000;}


.sec2{padding-bottom: 40px; color: #fff;line-height: 1.6;font-size: 1.12em;}
.sec2 .container {max-width: 1440px;}
.sec2 h2{color: #e3cb7d;font-weight: bold;text-shadow: 0 0 5px #916125;}

.sec2 .d-flex img{width: 100%;}
.column{ text-shadow: 0 0 1px #000;}
.column2{margin-bottom: 30px;text-shadow: 0 0 1px #000;}
.column3{margin-bottom: 30px;text-shadow: 0 0 1px #000;text-align: start;}
.column3 li span{color:#091b44;background-color:#e3cb7d; font-weight: 800;}
.student img{margin-bottom: 5px;}



@media (min-width: 576px){ /*sm*/
	.column,.column2{ column-count: 2;column-rule: 1px dashed #c3a158;}
}
@media (min-width: 768px) {/*md*/
	.column{ column-count: 3;}
	.column3{column-count: 2; column-rule: 1px dashed #c3a158;font-size: 21px;column-gap: 15%;}
}

@media (min-width: 992px) { /*lg*/
	.column,.column2{ column-count: 4;}
	.sec2 h2{margin-bottom: 15px;font-size: 2.6em;}
}

@media (min-width: 1200px){ /*xl*/
	.student_item h3{font-size: 1.75em;}
	.student_last{margin-top: -40px;}
	.column{ margin-bottom: 50px;}
	.column,.column2{ column-count: 5;}
	.column3{column-count: 2;}
}

@media (min-width: 1600px){ /*xl*/
	h1{margin-bottom: 40px;}
}
@media (min-width: 1680px){ /*xl*/
}