/*
	Miniport by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

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

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

	h1
	{
		font-size: 3.25em;
		letter-spacing: -0.025em;
		width:999px;
		height:248px;
		background:url(../images/title.jpg) no-repeat;
		margin:0 auto;
		text-indent:-9999px;
		
	}

	h2
	{
		font-size: 2em;
		letter-spacing: -0.015em;
		line-height:150%;
		color:#EA5504;
	}
	
	h3
	{
		font-size: 1.4em;
		letter-spacing: -0.015em;
	}

	h1, h2, h3, h4, h5, h6
	{
		/*margin: 0 0 0.75em 0;*/
	}

	header
	{
		margin: 0 0 3em 0;
	}
	
		header > p
		{
			/*font-size: 1.25em;*/
			margin: 0;
			text-align:left;
		}

	footer
	{
		margin: 3em 0 0 0;
	}
	
		footer > p
		{
			font-size: 1.25em;
		}
	
	/* Form */
	
		form
		{
		}
		
			form .button,.button02 
			{
				margin: 0 0.5em 0 0.5em;
			}

	/* Button */
	
		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button, .button02 
		{
			padding: 1em 2.35em 1em 2.35em;
			font-size: 1.1em;
		}

			input[type="button"].big,
			input[type="submit"].big,
			input[type="reset"].big,
			.button.big, .button02.big 
			{
				font-size: 1.5em;
				letter-spacing: -0.025em;
			}

	/* Box */

		.box
		{
			padding: 2em;
		}

			.box.style1
			{
				/*padding: 3em 2em 3.5em 2em;*/
			}

				.box.style1 h3
				{
					margin-bottom: 0.5em;
				}

			.box.style2
			{
			}

				.box.style2 h3
				{
					margin-bottom: 0.25em;
				}

				.box.style2 .image
				{
					position: relative;
					left: 2em;
					top: 2em;
					margin: -4em 0 4em -4em;
					width: auto;
				}



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

	header
	{
		margin: 0 0 2em 0;
	}
	
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	.wrapper
	{
		padding: 50px 0 40px;
		text-align: center;
	}
	
		.wrapper.first
		{
			/*padding-top: 9em;*/
		}

		.wrapper.style4 .row-special
		{
			margin: 2em 0 0 0;
			padding: 2em 0 2em 0;
		}
		
/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
	}

		#nav a:hover
		{
			background: #383838;
		}
		
		#nav a:active
		{
			background: #484848;
		}
	
		#nav a
		{
			padding: 0.2em 1em 0.2em 1em;
			margin: 0.6em 0.2em 0.6em 0.2em;
			font-weight: 600;
			border-radius: 8px;
			-moz-transition: background-color .2s ease-in-out;
			-webkit-transition: background-color .2s ease-in-out;
			-o-transition: background-color .2s ease-in-out;
			-ms-transition: background-color .2s ease-in-out;
			transition: background-color .2s ease-in-out;
			color: #fff;
		}


/*********************************************************************************/
/* Articles                                                                      */
/*********************************************************************************/

	#top
	{
		text-align: left;
	}

		#top .image
		{
			width: 20em;
			height: 20em;
			margin: 0;
		}

		#top h1
		{
			margin-top: 0.35em;
			line-height:120%;
			color:#fff;
		}
	
		#top p
		{
			font-size: 1.5em;
			line-height: 1.75em;
			color:#fff;
		}
		
		#top p strong
		{
			color:#fff;
		}
		
	#contact
	{
	}
	
		#contact footer
		{
			font-size: 0.9em;
		}

	#top
	{
	}

		#top .image
		{
			width: 460px;
			height: 460px;
			margin: 0;
		}

/*0731’Ç‰Á*/

ul {
list-style-type:disc;
}

.list-text {
	text-align:left;
	width:60%;
	margin:0 auto;
}

.margin-t30 {
	margin-top:30px;
}

.margin-b10 {
	margin-bottom:10px;
}

.margin-b30 {
	margin-bottom:30px;
}

.text-left {
	text-align:left;
}

#portfolio h2 {
	font-size:35px;
}

#portfolio h2,
#portfolio p {
	color:#fff;
}

.about-area {
	width:960px;
	margin:0 auto;
	text-align:left;
}

.main-img {
	float:left;
}

.main-area {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}

.column-box {
	background-color:#ffffff;
	border-radius: 8px 8px 8px 8px;
	padding:15px 15px 10px 15px;
	color:#3E3E3E;
	font-weight:bold;
	text-align:center;
}

.f-left {
	float:left;
}

.f-right {
	float:right;
}

table {
    border-collapse: collapse;
    font-size: 13px;
    margin: 18px 0 50px;
    width: 100%;
	padding: 10px 0 20px 30px;
	color:#fff;
}

table, th, td {
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    line-height: 160%;
    list-style-type: none;
}

table th {
	border-bottom: 1px dotted #FFF;
    font-weight: bold;
    padding: 20px 10px;
    table-layout: fixed;
    text-align: left;
    width: 20%;
}

table td {
	border-bottom: 1px dotted #FFF;
    padding: 10px;
    text-align: left;
}

.style5 h2 {
	color:#fff;
}

.formtext {
	width:200px;
	text-align:left;
	margin-left:8px;
	margin-top:8px;
	font-size:115%;
	font-weight:bold;
}
	
.form {
	margin:0 auto;
}

.text-color {
	color:#888888;
}


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

	#copyright
	{
		font-size: 1em;
	}

		#copyright li
		{
			display: inline-block;
			border-left: solid 1px rgba(0,0,0,0.5);
			box-shadow: -1px 0px 0px 0px rgba(255,255,255,0.1);
			padding: 0 1em 0 1em;
		}
		
		#copyright li:first-child
		{
			border: 0;
			box-shadow: none;
			padding-left: 0;
		}