/*
	Iridium by TEMPLATED
    templated.co @templatedco
    Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
	}

	body,input,textarea,select
	{
		font-size: 11pt;
	}

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

	#header
	{
		position: relative;
		padding: 3em 0em;
		text-align: center;
	}

		.homepage #header
		{
			padding: 3em 0em;
		}

		#header .container
		{
		}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		margin-bottom: 3em;
	}

		#logo h1
		{
			color: #FFF;
		}

		#logo h1 a
		{
			display: block;
			letter-spacing: 1px;
			text-decoration: none;
			/*text-transform: uppercase;*/
			font-size: 3em;
			font-weight: 400;
			color: #FFF;
			text-shadow: 1px 1px 100px #9bc1d4  , -1px 1px 100px #9bc1d4  , 1px -1px 100px #9bc1d4 , -1px -1px 100px #9bc1d4  ;;
		}

		#logo span
		{
			display: block;
			padding-top: 1em;
			letter-spacing: 1px;
			text-transform: uppercase;
			font-size: 1.5em;
			color: white;
			/* color: rgba(255,255,255,.5); */
			text-shadow: 2px 2px 100px #9bc1d4, -2px 2px 100px #9bc1d4, 2px -2px 100px #9bc1d4, -2px -2px 100px #9bc1d4;;
		}


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

	#nav
	{
	}

		#nav > ul > li
		{
			display: inline-block;
		}

			#nav > ul > li:last-child
			{
				padding-right: 0;
			}

			#nav > ul > li > a,
			#nav > ul > li > span
			{
				display: block;
				padding: 0.5em 1.0em;
				letter-spacing: 1px;
				text-decoration: none;
				text-transform: uppercase;
				font-weight: 200;
				font-size: 1em;
				outline: 0;
				color: white;
				/* color: rgba(255,255,255,.7); */
			}


			#nav > ul > li > a:hover
			{
				color: #FFF;
			}

			#nav li.active a
			{
				background: none;
				border-radius: 15px;
				border: 2px solid;
				border-color: rgba(255,255,255,.8);
				color: #FFF;
			}

			#nav > ul > li > ul
			{
				display: none;
			}


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

	#main
	{
		padding: 3em 0em 3em 0em;
	}

	#content
	{
	}

	#content header
	{
		margin-bottom: 2em;
	}

	#content header h2
	{
		font-size: 2em;
	}

	#content header .byline
	{
		font-size: 1.40em;
	}

	#sidebar h2
	{
		/* display: block; */
		padding-bottom: 0em;
		font-size: 2em;
	}

	/*参考 https://saruwakakun.com/html-css/reference/ul-ol-li-design */

	#sidebar ul {
		/* border: solid 2px #ffb03f; */
		padding: 0em 0.5em;
		position: relative;
	}

	 #sidebar ul li {
		/* line-height: 1.5; */
		padding: 0.5em 0 0.5em 1.0em;
		border-bottom: solid 1px silver;
		/* list-style-type: none!important; */
	  }

	#sidebar ul li:before
	{
		/* https://fontawesome.com/cheatsheet?from=io */
		font-family: "Font Awesome 5 Free";
		content: "\f054";
		font-weight: 900;
		position: absolute;
		left : 0.5em;
		color: darkgreen; 
	}

	#sidebar ul li:last-of-type
	{
		border-bottom: none;
	}

	#sidebar a {
		/* text-decoration: none; */
	}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

	#featured
	{
		padding: 6em 0em;
	}

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

	#footer
	{
		position: relative;
		padding: 3em 0em;
	}

	#footer h2
	{
		padding-bottom: 2em;
		font-size: 1.4em;
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		padding: 3em 0em;
	}