#baseArea { padding:20px; font-family:'supermarket'; bottom:0px; margin-top:20px; border-top:1px dashed #777; }
#baseLogo {  overflow:hidden; clear:both; margin-bottom:10px; }
#baseLink {  overflow:hidden; clear:both; }
.baseLinkText { overflow:hidden; font-size:1.8em; line-height:1.2; }
#baseSocial { clear:both; overflow:hidden; margin-top:20px; color:#999; }
.baseSocialIcon { width:40px; height:40px; margin-right:6px; }

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 500px)
{
	#baseArea { padding:20px 0px 20px 15px; }
	#baseLogo { clear:none; float:left; margin-right:40px; }
	#baseLink { clear:none; float:left; }
	#baseSocial { clear:none; float:left; }
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 768px)
{
	.baseLinkText { float:left; margin-right:20px; font-size:1.6em; }
	.baseSocialIcon { width:50px; height:50px; margin-right:10px; }
	.colLine { border-left:1px solid #999; border-right:1px solid #999; padding-left:20px; padding-right:20px; }
}

/* ความกว้าง ไม่ต่ำกว่า */
@media screen and (min-width: 1200px)
{
	.baseLinkText { font-size:1.8em; }
	#baseSocial { float:right; clear:none; margin-left:0px; margin-top:10px; }
}