*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
.clear:before, .clear:after {content:' '; display:table;}
.clear:after {clear:both;}
.clear {*zoom:1;}
body {
	text-align:center;
	color:#000; 
	font:600 12px/1.4 Arial;
}
img {border:none; vertical-align:middle;}
a {color:#000; font-weight:normal;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none; color:#000;}
a:hover {text-decoration: none; background-color:none; color:#000;}
span{margin:0px; padding:0px;}
div {font-size:12px;}
p {font:600 13px/1.4 Arial; font-weight:normal; text-align:justify;}
h3 {
	margin-left:0;
	font-size:16px;
	font-stretch:ultra-condensed;
	text-transform:uppercase;
	text-align:left;
	color:#012476;
}

form {
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.62);
	-moz-box-shadow: 	0px 0px 8px 0px rgba(0, 0, 0, 0.62);
	box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.62);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding:15px;
	background: #F4F4F4;
	min-width:244px;
	text-align:center;
	vertical-align:middle;
	display:inline-block;
	max-width:320px;
	margin-top:10px;
}

input, textarea  {
	border: 1px solid #F4F4F4;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	height:30px;
	display:inline-block;
	margin:0;
	margin-bottom:10px;
}

textarea {
	min-height:100px;
}

label {
	width:40%;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}

input[type=submit] {
    padding:5px 15px; 
    background:#003d64;
	color:#FFF;
    border:none;
    cursor:pointer;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
}

input[type=submit]:hover {
	 background:#00A933;
}

ul {
	font-weight:normal;
	text-align:justify;
}

@-webkit-keyframes InDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -80%, 0);
		transform: translate3d(0, -80%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
  
@keyframes InDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -80%, 0);
		transform: translate3d(0, -80%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
} 

@-webkit-keyframes InLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
  
@keyframes InLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
} 

@-webkit-keyframes InRight {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	100% {
		opacity: 0;		
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
  
@keyframes InRight {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
} 

@-webkit-keyframes fadeIn { 0% { opacity: 0;} 100% { opacity: 1;} }  
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }

#PageContent {
	text-align:center;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
}
	
	#HeaderBar {
		height:15px;
		background:#003457;
	}

	#HeaderContainer {
		background:#FFF;
		-webkit-box-shadow: 0px -3px 10px 0px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px -3px 10px 0px rgba(50, 50, 50, 0.75);
		box-shadow:         0px -3px 10px 0px rgba(50, 50, 50, 0.75);
	}
	
	#HeaderLogo {
		height:99px;
		width:240px;
		display:inline-block;
		background:url(image/logo.png) center no-repeat;
		cursor:pointer;
		float:left; 
		margin-left:50px;
		-webkit-animation-name: InDown;
		animation-name: InDown;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
	}
	
	#HeaderMenu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		height:99px;
		margin-right:50px; 
		text-align:right;
	}
		#HeaderMenu li {display:inline-block; height:99px;}
		
		#HeaderMenu li a, #HeaderMenu li a.Select {
			display:inline-block;
			text-align:center;
			margin:1px;
			padding:10px; 
			padding-top:40px;
			text-decoration: none;
			border-bottom:1px solid #FFF;		
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			-o-transition: all .3s;
			-webkit-transition: all .3s;
		}
		
		#HeaderMenu li a:hover, #HeaderMenu li a.Select , #HeaderMenu li a.Select:hover {
			border-bottom:5px solid #00A933;
		}
		
	#HeaderSubContainer {
		max-height:0px;
		overflow:hidden;
		background:#003457;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		-webkit-transition: all .3s;
	}
	
	#HeaderSubContainer ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	#HeaderSubContainer li{
		display:inline-block;
		width:25%;
		vertical-align:top;
	}
	
	#HeaderSubContainer img {
		display:inline-block;
	}
	
	#HeaderSubContainer span {
		display:block;
	}
	
	#HeaderSubContainer a, #HeaderSubContainer a.Select{
		text-align:center;
		padding:10px;
		color:#FFF;
		display:block;
		background:#003457;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		-webkit-transition: all .3s;
	}
	
	#HeaderSubContainer a:hover, #HeaderSubContainer a.Select, #HeaderSubContainer a.Select:hover{
		background:#074f7d;		
	}
	
	#HeaderDesign {height:50px; background:url(image/hbg.jpg) top right no-repeat; margin-bottom:-50px;}
	#FooterDesign {height:50px; background:url(image/fbg.jpg) bottom left no-repeat;}
	
	.PageSubContainer {
		background:#518625;
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align:center;
	}
	
	.PageSubContainer  li{
		display:inline-block;
		vertical-align:top;
	}
	
	.PageSubContainer  img {
		display:inline-block;
	}
	
	.PageSubContainer  span {
		display:block;
		width:155px;
		min-height:60px;
	}
	
	.PageSubContainer  a, .PageSubContainer  a.Select{
		text-align:center;
		padding:10px;
		color:#FFF;
		display:block;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		-webkit-transition: all .3s;
	}
	
	.PageSubContainer  a:hover, .PageSubContainer  a.Select, .PageSubContainer a.Select:hover{
		background:#294C05;		
	}

	#MiddleContent {
		text-align:center;
		display:inline-block;
		width:85.2%;
	}
	
	#FooterContainer {background:#353635;}
	
	#FooterMenu, .fMenu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		text-align:center;
	}
		#FooterMenu ul, .fMenu ul {
			margin: 0;
			padding: 0; 
		}
	
		#FooterMenu li, .fMenu il {
			display:inline-block;
			width:280px;
			vertical-align:top;
			text-align:left;
			color:#FFF;
			margin:10px;
			padding: 0;
		}
		
		#FooterMenu li ul li, .fMenu li ul li { 
			width:auto;
			display:block;
			border-bottom:1px solid #6D6E6D;
		}
		
		#FooterMenu li a, #FooterMenu li a.Select {
			display:block;
			color:#FFF;
			padding-left:25px;
			margin-left:15px;
			background:url(image/li.png) center left no-repeat;
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			-o-transition: all .3s;
			-webkit-transition: all .3s;
		}
		
		#FooterMenu li.home, .fMenu li.home {background:url(image/home.png) center left no-repeat; padding-left:23px;}
		#FooterMenu li.tel, .fMenu li.tel {background:url(image/tel.png) center left no-repeat; padding-left:23px;}
		#FooterMenu li.mail, .fMenu li.mail {background:url(image/mail.png) center left no-repeat; padding-left:23px;}
		
		#FooterMenu li a.Select {
			margin-left:25px;
		}
		
		#FooterMenu li a:hover, #FooterMenu li a.Select:hover {
			padding-left:32px;
		}
		
		#FooterMenu h3 {
			color:#FFF;
			font-weight:normal;
			text-align:left;
		}
		
		#FooterMenu p {
			color:#FFF;
			text-align:justify;
			font-weight:normal;
		}
	
	#FooterBar {
		height:33px;
		background:#1C1C1C;
		padding:10px;
		color:#FFF;
		font-weight:normal;
		font-size:11px;
		text-align:left;
	}
	
	.fMenu {
		display:inline-block;
		text-align:left;
		margin:20px;
		vertical-align:top;
	}
	
	.fMenu li {
		color:#000;
		font-size:20px;
		text-align:right;
		font-weight:bold;
	}
	
	#Banner {
		height:397px;
		text-align:right;
		overflow:hidden;
	}
	
	#BannerIMG_BG {
		position:absolute;
		-webkit-animation-name: InLeft;
		animation-name: InLeft;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
	}
	
	#BannerIMG {
		-webkit-animation-name: InLeft;
		animation-name: InLeft;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
	}
	
	#PageInfo {
		background:url(image/bginfo.jpg) center bottom no-repeat #518625;
		color:#FFF;
		font-weight:normal;
		padding:5px;
		padding-bottom:30px;
		text-align:center;
		margin-bottom:20px;
	}
	
	#PageInfo  div {display:inline-block;}
	#PageInfo  p {text-align:center; margin:0px; margin-bottom:10px;}
	
	#PageInfo h3 {
		text-align:center;
		color:#FFF;
		font-weight:bold;
		padding-top:-5px;
		margin:0px;
		font-size:20px;
	}
	
	#BoxAreaContainer {padding-bottom:115px; background:url(image/bgboxarea.png) center bottom no-repeat;}
	
	.BoxArea {
		background:#F4F4F4;
		width:250px;
		display:inline-block;
		font-weight:normal;
		margin:8px;
		vertical-align:top;
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.62);
		-moz-box-shadow: 	0px 0px 8px 0px rgba(0, 0, 0, 0.62);
		box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.62);
	}
	
	.BoxArea img {
		-webkit-animation-name: InDown;
		animation-name: InDown;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
	}
	.BoxArea  div {padding:10px;}
	.BoxArea  h3 {font-weight:normal; color:#000;}
	.BoxArea hr { width: 40%; height:3px; border:none; background:#969696;}
	.BoxArea p {min-height:80px;}
	.BoxArea  a {
		background:url(image/bgbtn.jpg) center top no-repeat; 
		height:30px; 
		display:inline-block;
		color:#FFF;
		padding:5px;
		padding-top:6px;
		border:1px solid #4070B7;
		font-weight:bold;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		-webkit-transition: all .3s;
	}
	.BoxArea  a:hover {
		background-position: center bottom;
	}
	
	.Box {
		-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.62);
		-moz-box-shadow: 	0px 0px 8px 0px rgba(0, 0, 0, 0.62);
		box-shadow:         0px 0px 8px 0px rgba(0, 0, 0, 0.62);
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		padding:15px;
		background:#FFF;
		min-width:244px;
		text-align:center;
		vertical-align:middle;
	}
	
	.Box img {
		-webkit-animation-name: InDown;
		animation-name: InDown;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
	}
	
	.BoxSingle {display:inline-block;}	
	.SideContent {vertical-align:middle; display:inline-block; width:49%;}
	.SideContent p {text-align:justify;}
	.SideContent img {
		-webkit-animation-name: InDown;
		animation-name: InDown;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
	}
	
	.linkTo {
		color:#003D64;
		font-weight:bold;
	}
	
	.img {margin:5px;}
	
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {
	h3 {text-align:center; padding:5px;}
	#MiddleContent {width:100%;}
	#HeaderMenu {overflow:visible; height:auto;}
	#HeaderLogo { float:none; margin-left:0px;}	
	#HeaderMenu li {display:block; height:auto;}
	#HeaderMenu li a, #HeaderMenu li a.Select { padding:10px;}
	#PageInfo  div {width:90%;}
	.BoxArea {width:100%; margin:10px 0px 10px 0px; padding:10px;}	
	.BoxArea h3 { text-align:center;}	
	.Box {margin:10px 0px 10px 0px; display:block; overflow:auto;}	
	.SideContent {display:block; padding:10px; width:100%;}
	.SideContent img {width:100%;}	
	#FooterContainer {padding:5px;}	
	#FooterBar {text-align:center; padding-left:0;}
}

@media only screen and (min-width:480px) {
	#HeaderMenu li {display:inline-block; height:70px;}
	.BoxArea {width:350px; margin:8px; padding-top:10px;}
	.SideContent img {width:auto;}
}

@media only screen and (min-width:768px) {
	h3 {margin-left:50px; text-align:left}
	#HeaderLogo { float:left; margin-left:50px;}	
	#HeaderMenu {overflow:hidden; margin-right:20px; text-align:right;}	
	#HeaderMenu li {display:inline-block; height:99px;}
	#HeaderMenu li a, #HeaderMenu li a.Select { padding:10px; padding-top:40px;}	
	.BoxArea  h3 {margin:0px; margin-top:5px; min-height:55px;}
	.Box {margin:10px; display:block; overflow:auto;}
	.SideContent {display:inline-block; width:49%;}
	.SideContent img {max-width:350px}	
	#PageInfo  div {width:80%;}
	#PageInfo  h3 {margin:0px;}
	#FooterMenu h3 {margin:0px;}
	#FooterBar {text-align:left; padding-left:50px;}
}

@media only screen and (min-width:1024px) {
	h3 {margin-left:20px;}
	#HeaderMenu {margin-right:50px; text-align:right;}
	#MiddleContent {max-width:1067px;}
	.BoxArea {width:250px; margin:2px; padding:0;}
	.Box {overflow:visible;}
	.Box img {max-width:970px;}
	.BoxSingle {display:inline-block;}
	.SideContent img {max-width:510px}
}

@media only screen and (min-width:1140px) {
	h3 {margin-left:0;}
	.BoxArea { width:250px; margin:8px; padding:0;}
	.SideContent { display:inline-block; width:49%;}
	.SideContent img {max-width:550px}	
	.Box img {max-width:1024px;}
	.BoxSingle img  {max-width:210px;}	
	#FooterContainer {padding:25px;}
	#FooterBar {padding-left:50px;}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi) {

}

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}