/* cyrillic-ext */
@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
	unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
	unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
	unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face
{
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face
{
	font-family: "Flama-Basic";
	src: url("../fonts/Flama-Basic.ttf");
}
@font-face
{
	font-family: "Flama-Bold";
	src: url("../fonts/Flama-Bold.otf");
}
@font-face
{
	font-family: "Flama-Medium";
	src: url("../fonts/Flama-Medium.ttf");
}
@font-face
{
	font-family: "Roboto-Bold";
	src: url("../fonts/Roboto-Bold.ttf");
}
@font-face
{
	font-family: "Roboto-Regular";
	src: url("../fonts/Roboto-Regular.ttf");
}
@font-face
{
	font-family: "Roboto-Medium";
	src: url("../fonts/Roboto-Medium.ttf");
}
@font-face
{
	font-family: "Roboto-Light";
	src: url("../fonts/Roboto-Light.ttf");
}
@font-face
{
	font-family: "Roboto-Thin";
	src: url("../fonts/Roboto-Thin.ttf");
}
body
{
	margin: 0;
	background-color: #F0F0F0;
	font-family: 'Open Sans', sans-serif;
	-webkit-overflow-scrolling: touch;
}
.container .schedule-container
{
	width: 320px;
	float: left;
	border: 2px solid #eeeeee;
	border-top: none;
	box-shadow: 0px 1px 1px 2px #C3C4C6;
}
.container .schedule-titles
{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #C3C4C6;
	background-color: #FFFFFF;
}
.container .schedule-titles .schedule-titles-left,
.container .schedule-titles .schedule-titles-right
{
	width: 50%;
	float: left;
	text-align: center;
}
.container .schedule-titles .schedule-titles-left span,
.container .schedule-titles .schedule-titles-right span
{
	display: inline-block;
	text-align: center;
	line-height: 47px;
	padding: 0 20px;
	cursor: pointer;
}
.container .schedule-titles .schedule-titles-left span.selected,
.container .schedule-titles .schedule-titles-right span.selected
{
	border-bottom: 3px solid #0E7FF9;
	font-weight: bold;
}
.container .schedule-calendar
{
	height: 50px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #C3C4C6;
}
.container .schedule-calendar.game-calendar
{
	display: none;
}
.container .schedule-list
{
	background-color: #F0F0F0;
	overflow: hidden;
}
.container .schedule-list .schedule-item
{
	min-height: 130px;
	margin-top: 15px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #C3C4C6;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.container .schedule-list .schedule-item.selected:before
{
	content: "";
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: 0;
	background-color: #0E7FF9;
}
.container .schedule-list .schedule-item .team-logo
{
	height: 72px;
	width: 72px;
	background-repeat: no-repeat;
	background-position: top;
}
.container .schedule-list .schedule-item .game-info
{
	width: 50%;
	float: left;
	text-align: center;
	font-size: 12px;
}
.container .schedule-list .schedule-item .game-info .team-league
{
	padding-top: 10px;
}
.container .schedule-list .schedule-item .game-info .team-time
{
	font-size: 24px;
}
.container .schedule-list .schedule-item .game-info .team-time span
{
	font-size: 12px;
}
.container .schedule-list .schedule-item .game-info .team-date
{
	font-weight: bold;
}
.container .schedule-list .schedule-item .game-info .team-result
{
	font-weight: bold;
	color: #586066;
	min-height: 14px;
}
.container .schedule-list .schedule-item .game-info .team-result.blocked
{
	display: none;
	bottom: 25px;
}
.container .schedule-list .schedule-item .game-info .team-score
{
	display: inline-block;
	font-size: 30px;
}
.container .schedule-list .schedule-item .game-info .game-situation
{
	display: inline-block;
	padding: 10px 0;
	color: #ff0000;
	width: 49%;
	vertical-align: middle;
	box-sizing: border-box !important;
	font-size: 12px;
}
.container .schedule-list .schedule-item .game-info .game-situation .game-length,
.container .schedule-list .schedule-item .game-info .game-situation .team-phase
{
	font-weight: bold;
}
.container .game-info .game-upcoming,
.container .game-info .game-playing,
.container .game-info .game-archive
{
	display: none;
}
.container .schedule-list .schedule-item.game-status-upcoming .game-info .game-upcoming,
.container .schedule-list .schedule-item.game-status-playing .game-info .game-playing
{
	display: block;
	padding-top: 30px;
}
.container .schedule-list .schedule-item .team-info
{
	float: left;
	width: 25%;
	font-size: 12px;
	text-align: center;
}
.container .schedule-list .schedule-item.game-status-playing .team-info,
.container .schedule-list .schedule-item.game-status-upcoming .team-info
{
	width: 29%;
}
.container .schedule-list .schedule-item.game-status-playing .game-info,
.container .schedule-list .schedule-item.game-status-upcoming .game-info
{
	width: 42%;
}
.container .schedule-list .schedule-item .team-name
{
	font-weight: bold;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 5px;
}
.schedule-list .process-bar
{
	position: absolute;
	height: 4px;
	background-color: #c0d5e9;
	display: none;
	bottom: 0;
	width: 100%;
}
.schedule-list .process-bar .bar
{
	background-color: #dd1d4b;
	height: 100%;
}
.container .main-container
{
	overflow: hidden;
}
.hidden
{
	display: none;
}
.container
{
	width: 100%;
	margin: 0 auto;
}
.container .container-left
{
	width: 320px;
	float: left;
}
.container .container-right
{
	width: calc(100% - 320px);
	max-width: 992px;
	float: left;
}
.score-on .score-back
{
	width: 34px;
	height: 14px;
	background-color: #76b1d6;
	border-radius: 10px;
	position: relative;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}
.score-on.on .score-back
{
	background-color: #939393;
}
.score-on .score-back .score-button
{
	width: 20px;
	height: 20px;
	background-color: #0073bf;
	border-radius: 10px;
	position: absolute;
	top: -3px;
	right: 0;
	box-shadow: 1px 1px 10px #000000;
}
.score-on.on .score-back .score-button
{
	background-color: #FFFFFF;
	right: auto;
}
.score-on .desc
{
	font-size: 14px;
	color: #FFFFFF;
	display: inline-block;
	padding-right: 14px;
	text-transform: uppercase;
	vertical-align: middle;
	font-family: "Flama-Basic", "sans-serif";
}
.game-container .score-on .desc
{
	color: #000000;
}
body.score-off .schedule-list .game-playing.hide-game-playing,
body.score-off #gameHeaders .game-score.hide-game-score
{
	color: #ff0000;
	font-size: 24px;
}
body.score-off .schedule-list .schedule-item .game-info .team-result.playoff,
body.score-off .game-info .game-result.playoff
{
	display: none!important;
}
#components .score-off-info
{
	width: 80%;
	margin: 30px auto 0;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
#components .score-off-info span
{
	display: block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: normal;
}
#components .score-off-info a
{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	margin: 20px auto;
	padding: 0 15px;
	list-style: none;
	border-radius: 6px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	color: #ffffff;
	background: #1d428a;
}
@media (max-width: 480px)
{
	.score-on .desc
	{
		font-size: 12px;
		padding-right: 2px;
		font-weight: normal;
	}
	.score-on.on .desc
	{
		padding-right: 3px;
	}
	.no-access-info .score-on .desc
	{
		padding-right: 6px;
	}
	.no-access-info .score-on.on .desc
	{
		padding-right: 6px;
	}
	.score-on .score-back
	{
		width: 26px;
		height: 10px;
		margin-top: 0;
	}
	.score-on .score-back .score-button
	{
		width: 16px;
		height: 16px;
	}
}
@media (min-width: 768px)
{	body.score-off #gameHeaders .game-score.hide-game-score
	{
		line-height: 60px;
	}
}
body.score-off .container .schedule-list .game-playing.hide-game-playing
{
	padding-top: 40px !important;
}
body.score-off .home-score,
body.score-off .away-score,
body.score-off .game-state,
body.score-off .game-schedule-list .team-score,
body.score-off .schedule-list .team-score,
body.score-off .schedule-list .has-ot.team-phase,
body.score-off .schedule-list .game-archive .game-situation,
body.score-off .schedule-list .game-playing,
body.score-off #gameHeaders .game-live .game-score,
body.score-off .video-set,
body.score-off .hide-querter
{
	display: none !important;
}
.hide-score,
.hide-phase,
.hide-situation,
.hide-game-score,
#components .score-off-info,
body .schedule-list .game-playing.hide-game-playing
{
	display: none !important;
}
body.score-off .team-record
{
	visibility: hidden;
}
body.score-off #gameHeaders .game-score.hide-game-score,
body .hide-querter,
body.score-off #components .score-off-info
{
	display: block !important;
}
body.score-off .home-score.hide-score,
body.score-off .away-score.hide-score,
body.score-off .game-state.hide-score,
body.score-off .game-schedule-list .team-score.hide-score,
body.score-off .schedule-list .team-score.hide-score,
body.score-off .schedule-list .team-phase.hide-phase,
body.score-off .schedule-list .game-situation.hide-situation,
body.score-off .schedule-list .game-playing.hide-game-playing
{
	display: inline-block !important;
}
@media (min-width: 1342px)
{
	.container
	{
		width: 1312px;
	}
	.container .container-right
	{
		width: 992px;
	}
}
@media (max-width: 749px)
{
	.container .container-left
	{
		width: 100% !important;
		display: none;
	}
	.container.show-left .container-left
	{
		display: block;
	}
	.container .container-right
	{
		background-color: #F0F0F0;
		overflow: hidden;
		transition: 200ms cubic-bezier(0.000, 0.635, 0.755, 0.970);
		top: 0;
		right: 0;
		width: 100%;
		transform-origin: right;
		position: static;
		transform: none;
		min-height: 100%;
	}
	.container
	{
		display: inline-block;
		position: relative;
		height: 100%;
	}
}
body .carousel-part.hide-querter
{
	display: block !important;
	position: relative;
	top: 0;
}
body.score-off .carousel-part.hide-querter
{
	top: -1000px;
	height: 1px;
}
.modal-close-icon
{
	position: absolute;
	width: 32px;
	height: 32px;
	top: 21px;
	right: 30px;
}

@media (max-width: 1440px)
{
	.modal-close-icon
	{
		position: absolute;
		width: 26px;
		height: 26px;
		top: 14px;
		right: 28px;
	}
}
@media (max-width: 640px)
{
	.modal-close-icon
	{
		position: absolute;
		width: 20px;
		height: 20px;
		top: 10px;
		right: 20px;
	}
}
body.is-iframe::-webkit-scrollbar
{
	width: 4px;
	padding-right: 2px;
	border: none;
}
body.is-iframe::-webkit-scrollbar-thumb
{
	background-color: #0e7ff9;
	outline: none;
}