/* Program */
#PanelProgram
{
	padding-top				:	0px !important;
}
div.PanelProgram
{
	width					:	980px;
	margin					:	0px auto;
}

/* Photo */
div.PanelProgramPhoto
{
	width					:	800px;
	height					:	450px;
	margin					:	0px auto 10px auto;
	background-size			:	cover;
	background-position			:	center center;
	background-repeat			:	no-repeat;
}

/* Header */
div.PanelProgramHeader
{
	position					:	relative;
	margin					:	0px 0px 30px 0px;
	background-color			:	rgba(255,255,255,0.7);
	border-radius				:	10px;
	padding					:	15px 30px;
}
div.PanelProgramTitle
{
}
div.PanelProgramTitle h2
{
	margin					:	0px 0px 0px 0px;
	color					:	inherit;
	font-size				:	24px;
	line-height				:	1em;
}
div.PanelProgramCategory
{
	position					:	absolute;
	top					:	10px;
	right					:	20px;
	height					:	25px;
	padding					:	5px 10px;
	font-size				:	15px;
	font-weight				:	bold;
	border-radius				:	100px;
	text-align				:	center;
}

/* Table */
div.PanelProgramComment table th
{
	background-color			:	rgba(0,0,0,0.1);
}
div.PanelProgramComment table td
{
	background-color			:	rgba(255,255,255,0.3);
}


/*
======================================
Smart Phone
======================================
*/
@media (max-width:1024px)
{
	div.PanelProgram
	{
		width					:	100%;
		margin					:	0px auto;
	}

	/* Header */
	div.PanelProgramHeader
	{
		padding					:	15px 15px;
	}
	div.PanelProgramTitle h2
	{
		margin					:	0px 0px 0px 0px;
		color					:	inherit;
		font-size				:	16px;
		line-height				:	1em;
	}
	div.PanelProgramCategory
	{
		top					:	9px;
		right					:	10px;
		height					:	18px;
		padding					:	5px 10px;
		font-size				:	inherit;
	}


	/* Photo */
	div.PanelProgramPhoto
	{
		width					:	100%;
		height					:	200px;
	}

	/* Image */
	div.PanelProgramComment img
	{
		max-width				:	100%;
	}
	div.PanelProgramComment iframe
	{
		max-width				:	100%;
		max-height				:	250px;
	}
}