/* PECMS MAIN PAGE CSS */

div.main					{ width: 990px; }
div.main .left					{ width: 350px; float: left; }
div.main .right					{ width: 640px; float: left; }

div.main .recommend				{ width: 547px; height: 246px; float: left; margin: 0px 0px 0px 70px; }
div.main .recommend .top_slant			{ width: 105px; height: 23px; float: left; background: url('/epfs/gfx/main/top_slant.gif') no-repeat top right; }
div.main .recommend .top_title			{ width: 419px; height: 23px; float: left; background: #1C1C1C url('/epfs/gfx/main/title_recommend.jpg') no-repeat top right; }
div.main .recommend .top_corner			{ width: 23px; height: 23px; float: left; background: url('/epfs/gfx/main/top_corner.gif') no-repeat 0 0; }
div.main .recommend .inner_slant		{ width: 24px; height: 200px; float: left; background: url('/epfs/gfx/main/inner_slant.gif') no-repeat bottom center; }
div.main .recommend .inner_body			{ width: 500px; height: 200px; float: left; background: #5B5B5B; }
div.main .recommend .inner_body .images		{ width: 500px; height: 200px; padding: 0px; margin: 0px; overflow: hidden; }
div.main .recommend .inner_body .images img	{ width: 500px; height: 200px; }
div.main .recommend .inner_right		{ width: 23px; height: 200px; float: left; background-color: #1C1C1C; }
div.main .recommend .bottom_slant		{ width: 24px; height: 23px; float: left; background: url('/epfs/gfx/main/bottom_slant.gif') no-repeat 0 0; }
div.main .recommend .bottom_content		{ width: 500px; height: 23px; float: left; line-height: 23px; text-align: right; background: #1C1C1C; }
div.main .recommend .bottom_content a		{ height: 18px; float: left; padding: 0px 0px; display: inline; }
div.main .recommend .bottom_corner		{ width: 23px; height: 23px; float: left; background: url('/epfs/gfx/main/bottom_corner.gif') no-repeat 0 0; }

div.main .intro					{ width: 547px; height: 400px; float: left; margin: 0px 0px 0px 70px; background: transparent; }
div.main .intro .top_slant			{ width: 225px; height: 23px; float: left; background: url('/epfs/gfx/main/top_slant.gif') no-repeat top right; position: relative; }
div.main .intro .top_slant .qkris_cap		{ width: 45px; height: 14px; left: 120px; top: 9px; background: url('/epfs/gfx/main/qkris_cap.png') no-repeat 0 0; position: absolute; }
div.main .intro .top_title			{ width: 299px; height: 23px; float: left; background-color: #1C1C1C; }
div.main .intro .top_corner			{ width: 23px; height: 23px; float: left; background: url('/epfs/gfx/main/top_corner.gif') no-repeat 0 0; }
div.main .intro .inner_slant			{ width: 24px; height: 354px; float: left; background: url('/epfs/gfx/main/inner_slant.gif') no-repeat bottom center; }
div.main .intro .inner_body			{ width: 500px; height: 354px; float: left; overflow: hidden; background: #5B5B5B; }
div.main .intro .inner_body .qkris		{ width: 154px; height: 163px; float: left; margin: 0px 10px 4px 16px; background: url('/epfs/gfx/main/qkris.jpg') no-repeat 0 0; }
div.main .intro .inner_body .text		{ padding: 11px 16px 16px 16px; color: #FFFFFF; text-align: justify; }
div.main .intro .inner_right			{ width: 23px; height: 354px; float: left; background-color: #1C1C1C; }
div.main .intro .bottom_slant			{ width: 24px; height: 23px; float: left; background: url('/epfs/gfx/main/bottom_slant.gif') no-repeat 0 0; }
div.main .intro .bottom_content			{ width: 500px; height: 23px; float: left; background: #1C1C1C; }
div.main .intro .bottom_corner			{ width: 23px; height: 23px; float: left; background: url('/epfs/gfx/main/bottom_corner.gif') no-repeat 0 0; }

div.main .adv_staff				{ width: 297px; height: 144px; float: left; margin: 0px 0px 0px 25px; background: url('/epfs/gfx/main/adv_staff.jpg') repeat-x 0 0; }
div.main .adv_staff a				{ width: 297px; height: 144px; display: block; }
div.main .adv_event				{ width: 297px; height: 144px; float: left; margin: 0px 25px 0px 23px; background: url('/epfs/gfx/main/adv_event.jpg') repeat-x 0 0; }
div.main .adv_event a				{ width: 297px; height: 144px; display: block; }
div.main .adv_calendar				{ width: 297px; height: 144px; float: left; margin: 0px 0px 0px 0px; background: url('/epfs/gfx/main/adv_calendar.jpg') repeat-x 0 0; }
div.main .adv_calendar a			{ width: 297px; height: 144px; display: block; }

#nav						{ width: 386px; height: 23px; float: left; line-height: 23px; }
#nav a						{ width: 23px; height: 23px; margin: 0px 4px 0px 4px; display: block; background: url('/epfs/gfx/main/pager_small.png') no-repeat 0 0; }
#nav a.activeSlide				{ background: url('/epfs/gfx/main/pager_big.png') no-repeat 0 0; }
#nav a:focus					{ outline: none; }
