@keyframes att{
    0%{opacity: 0; bottom: -10px;}
    100%{opacity: 1; bottom: 45px;} 
}

@media (min-width: 960px) {
	.media_wrap{width: 960px; margin: auto;border-bottom: 1px solid #ddd} 
	.media_title{font-size: 28px; font-weight: bold; display: block; margin: 30px auto 20px auto; text-align: center; color: #333; border-bottom: 3px solid #555; padding-bottom: 10px; width: 100%}
	.media_box{display: block;width: 100%; height: 0; padding-top: 56.5%; position: relative;}
	.media_box iframe{position: absolute; top:0; left: 0;}

	.m_sub_title{font-size: 24px; display: block; width: 100%; margin: auto; padding: 30px 0; border-bottom: 1px solid #ddd; color: #333; text-align: center;}
	.media_txt{width:100%; margin: auto; padding: 30px 0; font-size: 18px; color: #555; line-height: 32px;word-break:keep-all;}
	.media_txt br{content: ' '}
	.media_txt br:after{content: ' '}	

	.esports_info{text-align: center; margin-top: 20px}
	.esports_info dt{display: block; font-size: 18px; font-weight: bold; color: #41B8EA; height: 34px; line-height: 34px;}
	.esports_info dd{display: block; font-size: 16px; color: #777; margin-bottom: 20px}

	.esports_p{text-align: center; margin: 20px 0 80px 0;font-size: 20px; font-weight: bold; color: #41B8EA; height: 34px; line-height: 34px;}

	.esports_table{text-align: center; vertical-align: center; font-size: 16px; margin: 20px auto 80px auto; border: 3px solid #ddd; color: #555}
	.esports_table th{background-color: #333; color: #fff}
	.esports_table th, .esports_table td{border: 1px solid #ddd; padding: 10px 20px}
	.e_table_s{color: #41B8EA; font-weight: bold; font-size: 18px}
	.e_table_st{font-weight: bold; font-size: 18px}

	.top_img{display: block; margin: auto}
	.b_btn_l{display: block; width: 550px; height: 70px; line-height: 70px; text-align: center; background-color:#41B8EA; color: #fff; font-size: 32px; border-radius: 70px; margin: 30px auto}
	.b_btn_l:hover{background-color: #005D9E}
}

@media (max-width: 959px) {
	.media_title{font-size: 20px; font-weight: bold; display: block; margin: 30px auto 20px auto; text-align: 	center; color: #333; border-bottom: 3px solid #555; padding-bottom: 10px; width: 90%}
	.media_box{display: block;width: 100%; height: 0; padding-top: 56.5%; position: relative;}
	.media_box iframe{position: absolute; top:0; left: 0;}
	
	.m_sub_title{font-size: 18px; display: block; width: 90%; margin: auto; padding: 30px 0; border-bottom: 1px solid #ddd; color: #333}
	.media_txt{width:90%; margin: auto; padding: 30px 0; font-size: 14px; color: #555; line-height: 22px; }

	.esports_info{text-align: left; margin-top: 20px; padding: 0 20px}
	.esports_info dt{display: block; font-size: 16px; font-weight: bold; color: #41B8EA; height: 34px; line-height: 34px;}
	.esports_info dd{display: block; font-size: 14px; color: #777; margin-bottom: 20px}

	.esports_p{text-align: left; margin: 20px 0 80px 0;font-size: 16px; font-weight: bold; color: #41B8EA; height: 34px; line-height: 34px; padding: 0 20px}

	.esports_table{text-align: center; vertical-align: center; font-size: 14px; margin: 20px auto 80px auto; border: 1px solid #ddd; color: #555;letter-spacing: -1px; width: 90%}
	.esports_table th{background-color: #333; color: #fff}
	.esports_table th, .esports_table td{border: 1px solid #ddd; padding: 5px 0}
	.e_table_s{color: #41B8EA; font-weight: bold; font-size: 14px}
	.e_table_st{font-weight: bold; font-size: 14px}

	.top_img{display: block; margin: auto; width: 100%; max-width: 829px}

	.top_img{display: block; margin: auto}
	.b_btn_l{display: block; width: 90%; height: 50px; line-height: 50px; text-align: center; background-color:#41B8EA; color: #fff; font-size: 18px; border-radius: 50px; margin: 20px auto}
	.b_btn_l:hover{background-color: #005D9E}
}