/* #Base (1180 Grid)
================================================== */
.subbanner_bg {
	background-color: #8FBC13;
}
.subbanner_bg h1 {
	color: #fff;
	text-align: right;
	letter-spacing: 2px;
	padding: 3% 0px 1% 0px;
	text-transform: uppercase;
}
.subcontent_bg {
	padding: 2% 0px;
	background-color: #eee;
}
.content {
	float: left;
	width: 100%;
}
.con_lft {
	width: 22%;
	float: left;
}
.submenu, .location {
	float: left;
	width: 100%;
	margin-bottom: 10%;
}
.submenu ul {
	text-align: left;
}
.submenu ul > ul {
	margin-left: 20px;
}
.submenu li {
	list-style: none;
	margin-bottom: 2px;
	text-transform: uppercase;
}
.submenu ul > ul > li {
	text-transform: none;
}
.submenu a {
	color: #fff;
	display: block;
	padding: 15px 10px;
	background-color: #999;
}
.submenu a:hover {
	background-color: #aaa;
}
.submenu .on {
	color: #19191a;
	background-color: #fff;
}
.location {
	float: left;
	width: 100%;
}
.icon01 a, .icon02 a, .icon03 a, .icon04 a {
	color: #fff;
	display: block;
	padding: 15px 10px;
	margin-bottom: 1px;
}
.icon01 a {
	background-color: #c1c3c0;
}
.icon02 a {
	background-color: #136f63;
}
.icon03 a {
	background-color: #c36f09;
}
.icon04 a {
	background-color: #3e2f5b;
}
.location a:hover {
	background-color: #666;
}
.con_middle {
	width: 70%;
	float: left;
	padding: 4%;
	background-color: #fff;
}
.con_middle h1 {
	color: #009bdf;
	margin-bottom: 3%;
}
.con_middle h2 {
	color: #136f63;
	margin-bottom: 3%;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
}
.con_middle h3 {
	color: #000;
	margin-bottom: 3%;
}
.con_middle h4 {
	color: #3e2f5b;
	margin-bottom: 3%;
}
.con_middle h5 {
	color: #c36f09;
	margin-bottom: 3%;
}
.con_middle h6 {
	margin-bottom: 3%;
}
.con_middle p {
	margin-bottom: 3%;
}
.con_middle ul, .con_middle ol {
	margin: 0px 0px 3% 0;
}
.con_middle ul li {
	list-style: none;
	padding: 0px 0px 5px 30px;
	background: url(../images/arr01.png) 10px 5px no-repeat;
}
.con_middle ul ul, .con_middle ol ol {
	padding: 2% 0px 0px 0px;
}
.con_middle a {
	color: #06c;
}
.con_middle a:hover {
	text-decoration: underline;
}
.service {
	float: left;
	width: 100%;
}
.alignLft {
	width: 45%;
	float: left;
	margin: 0 3% 3% 0;
	box-shadow: 0px 0px 5px #aaa;
	border-radius: 5px;
}
.alignRft {
	width: 45%;
	float: right;
	margin: 0 3% 3% 0;
	box-shadow: 0px 0px 5px #aaa;
	border-radius: 5px;
}
.pro_img {
	width: 45%;
	float: left;
	padding: 2% 0;
	margin-bottom: 2%;
	text-align: center;
	box-shadow: 0px 0px 5px #aaa;
	border-radius: 5px;
}
.prod01 {
	background-color: #c1c3c0;
}
.prod02 {
	background-color: #136f63;
}
.prod03 {
	background-color: #3e2f5b;
}
.pro_desc {
	width: 50%;
	float: right;
	margin-bottom: 2%;
}
.contMain {
	width: 99%;
	float: left;
	margin-bottom: 15px;
	border: 1px solid #e6e6e6;
}
.imgSection, .imgSection1 {
	width: 40%;
	float: left;
}
.imgSection img {
	float: left;
	border-left: 10px solid #3652a3;
}
.imgSection1 img {
	float: left;
	border-left: 10px solid #19a7e3;
}
.contArea {
	width: 54%;
	float: right;
	padding-right: 1%;
}
.contArea h4 {
	padding-top: 3%;
	text-transform: uppercase;
}
.contArea a {
	color: #06c;
	margin-left: 5px;
}
.contArea a:hover {
	text-decoration: underline;
}
#accordion {
	width: 100%;
	float: left;
}
#accordion h5 {
	color: #fff;
}
.accordion-toggle {
	color: #fff;
	float: left;
	width: 100%;
	cursor: pointer;
	padding: 10px 0px;
	background-color: #666;
	text-transform: uppercase;
	border-top: 1px solid #fff;
}
.accordion-toggle:hover {
	background-color: #0d4598;
}
.accordion-content.place {
	float: left;
	width: 100%;
}
.accordion-toggle.active {
	background-color: #0d4598;
}
.accordion-content.place p {
	padding: 10px 0px;
}
.accoImg {
	width: 40%;
	float: left;
	padding: 20px 0px 20px 2%;
}
.accoCont {
	width: 52%;
	float: right;
	padding: 20px 2% 20px 0px;
}
.minus {
	width: 7px;
	float: left;
	height: 20px;
	padding-right: 40px;
	background: url("../images/slide_arr.png") no-repeat 20px 8px;
}
.plus {
	width: 7px;
	float: left;
	height: 20px;
	padding-right: 40px;
	background: url("../images/slide_arr1.png") no-repeat 20px 8px;
}
@media only screen and (min-width:1290px) and (max-width:1390px) {
}
/* #Dekstop (960 Grid)
================================================== */
@media only screen and (min-width:960px) and (max-width:1389px) {
}
@media only screen and (min-width:769px) and (max-width:1040px) {
}
/* #Tablet (Landscape)
================================================== */
@media only screen and (min-width:768px) and (max-width:990px) {
.icon01 a, .icon02 a, .icon03 a, .icon04 a {
	padding: 10px 10px;
}
}
/* #Tablet (Portrait)
================================================== */
@media all and (max-width: 768px) {
}
/*  #Mobile (Portrait)
================================================== */
@media only screen and (max-width:767px) {
.con_lft, .con_rht {
	float: left;
	width: 100%;
}
.submenu, .location {
	margin-bottom: 2%;
}
.submenu li {
	margin-bottom: 1px;
}
.submenu a {
	background-position: 10px 7px;
}
.con_middle {
	width: 90%;
	float: left;
	padding: 5%;
}
.icon01 a, .icon02 a, .icon03 a, .icon04 a {
	padding: 10px 10px;
}
}
/* #Mobile (Landscape)
================================================== */
@media only screen and (min-width:480px) and (max-width:767px) {
.con_lft, .con_rht {
	float: left;
	width: 100%;
}
.submenu, .location {
	margin-bottom: 2%;
}
.submenu li {
	margin-bottom: 1px;
}
.submenu a {
	background-position: 10px 8px;
}
.con_middle {
	width: 90%;
	float: left;
	padding: 5%;
}
.icon01 a, .icon02 a, .icon03 a, .icon04 a {
	padding: 10px 10px;
}
}