/* ———————————————————————————————————————————————————————————————

    LAYOUT WIDTH:	290
     NO. COLUMNS:	3 × 1 tandem
      COL WIDTHS:	290, 290, 290
FOR WINDOW WIDTH:	0-420

——————————————————————————————————————————————————————————————— */


/* ——————— HEADER AREA		*/

.FxHeaderBg2	{ margin: 0 0 0 -145px; width: 290px; }
.FxHeaderBg3	{ top: 73px; margin: 0 0 0 -115px; width: 230px; }
.HLGroup	{ width: 200px; float: left; }
.FxHeader	{ height: 35px; font-size: 12pt; border-radius: 15px 15px 0 0; }
.LogoImg			{ width: 180px; height: 32px; top: 3px; left: 5px; border-radius: 20px 0 0 0; }
a.HeaderLnk, a.HeaderLnk:hover	{ padding: 5px 13px 5px 13px; }
a.MoreLnk			{ width: 88px; }
a.HideMenu			{ width: 18px; }


/* ——————— TOP CENTER MENU	*/

.CtrMenu	{ margin: 0 0 0 -135px; width: 268px; height: 26px; }
.CMenuBtn	{ width: 66px; font-size: 8pt; }
.CRBtn		{ width: 67px; }


/* ——————— CONTENT AREA		*/

.ContentBox	{ width: 288px; margin: 0 0 0 -145px; }
.MContent	{ width: 288px; }
.MenuOne	{ width: 288px; }
.MenuTwo	{ width: 290px; }
.CTImg		{ margin-left: -135px; width: 268px; height: 99px; }


/* ——————— FOOTER AREA		*/

.FixedFooter	{ margin: -46px 0 0 -145px; width: 290px; }
.FixedFooter2	{ font-size: 8pt; }
.FooterSpc1	{ padding: 10px 0 11px 0; }
.Copyrt2	{ margin: -19px 0 0 60px; width: 194px; }


/* ——————— BOTTOM MENU		*/

.BotMenu	{ margin-left: -125px; width: 238px; }
.BotMenuScroll	{ width: 200px; }
.BotMenu2	{ width: 186px; padding: 0; }
.BotMenu2a	{ width: 186px; padding: 0; }
a.BMenu		{ width: 180px; }
a.BMenuA	{ width: 180px; }

@media screen and (max-height: 470px) {
	.BotMenu	{ height: 100px; margin-top: -158px; }
	.BotMenuScroll	{ height: 90px; }
	.SubGroup	{ height: 78px; overflow: auto; }
	.SG1		{ height: 78px; overflow: auto; }
	.SG2		{ height: 78px; overflow: auto; }
	.SG3		{ height: 68px; overflow: auto; }
	.SG4		{ height: auto; }
	.SG6		{ height: 78px; overflow: auto; }
}

@media screen and (min-height: 471px) and (max-height: 570px) {
	.BotMenu	{ height: 150px; margin-top: -208px; }
	.BotMenuScroll	{ height: 140px; }
	.SubGroup	{ height: 78px; overflow: auto; }
	.SG1		{ height: 78px; overflow: auto; }
	.SG2		{ height: 78px; overflow: auto; }
	.SG4		{ height: auto; }
	.SG5		{ height: 78px; overflow: auto; }
	.SG6		{ height: 78px; overflow: auto; }
}

@media screen and (min-height: 571px) and (max-height: 670px) {
	.BotMenu	{ height: 230px; margin-top: -288px; }
	.BotMenuScroll	{ height: 220px; }
	.SubGroup	{ height: 104px; overflow: auto; }
	.SG1		{ height: 104px; overflow: auto; }
	.SG2		{ height: 104px; overflow: auto; }
	.SG4		{ height: auto; }
	.SG5		{ height: auto; }
	.SG6		{ height: 104px; overflow: auto; }
}

@media screen and (min-height: 671px) {
	.BotMenu	{ height: 300px; margin-top: -358px; }
	.BotMenuScroll	{ height: 290px; }
	.SubGroup	{ height: 130px; overflow: auto; }
	.SG1		{ height: 130px; overflow: auto; }
	.SG2		{ height: 130px; overflow: auto; }
	.SG4		{ height: auto; }
	.SG5		{ height: auto; }
	.SG6		{ height: auto; }
}


/* —————————————————	TOP SUBMENUS	——————————————	*/

/*	.SubMenuArea	{ position: absolute; top: 202px; margin: 0 0 0 -115px; width: 228px; }	*/
.SubMenuArea	{ position: absolute; top: 218px; margin: 0 0 0 -115px; width: 228px; }
.SM4		{ left: 0; width: 228px; }
.SM6		{ left: 0; width: 228px; }
.SubMnHdg2	{ width: 198px; }
.SH4		{ width: 198px; }
.SH6		{ width: 198px; }
.SubGroup	{ width: 198px; }
.SG4		{ width: 198px; }
.SG6		{ width: 198px; }
a.SubLnk	{ font-size: 10pt; width: 156px; }
a.SL1		{ width: 156px; }
a.SL2		{ width: 156px; }
a.SL4		{ width: 176px; }
a.SL5		{ width: 160px; }
a.SL6		{ width: 160px; }


/* —————————————————	GGL SEARCH, +1, FACEBOOK	——————————————	*/

.FcBookPh	{ width: 105px; padding: 4px 0 2px 5px; }
.GglplusPh	{ width: 90px; padding: 4px 0 2px 0; }
.SocNet		{ left: 210px; top: 18px; }