#PanelPhilosophyIntroduction
	{
		background-image			:	url( './image/Body/Background.jpg' );
		background-repeat			:	no-repeat;
		background-size				:	cover;
		background-position			:	center center;
	}

	/* Introduction */
	#PanelPhilosophyIntroduction
	{
	}
	#PanelPhilosophyIntroduction h1
	{
		text-align			:	center;
		border-bottom			:	solid 2px rgb(75,164,93);
	}


	/* Detail */
	div.PanelPhilosophyDetail
	{
		text-align			:	center;
	}
	div.PanelPhilosophyDetail p
	{
		text-align			:	left;
	}
	img.ImagePhilosophyDetailPhoto
	{
		width				:	70%;
		margin				:	15px auto;
		border-radius			:	20px;
	}

/*
======================================
Pc
======================================
*/
@media (min-width: 801px)
{
	/* Introduction */
	#PanelPhilosophyIntroduction
	{
	}
	#PanelPhilosophyIntroduction h1
	{
		width				:	400px;
		margin				:	0px auto 30px auto;
		padding				:	0px 0px 10px 0px;
	}
	#PanelPhilosophyIntroduction h1 img
	{
		width				:	400px;
	}
	#PanelPhilosophyIntroduction p
	{
		font-size				:	16px;
		line-height			:	2.5em;
	}
	#PanelPhilosophyIntroduction img.ImagePhilosophyIntroductionPhoto
	{
		width				:	600px;
		margin				:	0px auto;
		border-radius			:	30px;
	}

	/* Detail */
	div.PanelPhilosophyDetail
	{
	}
	div.PanelPhilosophyDetail p
	{
	}
	div.PanelPhilosophyDetail img.ImagePhilosophyDetailPhoto
	{
	}
	#PanelPhilosophyDetail1
	{
		top				:	0px;
		left				:	0px;
		width				:	100%;
		margin				:	0px 0px 50px 0px;
	}
	#PanelPhilosophyDetail1 img.ImagePhilosophyDetailPhoto
	{
		width				:	500px;
	}
	#PanelPhilosophyDetail1 p
	{
		text-align			:	center;
	}
	#PanelPhilosophyDetail2
	{
		top				:	0px;
		left				:	0px;
		width				:	100%;
		margin				:	0px 0px 50px 0px;
	}
	#PanelPhilosophyDetail2 img.ImagePhilosophyDetailPhoto
	{
		width				:	500px;
	}
	#PanelPhilosophyDetail2 p
	{
		text-align			:	center;
	}
	#PanelPhilosophyDetail3
	{
		position				:	relative;
		top				:	0px;
		left				:	0px;
		width				:	420px;
		height				:	300px;
		margin				:	0px 0px 50px 0px;
	}
	#PanelPhilosophyDetail3 img.ImagePhilosophyDetailPhoto
	{
		position				:	absolute;
		top				:	0px;
		left				:	600px;
	}
	#PanelPhilosophyDetail456
	{
		height				:	650px;
		margin				:	0px 0px 50px 0px;
	}
	#PanelPhilosophyDetail4
	{
		position				:	absolute;
		top				:	0px;
		left				:	0px;
		width				:	420px;
		height				:	500px;
	}
	#PanelPhilosophyDetail5
	{
		position				:	absolute;
		top				:	0px;
		right				:	0px;
		width				:	420px;
	}
	#PanelPhilosophyDetail6
	{
		position				:	absolute;
		bottom				:	0px;
		right				:	0px;
		width				:	420px;
	}
	#PanelPhilosophyDetail789
	{
		height				:	750px;
	}
	#PanelPhilosophyDetail7
	{
		position				:	absolute;
		top				:	0px;
		left				:	0px;
		width				:	420px;
	}
	#PanelPhilosophyDetail8
	{
		position				:	absolute;
		top				:	0px;
		right				:	0px;
		width				:	420px;
	}
	#PanelPhilosophyDetail9
	{
		position				:	absolute;
		bottom				:	0px;
		left				:	0px;
		width				:	420px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media (max-width: 1024px)
{
	/* Introduction */
	#PanelPhilosophyIntroduction
	{
	}
	#PanelPhilosophyIntroduction h1
	{
		width				:	100%;
		margin				:	0px auto 30px auto;
		padding				:	0px 0px 10px 0px;
	}
	#PanelPhilosophyIntroduction h1 img
	{
		width				:	70%;
	}
	#PanelPhilosophyIntroduction p
	{
		text-align			:	left;
	}
	#PanelPhilosophyIntroduction img.ImagePhilosophyIntroductionPhoto
	{
		width				:	100%;
		border-radius			:	15px;
	}

	/* Detail */
	div.PanelPhilosophyDetail
	{
		margin				:	0px auto 30px auto;
	}
	div.PanelPhilosophyDetail  img.ImagePhilosophyDetailPhoto
	{
	}

}