@charset "UTF-8";

/*
 ################################
 Create on : 2009/06/11 4681
 Edit on   : 2009/08/20 PM1407 4681
 ################################
 Style Index
 ################################
 1 Global Footer
 2 Footer
 ################################
 Browser
 ################################
 [ie]  IE6+
 [e6]  IE6-
 [e7]  IE7+
 [e8]  IE8+
 [s2]  Safari2+
 [s3]  Safari3+
 [op]  Opera9+
 [f2]  Firefox2+
 [f3]  Firefox3+
 [mb]  Modern browser
**/

/* import start */

 /* ------------------------------
 1 New Global Footer
------------------------------ */
#global-footer { background: url(/shared/images/global/contents_bg.png) repeat-y center top; text-align: center; }

	#global-footer div#gf-top {
		background: url(/shared/images/global/gf_top.png) no-repeat center top;
		height: 15px;
		padding-top: 5px;
	}
	
	#global-footer div.wrapper {
		width: 922px;
		margin: 0 auto;
		padding: 0 20px;
		text-align: left;
	}
		/* add 2009.08.20 4681 */
		#global-footer .column { float: left; }
		
		#global-footer ul { overflow: hidden; }
		#global-footer ul.last-child { margin-right: 0px; }
			#gf-home        {}
			#gf-latest-news { margin-top: 7px; }
			#gf-about       { margin-top: 7px; }
			#gf-service     { }
			#gf-guide       { }
			#gf-user        { }
			#gf-home, #gf-latest-news, #gf-about, #gf-service, #gf-guide, #gf-user { margin-right: 50px; }
			
			/*
			#gf-about, */
			#gf-service, 
			#gf-guide, 
			#gf-user { float: left; }
			
			#global-footer ul li { font-size: 12px; }
			#global-footer ul li a {
				color: #666;
				height: 20px;/* [e6] */
				line-height: 20px;
			}
			#global-footer ul li ul li {
				border-left: none;
			}
		
	#global-footer div#gf-bottom {
		clear: both;
		background: url(/shared/images/global/gf_bottom.png) no-repeat center bottom;
		height: 15px;
		margin-bottom: 2px;
		padding-top: 5px;
	}

/* ------------------------------
 2 New Footer
------------------------------ */
#footer {
	clear: both;
	background: url(/shared/images/global/footer_bg.png) no-repeat center top;
	height: 80px;
	color: #fff;
	font-size: 1em;
	text-align: center;
	padding-top: 18px;
}

	#footer a       { color: #fff; }
	#footer a:hover { text-decoration: underline; }
	
	#footer div.wrapper { width: 962px; margin: 0 auto; text-align: left; }
		#footer div.wrapper div.left { float: left; width: 682px; padding-left: 20px; }
			#footer-menu { margin-top: 0px; margin-bottom: 4px; }
			#footer-menu li {
				display: inline;
				border-right: 1px solid #ccd;
				padding-left: 6px;
				padding-right: 8px;
			}
			* html body #footer-menu li { padding-left: 9px; padding-right: 5px; }/* [e6] */
			*:first-child+html body #footer-menu li { padding-left: 9px; padding-right: 5px; }/* [e7] */
			#footer-menu li.first-child { padding-left: 0px !important; }
			#footer-menu li.last-child  { border-right: 0px none; }
			#footer div.wrapper div.left div.opt { }
			#footer div.wrapper div.left p { clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; }
			
		#footer div.wrapper div.right {
			float: right;
			background: url(/shared/images/global/footer_logo.png) no-repeat 6px top;
			width: 220px;
			padding-top: 22px;
			padding-right: 20px;
			font-size: 1.1em;
			text-align: right;
		}