body
{
	background-color: #000;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #9aa6af;
	text-rendering: optimizelegibility;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-tap-highlight-color: rgba(0,0,0,0);
	-moz-text-size-adjust: none;
	-moz-font-smoothing: antialiased;
	-ms-tap-highlight-color: rgba(0,0,0,0);
	-ms-text-size-adjust: none;
	-ms-font-smoothing: antialiased;
}

a
{
	text-decoration: none;
}

.container
{
	overflow: hidden;
	/*background-color: #000;*/
	/*  Prevents Flickering  */
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}




header
{
	height: 60px;
	position: relative;
	background-color: #f3f5f6;
}

	header h1
	{
		color: #9aa6af;
		text-align: left;
		font-size: 27px;
		line-height: 60px;
		font-weight: bold;
		padding-left: 20px;
	}

.burger
{
	position: absolute;
	float: left;
	padding: .1rem;
	top: .05rem;
	left: .1rem;
	display: none;
}

	.burger li
	{
		width: 30px;
		height: 4px;
		background-color: #000;
		border-radius: 3px;
		margin: 5px 0;
	}
/*.burger.open li {background-color: #d9dde1;}*/

nav
{
	position: absolute;
	top: 0;
	right: 5px;
}

	nav li
	{
		float: left;
		display: inline-block;
	}

		nav li a
		{
			font-size: 11px;
			color: #9aa6af;
			padding: 24px 15px;
			display: block;
		}

			nav li a:hover
			{
				color: #000;
			}




/*  Removable CSS  */

/*.header-section,
.body-section,
.footer-section 
{padding: 20px;}*/

.header-section
{
	background-color: #ffffff;
}

.body-section
{
	background-color: #ffffff;
}

.footer-section
{
	background-color: #dadee1;
	padding: 30px 0;
}

	.footer-section p
	{
		margin-top: 3px;
	}

.placefiller
{
	text-align: center;
	font-size: 20px;
	border: 1px dashed rgba(190, 196, 202, 0.5);
}

.header-section .placefiller
{
	line-height: 300px;
}

.body-section .placefiller
{
	line-height: 900px;
}

.footer-section .placefiller
{
	line-height: 200px;
	border: 1px dashed rgba(190, 196, 202, 0.9);
}






@media only screen and (max-width: 780px)
{

	header
	{
		height: 1rem;
		z-index: 2;
		background-color: #ffffff;
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		/* starting point */
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}

		header h1
		{
			color: #ffffff;
			text-align: center;
			padding-left: 0;
			display: block;
		}

		header img
		{
			margin: 0 auto;
			text-align: center;
			padding-left: 0;
			display: block;
			height: 1rem;
		}

	.burger
	{
		display: block;
	}


	/*  Nav Drawer Layout  */
	nav
	{
		position: relative;
	}

		nav ul
		{
			height: 100%;
			overflow-y: auto;
		}

		nav li
		{
			display: block;
			float: none;
		}

			nav li a
			{
				padding: 22px 25px;
				letter-spacing: 3px;
				font-size: 14px;
			}

				nav li a.logo
				{
					display: none;
				}

				nav li a.active
				{
					color: #fff;
					background-color: #141e23;
				}

				nav li a:hover
				{
					color: #fff;
					background-color: #19252c;
				}

			nav li:first-child a.active,
			nav li:first-child a:hover
			{
				border-radius: 10px 0 0 0;
			}

	.header-section
	{
		margin-top: 1rem;
	}


	/* NAVIGATION ANNIMATION */
	nav
	{
		width: 93%;
		height: 100%;
		position: fixed;
		left: 0;
		top: 0;
		margin: 0;
		background-color: #1d2d35;
		border-radius: 8px;
		/* starting point */
		opacity: .3;
		-webkit-transform: translate3d(5%,0,0)scale(.97);
		-moz-transform: translate3d(5%,0,0)scale(.97);
		transform: translate3d(5%,0,0)scale(.97);
	}

		/*Nav Expanding Open Effect*/
		nav.open
		{
			opacity: 1;
			-webkit-transform: translate3d(0,0,0)scale(1);
			-webkit-animation: slideIn .35s ease-in-out;
			-moz-transform: translate3d(0,0,0)scale(1);
			-moz-animation: slideIn .35s ease-in-out;
			transform: translate3d(0,0,0)scale(1);
			animation: slideIn .35s ease-in-out;
		}

	@-webkit-keyframes slideIn
	{
		0%
		{
			opacity: .3;
			-webkit-transform: translate3d(5%,0,0)scale(.97);
		}

		100%
		{
			opacity: 1;
			-webkit-transform: translate3d(0,0,0)scale(1);
		}
	}

	@-moz-keyframes slideIn
	{
		0%
		{
			opacity: .3;
			-moz-transform: translate3d(5%,0,0)scale(.97);
		}

		100%
		{
			opacity: 1;
			-moz-transform: translate3d(0,0,0)scale(1);
		}
	}

	@keyframes slideIn
	{
		0%
		{
			opacity: .3;
			transform: translate3d(5%,0,0)scale(.97);
		}

		100%
		{
			opacity: 1;
			transform: translate3d(0,0,0)scale(1);
		}
	}

	/*Nav Shrinking Closed Effect*/
	nav.close
	{
		opacity: .3;
		-webkit-transform: translate3d(5%,0,0)scale(.97);
		-webkit-animation: slideOut .3s ease-in-out;
		-moz-transform: translate3d(5%,0,0)scale(.97);
		-moz-animation: slideOut .3s ease-in-out;
		transform: translate3d(5%,0,0)scale(.97);
		animation: slideOut .3s ease-in-out;
	}

	@-webkit-keyframes slideOut
	{
		0%
		{
			opacity: 1;
			-webkit-transform: translate3d(0,0,0)scale(1);
		}

		100%
		{
			opacity: .3;
			-webkit-transform: translate3d(5%,0,0)scale(.97);
		}
	}

	@-moz-keyframes slideOut
	{
		0%
		{
			opacity: 1;
			-moz-transform: translate3d(0,0,0)scale(1);
		}

		100%
		{
			opacity: .3;
			-moz-transform: translate3d(5%,0,0)scale(.97);
		}
	}

	@keyframes slideOut
	{
		0%
		{
			opacity: 1;
			transform: translate3d(0,0,0)scale(1);
		}

		100%
		{
			opacity: .3;
			transform: translate3d(5%,0,0)scale(.97);
		}
	}



	/* CONTENT ANNIMATION */
	.content
	{
		/* starting point */
		-webkit-transform: translate3d(0,0,0);
		-moz-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		z-index: 1;
	}

		/*Content Sliding Open Effect*/
		header.open,
		.content.open
		{
			-webkit-transform: translate3d(240px,0,0);
			-webkit-animation: open .5s ease-in-out;
			-moz-transform: translate3d(240px,0,0);
			-moz-animation: open .5s ease-in-out;
			transform: translate3d(240px,0,0);
			animation: open .5s ease-in-out;
		}

	@-webkit-keyframes open
	{
		0%
		{
			-webkit-transform: translate3d(0,0,0);
		}

		70%
		{
			-webkit-transform: translate3d(260px,0,0);
		}

		100%
		{
			-webkit-transform: translate3d(240px,0,0);
		}
	}

	@-moz-keyframes open
	{
		0%
		{
			-moz-transform: translate3d(0,0,0);
		}

		70%
		{
			-moz-transform: translate3d(260px,0,0);
		}

		100%
		{
			-moz-transform: translate3d(240px,0,0);
		}
	}

	@keyframes open
	{
		0%
		{
			transform: translate3d(0,0,0);
		}

		70%
		{
			transform: translate3d(260px,0,0);
		}

		100%
		{
			transform: translate3d(240px,0,0);
		}
	}

	/*Content Sliding Closed Effect*/
	header.close,
	.content.close
	{
		-webkit-transform: translate3d(0,0,0);
		-webkit-animation: close .3s ease-in-out;
		-moz-transform: translate3d(0,0,0);
		-moz-animation: close .3s ease-in-out;
		transform: translate3d(0,0,0);
		animation: close .3s ease-in-out;
	}

	@-webkit-keyframes close
	{
		0%
		{
			-webkit-transform: translate3d(240px,0,0);
		}

		100%
		{
			-webkit-transform: translate3d(0,0,0);
		}
	}

	@-moz-keyframes close
	{
		0%
		{
			-moz-transform: translate3d(240px,0,0);
		}

		100%
		{
			-moz-transform: translate3d(0,0,0);
		}
	}

	@keyframes close
	{
		0%
		{
			transform: translate3d(240px,0,0);
		}

		100%
		{
			transform: translate3d(0,0,0);
		}
	}
}

.unit
{
	height: auto;
	padding-top: .5rem;
}

.bgc
{
	background-color: rgba(0,153,204,0.1);
}

.unit-top
{
	text-align: center;
}

	.unit-top p
	{
		font-size: .4rem;
		color: #000;
		line-height: .6rem;
	}

.box
{
	width: 20%;
	height: .05rem;
	margin: 0 auto;
	background-color: #0094ff;
}

.content
{
	margin-top: .5rem;
	/*padding-bottom: .3rem;*/
}

.business
{
	height: 1.7rem;
	padding: 0 .4rem;
	margin: 0 auto;
	margin-bottom:.4rem;
}

	.business li
	{
		list-style: none;
		float: left;
		margin: 0 .05rem;
	}

		.business li div
		{
			width: 1.23rem;
			height: 1.5rem;
			background: #0099cc;
			border-radius: 10px;
			box-shadow: .03rem .03rem .1rem #888888;
			text-align: center;
		}

			.business li div img
			{
				margin-top: .1rem;
				width: .8rem;
				height: .8rem;
			}

			.business li div p
			{
				margin-top: .1rem;
				color: #ffffff;
				font-size: .15rem;
			}

#Customer
{
	border-collapse: collapse;
	margin-top: .3rem;
	margin: 0 auto;
}

	#Customer tr td
	{
		width: 2rem;
		height: 1.3rem;
		border: 1px solid #808080;
		text-align: center;
	}

.fz3d img
{
	width: 1.5rem;
}

.logo-s
{
	height: 1.5rem;
}

.l-fz
{
	margin-top: .4rem;
}

.zzq-img
{
	margin-top: .2rem !important;
}

	.zzq-img ul
	{
		width: 90% !important;
		height: 6rem !important;
		margin: 0 auto !important;
	}

	.zzq-img li
	{
		float: left !important;
		margin: 0 .2rem !important;
	}

	.zzq-img img
	{
		width: 2.5rem !important;
		height: 3rem !important;
	}

.ADtext img
{
	width: 90%;
	height: auto;
}

.GridViewStyle a
{
	color: #888888;
}

.paginator
{
	margin-left: 5px !important;
	font: .1rem Arial !important;
}

	.paginator table tbody tr td:first-child
	{
		display: none;
	}

.top
{
	font-size: .5rem;
	text-align: center;
	color: #000000;
	margin-top: .3rem;
}

.content-j p
{
	margin: 0 20px;
	font-size: .3rem;
	padding-bottom: 5px;
	text-align: left;
	color: #808080;
}

.name
{
	font-size: .4rem;
	color: #000000;
}

.yq
{
	border: 1px solid #808080;
	margin: 0 .2rem .2rem .2rem;
	padding: .2rem 0;
}

.unit .top
{
	font-size: .5rem;
	text-align: center;
	color: #000000;
	margin-top: .3rem;
	font-size: .4rem;
	color: #000000;
}

.unit .ts
{
	border: 1px solid #808080;
	margin: 0 .2rem;
	text-align: center;
	margin-bottom: .2rem;
}

	.unit .ts img
	{
		width: 80%;
		height: 4rem;
	}

	.unit .ts p
	{
		margin: 0 20px;
		font-size: .3rem;
		padding-bottom: 5px;
		color: #808080;
	}
#ctl00_ContentPH_fline
{
	display:none;
}