/* ******************************************************************
 *	File name		: base.css
 *	Summary			: css base
 * ******************************************************************
 */
/* ----------------------------------------------------------------- */
/*	base                                                             */
/* ----------------------------------------------------------------- */
body{
	width:100%;
	height:100%;
	line-height:145%;
	color:#222;
	background:#FFF;
	}
	#wrapper{
		position:relative;
		width:100%;
		text-align:center;
		overflow:hidden;
		background:url(../../image/base/bg.jpg) no-repeat center 0;
}
@media(max-width:600px){
	#wrapper{
		padding-top:56px;
	}
}

img{
	max-width:100%;
	height:auto;
}
/* ----------------------------------------------------------------- */
/*	header                                                           */
/* ----------------------------------------------------------------- */
header{
	position:relative;
	width:100%;
	height:156px;
	background:url(../../image/base/head_bg.png) no-repeat center top;
	z-index:10;
	}
	header:before{
		content:" ";
		display:block;
		position:absolute;
		top:0px;
		left:-50%;
		width:100%;
		height:18px;
		margin-left:-475px;
		background:#000;
	}
	header:after{
		content:" ";
		display:block;
		position:absolute;
		top:0px;
		left:50%;
		width:100%;
		height:18px;
		margin-left:475px;
		background:#000;
		z-index:0;
	}
	header #head_contents{
		position:relative;
		width:900px;
		margin:0 auto;
	}
	header h1{
		position:absolute;
		top:17px;
		left:50%;
		margin-left:-76px;
		z-index:100;
		}
		header h1 img{
			width:153px;
			height:69px;
	}
	header #head_lead{
		position:relative;
		padding-top:90px;
		font-weight:bold;
		font-size:1.2rem;
		text-align:center;
	}
	header #date{
}


nav#menubar{
	position:absolute;
	width:100%;
	top:120px;
	text-align:center;
}

nav#menubar ul{
	position:relative;
	width:900px;
	margin:0 auto;
	list-style:none;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
	}
	nav#menubar ul:after{
		content:" ";
		display:block;
		clear:both;
	}
	nav#menubar ul li{
		float:left;
		position:relative;
		width:150px;
		height:100%;
		color:#FFFFFF;
		background:#60C1BD;
		}
		nav#menubar ul li#nav_about{
			-moz-border-radius:6px 0 0 6px;
			-webkit-border-radius:6px 0 0 6px;
			border-radius:6px 0 0 6px;
		}
		nav#menubar ul li#nav_access{
			-moz-border-radius:0 6px 6px 0;
			-webkit-border-radius:0 6px 6px 0;
			border-radius:0 6px 6px 0;
	}
	nav#menubar ul li:after{
		content:" ";
		display:block;
		position:absolute;
		top:50%;
		left:0px;
		width:1px;
		height:28px;
		margin-top:-14px;
		background:#FFF;
	}
	nav#menubar ul li#nav_home{
		display:none;
	}
	nav#menubar ul li#nav_about:after{
		display:none;
	}
	nav#menubar ul li a{
		display:block;
		height:100%;
		padding:6px 0 5px;
		font-size:0.85rem;
		color:#FFFFFF;
		text-decoration:none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
		nav#menubar ul li#nav_about a{
			-moz-border-radius:6px 0 0 6px;
			-webkit-border-radius:6px 0 0 6px;
			border-radius:6px 0 0 6px;
		}
		nav#menubar ul li#nav_access a{
			-moz-border-radius:0 6px 6px 0;
			-webkit-border-radius:0 6px 6px 0;
			border-radius:0 6px 6px 0;
	}
	nav#menubar ul li.active a,
	nav#menubar ul li a:hover{
		background:#404040;
}
	/* --- lang --- */
	nav#menubar ul li#nav_lang{
		display:block;
		position:absolute;
		top:-120px;
		right:0px;
		float:none;
		width:150px;
		height:100%;
		color:#FFFFFF;
		background:#000;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	nav#menubar ul li#nav_lang:after{
		display:none;
	}
	nav#menubar ul li#nav_lang a{
		display:block;
		height:100%;
		padding:7px 0 4px;
		font-size:0.75rem;
		color:#FFFFFF;
		text-decoration:none;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}


/* --- responsive --- */

@media(max-width:920px){
	header #head_contents{
		width:100%;
	}
	nav#menubar ul{
	position:relative;
	width:100%;
	margin:0 auto;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	}
	nav#menubar ul li{
		display:inline-block;
		float:none;
		position:relative;
		width:15%;
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
		-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
		box-shadow: 0px 0px 5px rgba(0,0,0,0.6);
		}
		nav#menubar ul li#nav_about{
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
		}
		nav#menubar ul li#nav_access{
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
			border-radius:6px;
	}
	nav#menubar ul li:after{
		display:none;
}
}
@media(max-width:768px){
}
@media(max-width:600px){
	header{
		height:auto;
	}
}
@media(max-width:480px){
}

/* ----------------------------------------------------------------- */
/*	main                                                             */
/* ----------------------------------------------------------------- */

main{
	display:block;
	position:relative;
	width:100%;
	min-height:300px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	main:after{
	    content:" ";
	    display:block;
	    clear:both;
}

section{
	position:relative;
	word-wrap: break-word;
	}
	section:after{
		content:" ";
		display:block;
		clear:both;
}

/* --- responsive --- */
@media(max-width:960px){
}
@media(max-width:600px){
}
/* ----------------------------------------------------------------- */
/*	footer                                                           */
/* ----------------------------------------------------------------- */
footer{
	clear:both;
	position:relative;
	width:100%;
	padding:20px 0 20px;
	text-align:center;
	border-top:30px solid #E2F1F0;
	background:#000;
}
footer p#privacy_policy{
}
footer p#privacy_policy a{
	color:#FFF;
	font-size:0.75em;
	text-align:center;
}
footer p#copyright{
	color:#FFF;
	font-size:0.75em;
	text-align:center;
}


/* ----------------------------------------------------------------- */
/*	pageback                                                           */
/* ----------------------------------------------------------------- */
#pageback{
	position:fixed;
	right:20px;
	bottom:25px;
	width:49px;
	height:49px;
	border-radius:7px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	background:#FFFFFF;
	border:5px solid rgba(96,193,189,1);
	opacity:0.7;
	}
	#pageback:hover{
		opacity:1;
	}
	#pageback:before{
		content:" ";
		position:absolute;
		top:7px;
		left:5px;
		width: 0;
		height: 0;
		margin-top: -15px;
		border:15px solid transparent;
		border-bottom:15px solid rgba(96,193,189,1);
	}
	#pageback:after{
		content:" ";
		position:absolute;
		top:22px;
		left:14px;
		width:13px;
		height:19px;
		background:rgba(96,193,189,1);
		z-index:0;
	}
	#pageback a{
		display:block;
		position:absolute;
		left:-20px;
		top:-20px;
		width:80px;
		min-height:20px;
		padding:65px 0 0 0;
		font-size:0.75em;
		color:rgba(96,193,189,1);
		text-align:center;
		border-radius:6px;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		z-index:1;
		text-decoration:none;
		}
		#pageback a:hover{
			text-decoration:none;
}