#chat article { padding-top: 110px; width: 1300px; margin: 0 auto; }
#chat section { width: 100%; margin-top: 40px; }
#chat section > * { display: block; }



#chat section h2 { font-size: 38px; font-weight: 800; }
#chat section h3 { font-size: 17px; font-weight: 600; color: rgba(235,235,245,.6); margin-bottom: 30px; }

#chat .post { width: 100%; margin-top: 20px; display: flex; }
#chat .post form { width: 50%; }



#chat .post ol { display: flex; align-items: center; margin-left: 10px; }
#chat .post ol li { font-size: 30px; color: rgba(235,235,245,.18); margin-left: 15px; }
#chat .post ol li i { font-size: 30px; }
#chat .post ol li a { color: #fff; }

#chat section ul { margin-top: 20px; }

#chat section ul li { margin-bottom: 10px; display: flex; flex-wrap: wrap; }
#chat section ul li strong { font-size: 15px; margin-right: 20px; font-weight: 600; }
#chat section ul li a.profile { display: flex; align-items: center; }
#chat section ul li a.profile img { image-rendering: pixelated; }
#chat section ul li p { flex: 1; font-size: 22px; font-weight: 500; }
#chat section ul li a.delete i { color: rgba(235,235,245,.6); font-size: 20px !important; }
#chat section ul li p a { display: inline-block; color: #0A84FF;  }

#chat section ul li span { width: 42px; font-size: 15px; margin-right: 20px; align-self: center; color: rgba(235,245,245,.3); font-weight: 600; }



#chat.match_live #match_live_left form { width: 70%; }
#chat.match_live #match_live_left ul li { align-items: center;  }
#chat.match_live #match_live_left ul li.chat_event { padding: 10px 0; }

#chat.match_live #match_live_left ul li.chat_event p { font-weight: 700; font-size: 24px; }
#chat.match_live #match_live_left ul li i { font-size: 32px; margin: 3px 8px 0 -4px; }
#chat.match_live #match_live_left ul li i.card { display: flex; background-color: #FFD60A; width: 20px; height: 26px; border-radius: 2px; margin: 0 10px 0 0; transform-origin: bottom center;  animation: liveCard 1s ease infinite; }
#chat.match_live #match_live_left ul li.red i.card { background-color: #FF453A; }
#chat.match_live #match_live_left ul li.etc i { color: #64D2FF;  animation: liveInfo 1s ease infinite; }
#chat.match_live #match_live_left ul li.chg i { color: #32D74B;  animation: liveChange 1s ease infinite;}
#chat.match_live #match_live_left ul li.gol i { font-size: 42px; animation: liveSoccerBall 1s ease infinite; margin: 4px 8px 0 -10px; }
#chat.match_live #match_live_left ul li.gol p { font-size: 28px; font-weight: 800; animation: liveSoccerName 1s ease infinite;}

@-webkit-keyframes liveSoccerBall { 
	0% { transform: rotate(0deg) scale(.5) translate(5%,5%); opacity: 0; }
	100%{ transform: rotate(1800deg) scale(1) translate(0,0); opacity: 1; }
}

@-webkit-keyframes liveChange { 
	0% { transform: rotateY(0deg); }
	100%{ transform: rotateY(360deg); }
}

@-webkit-keyframes liveInfo { 
	0% { transform: scale(1); }
	50%{ transform: scale(1.1); }
	100%{ transform: scale(1); }
}

@-webkit-keyframes liveCard { 
	0% { transform: scaleY(0); opacity: 0; }
	50%{ transform: scaleY(1); opacity: 1; }
}


@-webkit-keyframes liveSoccerName { 
	0% { text-shadow: 0 0 10px rgba(255,255,255,.5); }
	50%{ text-shadow: 0 0 0 rgba(255,255,255,.5); }
	100%{ text-shadow: 0 0 15px rgba(255,255,255,.5); }
}

#chat.match_live article { display: flex; flex-wrap: wrap; justify-content: center;	 }
#chat.match_live #match_live_left { flex-basis: 65%; width: 65%; }
#chat.match_live #match_live_right { flex-basis: 30%; width: 30%; margin-left: 5%; margin-top: 50px; padding: 20px; }

#chat.match_live #match_live_right > div { background-color: #1C1C1E; padding: 20px; margin-bottom: 10px; }
#chat.match_live #match_live_right > div.event { padding: 20px 20px 15px 20px; }
#chat.match_live #match_live_right .lineup_post, #chat.match_live #match_live_right .event_post { padding: 0; background-color: transparent; }

#chat.match_live #match_live_right .lineup p { font-size: 13px; }
#chat.match_live #match_live_right .lineup p br { content: ""; margin: 10px; display: block; font-size: 0; }
#chat.match_live #match_live_right .lineup p b { font-weight: 700; }
#chat.match_live #match_live_right .event ol { display: flex; flex-wrap: wrap; }
#chat.match_live #match_live_right .event ol li { margin: 0 10px 5px 0; font-weight: 600; }
#chat.match_live #match_live_right .event ol li a { display: flex; align-items: center; }
#chat.match_live #match_live_right .event ol li i { font-size: 15px; margin: 0 2px 0 0; }
#chat.match_live #match_live_right .event ol li i.card { background-color: #FFD60A; width: 9px; height: 12px; border-radius: 2px; margin: 0 3px; }
#chat.match_live #match_live_right .event ol li.red i.card { background-color: #FF453A; }
#chat.match_live #match_live_right .event ol li.etc i { color: #64D2FF; }
#chat.match_live #match_live_right .event ol li.gol { background-color: #fff; padding: 0 6px 0 4px; border-radius: 100px; }
#chat.match_live #match_live_right .event ol li.gol a { color: #000; }
#chat.match_live #match_live_right .event ol li.chg i { color: #32D74B; }

#chat.match_live #match_live_right form { display: flex; justify-content: space-between }
#chat.match_live #match_live_right input { font-size: 13px; height: 30px; padding: 0 10px;}

#chat.match_live #match_live_right textarea {
	width: 79%;
	height: 70px;
	padding: 10px;
	font-size: 13px;
}


#chat.match_live #match_live_right select { width: 20%; font-size: 13px; height: 30px; padding: 0 10px; }

#chat.match_live #match_live_right input[type="text"] { width: 58%; }
#chat.match_live #match_live_right input[type="submit"] { width: 20%; }
#chat.match_live #match_live_right .lineup_post input[type="submit"] { height: 70px; }