@charset "UTF-8";
/*===========================================
Invited Speakers
===========================================*/
#content-container{
	background-color:#fafafa;
}
/*-------------------------------------------
Speakers
-------------------------------------------*/
.speakers{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
}
	.speaker__item{
		-webkit-flex:0 0 33.33333%; /* Safari 6.1+ */
		-ms-flex:0 0 33.33333%; /* IE 10 */ 
		flex:0 0 33.33333%;
		padding:0 10px 20px;
		line-height:1.4;
		text-align:center;
	}
		.speaker__wrap{
			position:relative;
			background-color:#fff;
			padding:30px 24px;
			box-shadow:0 5px 20px rgba(0,0,0,.03);
		}
				.speaker__photo{
					margin:0 auto 15px;
					width:150px;
					height:150px;
					background-image:url(../images/speaker-default.jpg);
					background-position:50% 50%;
					background-repeat:no-repeat;
					background-size:cover;
					border-radius:50%;
					overflow:hidden;
				}
				.speaker__name{
					line-height:1.3;
				}
					.speaker__name .en{
						font-size:1.125rem;
						color:#333;
					}
					.speaker__name .tw{
						font-size:.875rem;
						color:#666;
					}
				.speaker__title{
					font-size:.875rem;
					color:#999;
					margin-top:5px;
				}
				input.speaker__cv{
					margin:15px auto 0;
					padding:8px 25px;
				}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	.speaker__item{
		-webkit-flex:0 0 50%; /* Safari 6.1+ */
		-ms-flex:0 0 50%; /* IE 10 */ 
		flex:0 0 50%;
	}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.speaker__item{
		-webkit-flex:0 0 100%; /* Safari 6.1+ */
		-ms-flex:0 0 100%; /* IE 10 */ 
		flex:0 0 100%;
		padding:0 0 15px;
		text-align:left;
	}
		.speaker__wrap{
			padding:15px;
		}
			.speaker__wrap::after{
				content:"";
				display:block;
				clear:both;
			}
			.speaker__photo{
				margin:0 20px 0 0;
				float:left;
				width:100px;
				height:100px;
			}
			.speaker__name{
				padding-top:15px;
			}
}
@media screen and (max-width:375px){/* i6,i7,i8,iX */
	.speaker__name .en{
		font-size:1rem;
	}
	.speaker__name .tw,
	.speaker__title{
		font-size:.75rem;
	}
}
@media screen and (max-width:360px){/* Xiaomi 2S */
	.speaker__photo{
		width:80px;
		height:80px;
	}
		.speaker__name{
			padding-top:5px;
		}
}