/* Basic */
body {
    font-family: "PingFang TC", Arial, "微軟正黑體", "Microsoft JhengHei", "細明體", MingLiU, sans-serif;
	font-size: 16px;
	line-height: 1.5;
    color: #585858;
}

/* Area Style */
.mm {
	margin-top: 74px;
}

/* Content Style */
.name-c {
	color: navy;
}
.name-e {
	color: tomato;
}
.teacher-card-text {
	height: 70px !important;
}
.page-mainTitle {
	vertical-align: middle;
}
.page-mainTitle img {
	position: relative;
}
.page-mainTitleDescription {
	font-size: 24px;
	font-weight: bold;
	position: absolute;
	margin-top: 12px;
}
#teacherList .card-header:hover {
	background-color: royalblue;
	color: #ffffff;
	cursor: pointer;
}
#teacherList h2 {
	font-size: 19px;
	font-weight: bold;
}
#teacherList .card-body {
	font-size: 16px;
}
.cardTitle {
	height: 60px;
}
.card a {
	text-decoration: none;
}

.teachers-list a:hover, .tv-list a:hover {
	text-decoration: none !important;
}
.teacher-description {
	height: 40px;
}

/* Responsive Youtube Video */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.pageTitle {
	margin: 30px 0px;
	border-left: solid 5px #AB0002;
}
.pageTitleContent {
	padding-left: 15px;
	font-size: 24px;
	font-weight: bold;
}

/* Font Style */
.fs-11 {
	font-size: 11px;
}
.fs-13 {
	font-size: 13px;
}
.fs-15 {
	font-size: 15px;
}
.fs-17 {
	font-size: 17px;
}
.fs-19 {
	font-size: 19px;
}

/* Card Style */
.card .h5, h5 {
    font-size: 1.25rem !important;
	font-weight: 900 !important;
}
.card-text {
	font-size: 15px;
}

/* Teacher Cards Slider */
.teacher-cards h5 {
	font-size: 17px !important;
	text-align: center !important;
}
.teacher-cards a {
	color: inherit;
}
.teacher-cards a:hover {
	text-decoration: none !important;
}
.slick-slide {
    margin: 0px 5px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}



/* Footer Style */
footer {
	text-align: center;
}
footer a {
	color: lightslategray;
}


ul.marquee { 
	display: block; 
	line-height: 1; 
	position: relative; 
	overflow: hidden; 
	width: 400px; 
	height: 22px; 
} 
ul.marquee li { 
	position: absolute; 
	top: -999em; 
	left: 0; 
	display: block; 
	white-space: nowrap; 
	padding: 3px 5px; 
	text-indent:0.8em 
}