/*
	wrapper
*/
#wrapper {
	min-height: 100%;
	min-width: 980px;
	}




/*
	global
*/
.x {
	width: 980px;
	margin: 0 auto;
	}




/*
	Header
*/
#header {
	background: url(/img/_/bg.header.png) repeat-x 0 0;
	}
body.y-onkb .header-non-flash {
	display: none;
	}
	#header .x {
		height: 200px;
		position: relative;
		}

	/* flash */
	#header .header-flash {
		height: 435px;
		margin-top: -176px;
		background: url(/img/_/bg.header-flash.png) no-repeat 50% 0;
		}
		#header .header-flash object {
			display: block;
			}
	#header .header-non-flash {
		height: 377px;
		margin-top: -176px;
		background: url(/img/_/bg.header-non-flash.png) no-repeat 50% 0;
		text-align: center;
		}
	/* sys */
	#header .header-sys {
		height: 24px;
		background: #000;
		line-height: 24px;
		text-align: right;
		font-size: 11px;
		}
		#header .header-sys-menu,
		#header .header-sys-langs {
			float: right;
			}
		#header .header-sys-menu {
			margin-right: 5px;
			}
		#header .header-sys-langs {
			margin-left: 5px;
			}
			#header .header-sys-menu a,
			#header .header-sys-menu span,
			#header .header-sys-langs a,
			#header .header-sys-langs span {
				color: #fff;
				margin: 0 5px;
				}
			#header .header-sys-menu img {
				vertical-align: middle;
				}
		#header .header-sys-search {
			width: 148px;
			height: 18px;
			background: url(/img/_/bg.search.png) no-repeat 0 0;
			float: right;
			position: relative;
			top: 3px;
			}
			#header .header-sys-search input {
				color: #000;
				font-size: 11px;
				background: none;
				border: none;
				outline: none;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 2px;
				left: 26px;
				width: 117px;
				}
			#header .header-sys-search a {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 22px;
				height: 18px;
				overflow: hidden;
				text-indent: 999px;
				}

	/* logo */
	#header .header-logo {
		position: absolute;
		top: 40px;
		left: 0;
		}

	/* hotline */
	#header .header-hotline {
		color: #419639;
		font-size: 20px;
		font-weight: bold;
		text-align: right;
		padding-top: 25px;
		margin-bottom: 25px;
		}
		#header .header-hotline span {
			color: #7ac142;
			}

	/* menu */
	#header .header-menu {
		color: #525252;
		font-size: 18px;
		font-weight: bold;
		text-align: right;
		}
		#header .header-menu a,
		#header .header-menu span {
			margin-left: 8px;
			text-decoration: none;
			}
		#header .header-menu span.this {
			color: #6fb940;
			}

	.kb .header-logo, .kb .header-beta, .kb .header-hotline, .kb .header-menu, .kb .header-non-flash, .kb #register {
		display: none;
		}
	.kb #header .x {
		height: auto;
		}
	.kb #sidebar {
		width: 300px;
		}
	.kb #content {
		}
	.kb #nav {
		height: 700px;
		padding-right: 25px;
		overflow-y: scroll;
		}
		.kb #nav li {
			font-size: 11px;
			line-height: 1;
			margin-bottom: 5px!important;
			}
		.kb #nav li.expanded {
			background-position: 0 .3em;
			}


/*
	Body
*/
#body {
	background: url(/img/_/bg.body.inner.png) no-repeat 50% 0;
	}
body.y-onhome #body {
	background: url(/img/_/bg.body.png) no-repeat 50% 0;
	}
	#body .x {
		padding-top: 20px;
		}
	
	#register {
		background: url(/img/_/bg.register.png) no-repeat 0 0;
		width: 980px;
		height: 55px;
		margin-bottom: 20px;
		}
	#register a {
		color: #660000;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		float: left;
		display: block;
		width: 640px;
		height: 55px;
		line-height: 55px;
		text-align: center;
		text-decoration: none;
		}
		#register a:hover {
			text-decoration: underline;
			}
	#register a + a {
		color: #fff;
		font-size: 11px;
		width: 337px;
		letter-spacing: normal;
		}

	/* breadcrumbs */
	#breadcrumbs {
		border-top: 1px solid #b2b2b2;
		padding-top: 5px;
		margin-bottom: 40px;
		font-size: 12px;
		}
		#breadcrumbs a {
			color: #000;
			}

	/* left column */
	#sidebar {
		float: left;
		width: 200px;
		margin: 0 40px 0 0;
		}
	body.y-onhome #sidebar {
		float: right;
		width: 297px;
		padding: 20px;
		margin: 0 0 0 40px;
		background: url(/img/_/bg.sidebar.png) repeat 0 0;
		position: relative;
		left: -3px;
		}
		#sidebar .x-place {
			margin-bottom: 40px;
			}

		#sidebar #youtube {
			width: 337px;
			overflow: hidden;
			margin-left: -20px;
			margin-bottom: 50px;
			margin-top: -20px;
			}

	/* left navigation */
	#nav {
		}
		#nav li {
			padding: 0;
			background: none;
			font-weight: bold;
			margin-bottom: 10px;
			}
		#nav a {
			color: #acacac;
			font-weight: bold;
			text-decoration: none;
			}
		#nav a.in_path {
			color: #000;
			font-weight: bold;
			}
		#nav li ul a {
			color: #000;
			font-weight: normal;
			}
		#nav a:hover {
			text-decoration: underline;
			}
		#nav ul ul {
			font-size: 12px;
			margin: 10px 0;
			}
		#nav li li {
			padding-left: 10px;
			}
		#nav li li.expanded {
			background: url(/img/_/ico.arrow.nav.png) no-repeat 0 .6em;
			}

	/* tab navigation */
	#tab {
		margin-bottom: 30px;
		color: #000;
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		}
		#tab span, #tab a {
			margin-right: 10px;
			color: #000;
			}
		#tab .this {
			color: #439538;
			}
			
	/* content area */
	#content {
		overflow: hidden;
		padding-left: 1px;
		}




/*
	Footer
*/
#hfooter {
	height: 100px;
	}
	
#footer {
	min-width: 980px;
	height: 78px;
	margin-top: -78px;
	background: #42973a url(/img/_/bg.footer.png) no-repeat 50% 0;
	color: #fff;
	font-size: 11px;
	}
	#footer a {
		color: #fff;
		}
	#footer .x {
		padding-top: 10px;
		}
		#footer .footer-soclinks {
			float: left;
			margin-left: 15px;
			margin-bottom: 20px;
			}
		#footer .footer-soclinks a {
			margin-right: 5px;
			}
		#footer .footer-nav {
			float: right;
			margin-right: 15px;
			}
			#footer .footer-nav a,
			#footer .footer-nav span {
			margin-left: 5px;
			}




/*
	UI
*/

/* pager */
.pager {
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
	}
	.pager a {
		color: #6eb840;
		margin: 0 4px;
		}
	.pager span {
		color: #fff;
		background: #ff8611;
		padding: 1px 5px;
		margin: 0 4px;
		}