/* Staff Bio */
#bio-contents { 
padding: 150px 0 70px 0;
font-size: 16px;
line-height: 24px;
}

#class-taught ul, #research-interests ul {
	padding:0;
	margin:0;
	line-height: 21px;
	list-style-type: none;
}

.main-title {
	text-transform: uppercase;
	color:#0173ba;
	font-size:25px;
	font-weight:700;
	margin: 30px 0 50px 0;
}

#profile-pic{
	
}

#member-video {
    border: 4px solid #0173ba;
    border-radius: 1px;
    width: 100%;
    height: 260px;
	margin-top: 25px;
}

.name{
	text-transform: uppercase;
	color:#0173ba;
	font-size:22px;
	font-weight:600;
    font-family: 'Montserrat', 'Noto Sans TC', 'Century Gothic', sans-serif;
}

.job-position{
	font-weight: 700;
	margin-bottom: 20px;	
}

.web ul {
	list-style-type: none;
	-webkit-padding-start: 0px;
}

#personal-details {
	margin-bottom: 20px;
}

.initial-t, .initial-e {
	margin-right: 13px;	
}

.initial-w {
	margin-right: 9px;	
}

.content{
	padding-top: 20px;
	padding-bottom: 20px;
}

.title02{
	font-size:16px;
}

.publications ul {
	-webkit-padding-start: 0px;
	margin-bottom: 25px;
	list-style-type: none;
}

.pro-services ul {
	margin-top: 20px;
	-webkit-padding-start: 0px;
	margin-bottom: 25px;
	list-style-type: none;
}

.publications .content {
	padding-bottom: 0;
}

.publications ul:last-child {
	margin-bottom: 0px;
}

.publications li{
	margin-bottom:15px;
	line-height: 20px;
}

.pro-services li{
	margin-bottom:15px;
	line-height: 20px;
}

.year{
	font-family: 'Montserrat', 'Century Gothic', sans-serif;
	font-weight:600;
	font-size: 18px;
	margin-bottom: 20px;
	color: #333;
}


/* =========================================================== */
/* =========================================================== */
/* Responsive */
/* =========================================================== */
/* lg */ 
@media (min-width: 1200px) {
  

}

/* md */


@media (max-width: 1199px) {
	#member-video {
	margin-top: 15px;
	margin-bottom: 30px;
	height: 410px;
	}
}


/* sm */
@media (max-width: 991px) {
	#top-image .container {
		padding: 0;
		margin: 0;
		width: 100%;
	}  
	

}

/* xs */
@media (max-width: 767px) {  
#bio-contents { 
padding:50px 0 70px 0;
    font-size: 14px;
    line-height: 18px;
}

.name {
    font-size: 18px;
   line-height: 20px;
}

.title01, .title02, .title-dept {
    padding-top: 15px;
}

.year {
    font-size: 15px;
}

#member-video {
	height: 320px;
	}

#class-taught ul, #research-interests ul {
    line-height: 18px;
}
	
}

/* XS Portrait */
@media (max-width: 480px) {
	#bio_contents { 
	padding-top: 40px;
	font-size: 14px;
    line-height: 21px;
	}
	
 	#member-video {
	height: 200px;
	}
}