@charset 'UTF-8';
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600');
@import url('font-awesome.min.css');

@font-face {
  font-family: 'cwTeXHei';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot);
  src: url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.woff) format('woff'),
       url(//fonts.gstatic.com/ea/cwtexhei/v3/cwTeXHei-zhonly.ttf) format('truetype');
}

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/
*{ font-family: 'cwTeXHei', serif;}
	body {
		background: #f8f8f8;
		color: #5b5b5b;
	}

		body.is-loading * {
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	body,input,textarea,select {
		font-size: 15pt;
		line-height: 1.85em;
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
	}

	h1,h2,h3,h4,h5,h6 {
		font-weight: 400;
		color: #483949;
		line-height: 1.25em;
	}
	
		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
			border-bottom-color: transparent;
		}
		
		h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
			font-weight: 600;
		}

	h2 { font-size: 2.85em;}
	
	h3 { font-size: 1.25em;}
	
	h4 {
		font-size: 1em;
		margin: 0 0 0.25em 0;
	}
	
	strong, b {
		font-weight: 400;
		color: #483949;
	}
	
	em, i { font-style: italic;}

	a {
		color: inherit;
		text-decoration: none;
		-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
	}
	
		a:hover { border-bottom: solid 1px rgba(128,128,128,0.15);}

	sub {
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup {
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	blockquote {
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	p, ul, ol, dl, table { margin-bottom: 1em;}

	p { text-align: justify;}

	br.clear { clear: both;}
	
	.timestamp {
		color: rgba(128,128,128,0.75);
		font-size: 0.8em;
	}

	/* Sections/Article */
	
		section,
		article { margin-bottom: 3em;}
		
			section > :last-child,
			article > :last-child { margin-bottom: 0;}

			section:last-child,
			article:last-child { margin-bottom: 0;}

			.row > section,
			.row > article { margin-bottom: 0;}

			section.special > header,
			section.special > footer,
			article.special > header,
			article.special > footer {
				text-align: center;
			}

		header { margin: 0 0 1em 0;}

			header > p {
				display: block;
				font-size: 1.5em;
				margin: 1em 0 2em 0;
				line-height: 1.5em;
				text-align: inherit;
			}
			
		footer { margin: 2.5em 0 0 0;}

	/* Image */

		.image {
			position: relative;
			display: inline-block;
			border: 0;
			outline: 0;
		}
		
			/* Uncomment the block below if you want linked images to highlight on hover */
		
			.image img {
				display: block;
				width: 100%;
			}

			.image.fit {
				display: block;
				width: 100%;
			}

			.image.featured {
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}
			
			.image.left {
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.centered {
				display: block;
				margin: 0 0 1em 0;
			}

				.image.centered img {
					margin: 0 auto;
					width: auto;
				}

	/* List */

		ul {}

			ul.default {
				list-style: disc;
				padding-left: 1em;
			}
			
				ul.default li { padding-left: 0.5em;}

			ul.actions { margin: 3em 0 0 0;}
			
				form ul.actions { margin-top: 0;}
			
				ul.actions li {
					display: inline-block;
					margin: 0 0.75em 0 0.75em;
				}
				
				ul.actions li:first-child { margin-left: 0;}
				
				ul.actions li:last-child { margin-right: 0;}
							
			ul.divided {}
			
				ul.divided li {
					border-top: solid 1px rgba(128,128,128,0.2);
					padding-top: 1.5em;
					margin-top: 1.5em;
				}
				
				ul.divided li:first-child {
					border-top: 0;
					padding-top: 0;
					margin-top: 0;
				}

			ul.menu {
				height: 1em;
				line-height: 1em;
			}
			
				ul.menu li {
					display: inline-block;
					border-left: solid 1px rgba(128,128,128,0.2);
					padding-left: 1.25em;
					margin-left: 1.25em;
				}
				
				ul.menu li:first-child {
					border-left: 0;
					padding-left: 0;
					margin-left: 0;
				}

			ul.icons {
				position: relative;
				background: rgba(128,128,128,0.05);
				border-radius: 4em;
				display: inline-block;
				padding: 0.35em 0.75em 0.35em 0.75em;
				font-size: 1.25em;
				cursor: default;
			}
			
				ul.icons li { display: inline-block;}

					ul.icons li a {
						display: inline-block;
						background: none;
						width: 2.5em;
						height: 2.5em;
						line-height: 2.5em;
						text-align: center;
						border-radius: 100%;
						border: 0;
						color: inherit;
					}
					
						ul.icons li a:hover { color: #ef8376;}
		
		ol {}	

			ol.default {
				list-style: decimal;
				padding-left: 1.25em;
			}

				ol.default li { padding-left: 0.25em;}
				
	/* Form */

		form {}
		
			form label {
				display: block;
				font-weight: 400;
				color: #483949;
				margin: 0 0 1em 0;
			}
		
			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
			form select,
			form textarea {
				-webkit-appearance: none;
				display: block;
				border: 0;
				background: #fafafa;
				width: 100%;
				border-radius: 0.5em;
				border: solid 1px #E5E5E5;
				padding: 1em;
				-moz-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
				-webkit-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
				-o-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
				-ms-transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
				transition: background-color 0.35s ease-in-out, border-color 0.35s ease-in-out;
			}

			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
			form select { line-height: 1em;}
			
			form textarea { min-height: 9em;}

				form input[type="text"]:focus,
				form input[type="email"]:focus,
				form input[type="password"]:focus,
				form select:focus,
				form textarea:focus {
					background: #fff;
					border-color: #df7366;
				}

				form .formerize-placeholder { color: #555 !important;}

				form ::-webkit-input-placeholder { color: #555 !important;}

				form :-moz-placeholder { color: #555 !important;}

				form ::-moz-placeholder { color: #555 !important;}

				form :-ms-input-placeholder { color: #555 !important;}

				form ::-moz-focus-inner { border: 0;}
			
	/* Table */
	
		table { width: 100%;}
		
			table.default { width: 100%;}

				table.default tbody tr { border-top: solid 1px #e5e5e5;}

				table.default tbody tr:first-child { border-top: 0;}
			
				table.default tbody tr:nth-child(2n+1) { background: #fafafa;}
				
				table.default td { padding: 0.5em 1em 0.5em 1em;}
				
				table.default th {
					text-align: left;
					font-weight: 400;
					padding: 0.5em 1em 0.5em 1em;
				}
			
				table.default thead { border-bottom: solid 2px #e5e5e5;}
				
				table.default tfoot { border-top: solid 2px #e5e5e5;}

	/* Button */
		
		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button	{
			position: relative;
			display: inline-block;
			background: #1B79D0;
			color: #fff;
			text-align: center;
			border-radius: 0.5em;
			text-decoration: none;
			padding: 0.65em 3em 0.65em 3em;
			border: 0;
			cursor: pointer;
			outline: 0;
			font-weight: 300;
			-moz-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
			-webkit-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
			-o-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
			-ms-transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
			transition: background-color 0.35s ease-in-out, color 0.35s ease-in-out, border-bottom-color 0.35s ease-in-out;
		}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover {
				color: #fff;
				background: #14ABD9;
			}
			
			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt {
				background: #2B252C;
			}		


				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover {
					background: #3B353C;
				}		

	/* Post */

		.post {}
		
			.post.stub { text-align: center;}
			
				.post.stub header { margin: 0;}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon { text-decoration: none;}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}
		
		.icon > .label { display: none;}

		.icon.circled {
			position: relative;
			display: inline-block;
			color: #fff;
			border-radius: 100%;
			width: 3em;
			height: 3em;
			line-height: 3em;
			text-align: center;
			font-size: 3em;
		}
		
			header .icon.circled { margin: 0 0 2em 0;}
			#online h3 a { background-color:#19a9eb;}
			#tel h3 a  { background-color:#ed7019;}
			#site h3 a { background-color:#307abb;}
			
			#sign { position:relative;}
			#sign p {
				text-align:center;
				font-size:1.2em;
				font-weight:600;
				letter-spacing:0.1em;
			}
			
			#place {
				position:absolute;
				background:#ed7019;
				display:none;
				top:15em;;
				left:35%;
				padding:2em 6em 0.5em;
				border-radius:2em;
			}
			
			#info {
				position:absolute;
				background:#307abb;
				display:none;
				top:15em;;
				right:2%;
				padding:5em 2em 2.5em;
				border-radius:2em;
			}
			
			#telephone, #locat { cursor: pointer;}
			
			#place ul > li,
			#info ul > li {
				color:#ffffff;
				padding:0.2em;
				font-weight:600;
			}
			#place ul > li:last-child,
			#info ul > li:last-child {
				color:#ed7019;
				background-color:#FFFFFF;
				border-radius:2em;
				padding:0.1em;
				margin-top:0.8em;
				text-align:center;
			}
			#place ul > li:last-child a:hover,
			#info ul > li:last-child a:hover {
				color: #0185F1;
				cursor: pointer;
			}
			#place i,
			#info i { margin:0 0.4em 0 0.2em;}
			
			.ps {
				display:block;
				list-style:decimal;
				padding:0 2em 1em 10em;
			}
			.ps li {
				font-size:1em;
				letter-spacing:0.1em;
				color:#3D494D;
			}

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

	.wrapper {
		background: #fff;
		margin: 0 0 1em 0;
		padding: 3em 0 3em 0;
	}
	
	.signwrapper {
		position:relative;
		background: #fff;
		top:84px;
		padding: 0;
	}
	
		.wrapper.style1 {}

		.wrapper.style2 { padding-top: 0;}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#logobar {
		background: #00a0e9 url(../images/logo.png) 0 0 no-repeat;
		position:fixed;
		z-index:100;
		width:100%;
		height:84px;
		text-indent:-9999px;
	}

	#header {
		position: relative;
		background-image: url('../images/header.jpg');
		background-size: cover;
		background-position: center center;
		background-attachment: fixed;
		color: #fff;
		text-align: center;
		padding: 2.5em 0 2em 0;
		cursor: default;
	}
	
	.page #header {
		position: relative;
		background-color: #20b8ff;
		background-image: url('../images/pageheader.jpg');
		background-size: auto;
		background-position: top right;
		background-repeat:no-repeat;
		background-attachment: fixed;
		text-align: left;
		padding: 2.5em 0 2em 12em;
	}

		.homepage #header { padding: 4em 0 4em 0;}
	
			.homepage #header .overlay {
				content: '';
				background: #002e6f;
				display: block;
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				opacity: 1.0;
				-moz-transition: opacity 2s ease-in-out;
				-webkit-transition: opacity 2s ease-in-out;
				-o-transition: opacity 2s ease-in-out;
				-ms-transition: opacity 2s ease-in-out;
				transition: opacity 2s ease-in-out;
			}
		
			.homepage #header.ready .overlay { opacity: 0;}

		#header .inner {
			position: relative;
			z-index: 1;
			margin: 0;
			padding: 4em 0 0 0;
		}
			
		#logo {
			background:url(../images/title.png) 0 0 no-repeat;
			width:680px;
			height:90px;
			text-indent:-9999px;
		}
		
		.page #logo > a {
			display:block;
			height:90px;
		}
		
		#header header > p {
			font-size: 1.25em;
			font-weight:600;
			margin: 0;
		}
		
		#header header > p > span {
			background-color: #115AA3;
			border-radius: 10px;
			display: inline-block;
			margin:0.1em;
			width:2em;
			height:2em;
			line-height:2em;
			text-align:center;
		}
		
		.page #header header > p {padding-left:10em;}
		
		#header .button {
			display: inline-block;
			border-radius: 100%;
			width: 4.2em;
			height: 4.2em;
			line-height: 4.2em;
			text-align: center;
			font-size: 1.25em;
			padding: 0;
			-moz-animation-duration: 6s;
			-webkit-animation-duration: 6s;
			animation-duration: 6s;
			-moz-animation-name: colorshow;
			-webkit-animation-name: colorshow;
			animation-name: colorshow;
			-moz-animation-iteration-count: infinite;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
		}
		@-moz-keyframes colorshow { 
			0% { background-color:#0a83ff;}
			20% { background-color:#0a66ff;}
			40% { background-color:#0a9aff;}
			60% { background-color:#0a7dff;}
			80% { background-color:#0a5bff;}
			100% { background-color:#0a72ff;}
		}	
		@-webkit-keyframes colorshow { 
			0% { background-color:#0a83ff;}
			20% { background-color:#0a66ff;}
			40% { background-color:#0a9aff;}
			60% { background-color:#0a7dff;}
			80% { background-color:#0a5bff;}
			100% { background-color:#0a72ff;}
		}
		@keyframes colorshow { 
			0% { background-color:#0a83ff;}
			20% { background-color:#0a66ff;}
			40% { background-color:#0a9aff;}
			60% { background-color:#0a7dff;}
			80% { background-color:#0a5bff;}
			100% { background-color:#0a72ff;}
		}	
		#header header { display: inline-block;}
		
		#header footer { margin: 0;}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		text-align: right;
		padding: 1.2em 2em 1.2em 0;
		z-index: 101;
		overflow: hidden;
	}
	
		#nav > ul {
			line-height: 0px;
			position: relative;
			display: inline-block;
			margin: 0;
			height: 21px;
		}
		
			#nav > ul > li {
				display: inline-block;
				margin: 0 0.8em 0 0.8em;
				border-radius: 0.5em;
				padding: 0.6em;
				border: solid 1px transparent;
				-moz-transition: color 0.35s ease-in-out;
				-webkit-transition: color 0.35s ease-in-out;
				-o-transition: color 0.35s ease-in-out;
				-ms-transition: color 0.35s ease-in-out;
				transition: color 0.35s ease-in-out;
			}
			
			#nav > ul > li > a {
				border-radius: 10px;
				color: #ffffff;
				text-decoration: none;
				padding: 0.6em 1.2em 0.6em 1.2em;
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
				outline: 0;
			}

		#nav > ul > li:hover {}
		
			#nav > ul > li:hover > a,
			#nav > ul > li.active > a {
				color: #007fc8;
				background: rgba(251,251,251,0.8);
			}
			
				#nav > ul > li.active { border-color: rgba(192,192,192,0.35);}

	.dropotron {
		background: rgba(255,255,255,0.975);
		padding: 1em 1.25em 1em 1.25em;
		line-height: 1em;
		height: auto;
		text-align: left;
		border-radius: 0.5em;
		box-shadow: 0 0.15em 0.25em 0 rgba(0,0,0,0.25);
		min-width: 12em;
		margin-top: -1em;
	}
	
		.dropotron li {
			border-top: solid 1px rgba(128,128,128,0.2);
			color: #5b5b5b;
		}
		
			.dropotron li:first-child { border-top: 0;}

			.dropotron li:hover { color: #ef8376;}

			.dropotron li a,
			.dropotron li span {
				display: block;
				border: 0;
				padding: 0.5em 0 0.5em 0;
				-moz-transition: color 0.35s ease-in-out;
				-webkit-transition: color 0.35s ease-in-out;
				-o-transition: color 0.35s ease-in-out;
				-ms-transition: color 0.35s ease-in-out;
				transition: color 0.35s ease-in-out;
			}
		
		.dropotron.level-0 {
			margin-top: 2em;
			font-size: 0.9em;
		}
		
			.dropotron.level-0:before {
				content: '';
				position: absolute;
				left: 50%;
				top: -0.7em;
				margin-left: -0.75em;
				border-bottom: solid 0.75em rgba(255,255,255,0.975);
				border-left: solid 0.75em rgba(64,64,64,0);
				border-right: solid 0.75em rgba(64,64,64,0);
			}

/*********************************************************************************/
/* acttitle                                                                      */
/*********************************************************************************/

	#acttitle {
		background: #fff;
		text-align: center;
		padding: 3em 0 4.5em 0;
		margin-bottom: 0;
	}
	
		#acttitle header > h2,
		.carousel header > h2,
		.course header > h2,
		#sign header > h2 {
			position:relative;
			padding-top:2em;
		}
		
		#acttitle header > h2:before,
		.carousel header > h2:before,
		.course header > h2:before,
		#sign header > h2:before {
			content: '';
			position: absolute;
			left: 50%;
			top: 3.3em;
			width:36px;
			border-bottom: solid 1px #c2c2c2;
		}
	
		#acttitle header > p {
			width:70%;
			margin:1em auto 0;
			text-align:left;
		}
		
	#point {
		position:relative;
		width:50%;
		height:350px;
		margin:2em auto 0;
	}
	
	#point > span {
		position:absolute;
		color:#FFFFFF;
		display:block;
		font-size:1em;
		letter-spacing:0.1em;
	}
	
	#point > span:first-child {
		background-color: rgba(235,97,0,0.9);
		top:5em;
		left:0;
		width:8em;
		height:8em;
		line-height:8em;
		text-align:center;
		border-radius:4em;
		z-index:1;
	}
	#point > span:nth-child(2) {
		background-color: rgba(15,176,186,0.7);
		top:3em;
		left:7.2em;
		width:12em;
		height:12em;
		line-height:12em;
		text-align:center;
		border-radius:6em;
		z-index:2;
	}
	#point > span:nth-child(3) {
		background-color: rgba(10,194,255,0.9);
		top:0;
		left:18.2em;
		width:18em;
		height:18em;
		line-height:18em;
		text-align:center;
		border-radius:9em;
		z-index:3;
	}
	#point > span:last-child {
		background-color: rgba(251,196,49,0.9);
		top:6.1em;
		left:35.8em;
		width:6em;
		height:6em;
		line-height:6em;
		text-align:center;
		border-radius:3em;
		z-index:2;
	}	


/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/

	#content {}

		#content > hr {
			top: 3em;
			margin-bottom: 6em;
		}
		
		#content > section { margin-bottom: 0;}
		
/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar {}
	
		#sidebar > hr.first { display: none;}
	
		#sidebar > hr {
			top: 3em;
			margin-bottom: 6em;
		}
		
		#sidebar > section { margin-bottom: 0;}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main { margin-bottom: 0;}
	
		#main section:first-of-type { padding-top: 2em;}
		
/*********************************************************************************/
/* Carousel                                                                      */
/*********************************************************************************/

	.carousel,
	.course {
		position: relative;
		padding: 0 0 2em 0;
		margin-bottom: 0;
		text-align:center;
	}
	
	.carousel header > h2,
	.course header > h2 {
		padding-top:2em;
		margin-bottom:1em;
	}
		
	.carousel header > h2:before { left:49%;}
	.course header > h2:before { left:42%;}

		.carousel .reel {
			position: relative;
			padding: 0 1em 0 1em;
		}

		.carousel article {
			display: inline-block;
			width: 18%;
			text-align: center;
			margin: 0 1em 0 0;
		}
		
		.carousel article > a {
			border-radius:2em;
			background: #fff;
			display:block;
			padding:3em;
			transition: all .3s;
			width:100%;
		}
		
		.carousel article > a dt {
			font-size: 1.25em;
			font-weight:600;
			width:100%;
		}
		
		.carousel article:first-child > a { color:#eb6877; border:3px dotted #eb6877;}
		.carousel article:nth-child(2) > a { color:#448aca; border:3px dotted #448aca;}
		.carousel article:nth-child(3) > a { color:#ec6941; border:3px dotted #ec6941;}
		.carousel article:nth-child(4) > a { color:#f8b551; border:3px dotted #f8b551;}
		.carousel article:nth-child(5) > a { color:#32b16c; border:3px dotted #32b16c;}
		
		.carousel article a:hover {
			color:#333333; 
			border-radius:3em;
		}
		.carousel article:first-child > a:hover { border:3px solid #eb6877;}
		.carousel article:nth-child(2) > a:hover { border:3px solid #448aca;}
		.carousel article:nth-child(3) > a:hover { border:3px solid #ec6941;}
		.carousel article:nth-child(4) > a:hover { border:3px solid #f8b551;}
		.carousel article:nth-child(5) > a:hover { border:3px solid #32b16c;}

			.carousel article p {
				text-align: center;
				font-weight:600;
			}
			
		.feature {
			position:relative;
			list-style:none;
			width:100%;
			height:210px;
			margin:2em auto 1em;
		}

		.feature > li {
			border-radius:2em;
			background-color: #0B94D7;
			display: inline-block;
			float:left;
			padding:1em;
			width: 22%;
			height:200px;
			text-align: center;
			margin: 0 1em 0 0;
		}
		.feature > li:nth-child(even) { background-color: #0AA6A8;}
		
		.feature li > dt {
			background-color:#ffffff;
			border-radius:2em;
			color:#0B94D7;
			display:block;
			font-size: 1.1em;
			font-weight:600;
			width:100%;
			margin-bottom:0.5em;
		}
		.feature li:nth-child(even) > dt { color: #0AA6A8;}
		
		.feature li > p {
			color:#ffffff;
			display:block;
			font-size: 0.9em;
			letter-spacing:0.1em;
			line-height:1.8em;
		}
		.feature > li:first-child { margin-left:2.5em;}

			
/*********************************************************************************/
/* sign                                                                          */
/*********************************************************************************/
	#sign header > h2:before { left:48.5%;}
	
	#sign header > h2 { margin-bottom:1.2em;}
	
	#sign header > h3 {
		letter-spacing:0.1em;
		font-weight:600;
	}

/*********************************************************************************/
/* about                                                                         */
/*********************************************************************************/

#main header > h2 { margin-bottom:1em;}

.row header > h3 {
	letter-spacing:0.1em;
	font-weight:600;
}
.aboutinfo {
	width:80%;
	margin:0 auto;
}

/*********************************************************************************/
/* place                                                                         */
/*********************************************************************************/

#tabs-1, #tabs-2,
#tabs-3, #tabs-4,
#tabs-5 {
	background-color:rgba(0,0,0,0.6);
	display: none;
	position:fixed;
	width:100%;
	min-height:100%;
	height:auto;
	z-index:99999;
}

.inner-tab {
	background-color: #ffffff;
	border:8px solid #ECECEC;
	border-radius:2em;
	width:80%;
	margin:8em auto;
	padding:0 3em 3em 3em;
}

.reel > article a { cursor: pointer;}

.inner-tab > a {
	background-color:#ECECEC;
	border-radius:0  0 1em 1em;
	cursor: pointer;
	color:#E32E31;
	display:block;
	width:160px;
	height:50px;
	font-size:1em;
	line-height:40px;
	float:right;
	text-align:center;
}
.inner-tab > a:hover {
	color: #1245CF;
}

.inner-tab > h2 {
	margin:1em auto 0.5em;
	text-align:center;
}

.timetab {
	border:2px solid #CFD3D5;
	width:80%;
	margin:0 auto;
}

.timetab th,
.timetab td {
	border:1px solid #CFD3D5;
	padding:0.5em 0.5em 0.5em 1em;
	font-weight:600;
	letter-spacing:0.1em;
}

.timetab th {
	background-color: #E6E8E9;
	color:#333333;
}

.end {
	color: #C9C9C9;
	font-weight:100;
}


	
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer {
		position: relative;
		overflow: hidden;
		padding: 2em 0 2em 0;
		background: #005bac; /* Old browsers */
		background: -moz-linear-gradient(top, #00a0e9 0%, #005bac 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #00a0e9 0%,#005bac 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #00a0e9 0%,#005bac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e9', endColorstr='#005bac',GradientType=0 ); /* IE6-9 */
		color: #fff;
	}
		
			#footer .contact p {
				text-align: center;
				margin: 0 0 1em 0;
				font-size:0.8em;
				letter-spacing:0.1em;
			}
			
			#footer .contact p >span {
				display:inline-block;
				margin-right:0.6em;
			}