/* for webkit browser */
@-webkit-viewport{width:device-width;}
/* for mozilla browser */
@-moz-viewport{width:device-width;}
/* for ie browser */
@-ms-viewport{width:device-width;}
/* for opera browser */
@-o-viewport{width:device-width;}
/* for other browser */
@viewport{width:device-width;}

@font-face{
	font-family: 'Noto Sans SC', Gotham, Arial, sans-serif;
	font-style: normal;
}

html {
  scroll-behavior: smooth;
}

body{
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	color:#37302a;
	background:#f1f2f2;
	font-family: 'Noto Sans SC', Gotham, Arial, sans-serif;
	font-style: normal;
}

h1{ 
	font-size:0; margin:0 auto; padding:0; 
}

h2{ 
	font-size:1.8em; 
	font-weight:900; 
	color:#000;
	text-transform:uppercase; 
	line-height:1.5; 
	margin:0 auto 0.2em; 
}

h3{
	font-size:1.3em;
	font-weight:900; 
	line-height:1.5; 
}

h4{
	font-size:1.1em; 
	font-weight:500; 
	width:60%; 
	margin: 0 auto;
	margin-bottom:20px;
	line-height:1.5; 
	border-bottom:#000 solid 1px; 
}

p{
	/* width:90%; */ 
	font-size:1em; 
	font-weight:300; 
	line-height:1.5;
	margin:0 auto; 
	margin-bottom:2em;
}

.italic { font-style:italic; }
.mb1 { margin-bottom:1em; }
.mb2 { margin-bottom:2em; }
.mb3 { margin-bottom:3em; }
.mb4 { margin-bottom:4em; }
.mb5 { margin-bottom:5em; }

.mt1 { margin-top:1em; }
.mt2 { margin-top:2em; }
.mt3 { margin-top:3em; }
.mt4 { margin-top:4em; }
.mt5 { margin-top:5em; }

.ml1 { margin-left:1em; }
.ml2 { margin-left:2em; }
.ml3 { margin-left:3em; }
.ml4 { margin-left:4em; }
.ml5 { margin-left:5em; }

.bold { font-weight:900; }
.medium { font-weight:500; }
.regular { font-weight:300; }
.uppercase { text-transform:uppercase; }
.underline { text-decoration: underline; }

.FujikinBlue { color:rgba(40,156,217,1.0); }
.SmallerText { font-size: 0.7em; }

.textleft { text-align: left; }
.textright { text-align: right; }
.textcenter { text-align: center; }
.textjustify { text-align: justify; }

img { width: 100%; height: auto; }


/* unvisited link */
a:link { color: #333; text-decoration:none; }

/* visited link */
a:visited { color: #000; }

/* mouse over link */
a:hover { color: #666; text-decoration:underline; }

/* selected link */
a:active { color: #000; }


span.ts14 { font-size:1.4em; }
span.ts13 { font-size:1.3em; }
span.ts12 { font-size:1.2em; }
span.ts11 { font-size:1.1em; }
span.ts10 { font-size:1.0em; }
span.ts09 { font-size:0.9em; }
span.ts08 { font-size:0.8em; }
span.ts07 { font-size:0.7em; }
span.ts06 { font-size:0.6em; }
span.red { color: crimson; font-size: 14px; }

.pc { display: block; }
.sp { display: none; }

.wrapper { 
	width:100%; 
	min-height:100%; 
	margin:0 auto; 
	position:relative; 
	background:#FFF;
}

header {
	background:rgba(255,255,255,1.0);
	margin: 0 auto; 
	width:100%;
	/* max-width:950px; */ 
	height:100px;
	position:fixed;
	z-index:5; 
	text-align:center;
	/* display:none; */
	box-shadow: 0 5px 8px rgba(0,0,0,0.3);
}


section{
	border-bottom:0;
	text-align:center;
	width:100%;
	margin: 0 auto; 
	padding:100px 0; 
	height:auto;
}



/*++++++ MOBILE NAVIGATIONS ++++++*/


#menuToggle {
	display: block;
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 1;
	-webkit-user-select: none;
	user-select: none;
}

#menuToggle a {
	text-decoration: none;
	color: #FFF;
	transition: color 0.3s ease;
}

#menuToggle a:hover {
	color: #FFF;
}

#menuToggle input {
	display: block;
	width: 40px;
	height: 32px;
	position: absolute;
	top: -7px;
	left: -5px;
	cursor: pointer;
	opacity: 0; /* Hide this */
	z-index: 2; /* To place it over the hamburger */
	-webkit-touch-callout: none;
}

/* The hamburger Stripes */

#menuToggle span
{
	display: block;
	width: 33px;
	height: 4px;
	margin-bottom: 5px;
	position: relative;
	background: rgba(0,173,239,1.0);
	border-radius: 3px;
	z-index: 1;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
				opacity 0.55s ease;
}

#menuToggle span:first-child
{
	transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
	transform-origin: 0% 100%;
}

/* Transform all the slices of hamburger into a crossmark. */
	
#menuToggle input:checked ~ span
{
	opacity: 1;
	transform: rotate(45deg) translate(-2px, -1px);
	background:#FFF;
}

/* But let's hide the middle one. */
	
#menuToggle input:checked ~ span:nth-last-child(3)
{
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

/* The last one should go the other direction */
	
#menuToggle input:checked ~ span:nth-last-child(2)
{
	transform: rotate(-45deg) translate(0, -1px);
}

/* Make this absolute positioned at the top right of the screen */
	
#menu
{

	position: absolute;
	width: 300px;
	margin: -100px 0 0 -300px;
	padding: 30px;
	padding-top: 120px;
	background:rgba(0,173,239,1.0); /* FujikinBlue Light */
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	/* to stop flickering of text in safari */
	transform-origin: 0% 0%;
	transform: translate(0, -100%);
	transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}

#menu li
{
	padding: 12px 0;
	font-size: 21px; border-bottom: rgba(255,255,255,0.3) 1px solid;
	text-transform: uppercase;
}

/* And let's slide it in from the left */
	
#menuToggle input:checked ~ ul
{
  transform: none;
}
	


/*++++++ DESKTOP NAVIGATIONS ++++++*/

.logo1{
	-webkit-tap-highlight-color:transparent;
	text-decoration:none;
	left:6%; 
	top:0;
	position:absolute; 
	background:none;
	width: 60%; 
	max-width:330px; 
	padding:2em 0; 

}

.desktopMenu { /*++ Desktop Nav Left Panell ++*/
	display:block;
	float:right;
	margin: 0 auto;
	margin-right:3%;
	width:62%;
}

.desktopMenu *{
	box-sizing:border-box;
}

.desktopMenu ul{
	margin:0; 
	margin:24px 0 0 0; 
	padding:0;
	width:100%; 
	height:auto;
	display:block;
	list-style:none;
	overflow:hidden;
	z-index:10;
}

.desktopMenu li{ /* Desktop Nav Width */
	display:block;
	float:right; 
	width:15%; 
	margin-left:1%; 
	text-align:center;
}

.desktopMenu a{
	display:block;
	border-bottom:1px solid rgba(0,173,239,1.0); width: 100%;
	padding:12px 0;
	text-transform: uppercase;
	border-top:0;
	float: left;
	margin:0 auto;
	background:#FFF; 
	text-decoration: none;
	color: rgba(0,173,239,1.0);
}

.desktopMenu a:active{
	background:#FFF;
	color: rgba(0,173,239,1.0);
}

.desktopMenu a:hover{
	color:rgba(0,173,239,1.0);
	border-bottom:3px solid rgba(0,173,239,1.0);
	background: none;
}
	
.desktopMenu ul ul a{
	display:none;
}
	


/*++++++ NAVIGATIONS ++++++*/

.nav-collapse ul{
	margin:0; 
	margin:24px 0 0 0; 
	padding:0;
	width:100%; 
	height:auto;
	display:block;
	list-style:none;
}

.nav-collapse li{
	width:100%;
	display:block;
}

.js .nav-collapse{
	clip:rect(0 0 0 0);
	max-height:0;
	position:absolute;
	display:block;
	overflow:hidden;
	zoom:1;
}

.nav-collapse.opened{
	max-height:9999px;
}

.disable-pointer-events{
	pointer-events:none; /* important */
}

.nav-toggle{
	-webkit-tap-highlight-color:transparent;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.logo{
	-webkit-tap-highlight-color:transparent;
	text-decoration:none;
	width: 32%; 
	max-width:330px; 
	padding:2em 0; 
	left:6%; 
	top:0;
	position:absolute; 
	background:none;
}

.mask{
	-webkit-transition:opacity 300ms;
	transition:opacity 300ms;
	background:rgba(0,0,0,0.7);
	visibility:hidden;
	position:fixed;
	opacity:0;
	z-index:2;
	bottom:0;
	right:0;
	left:0;
	top:0;
}

.android .mask{
	-webkit-transition:none;
	transition:none;
}

.js-nav-active .mask{
	visibility:visible;
	opacity:1;
}


.fixed{
	position:fixed;
	width:100%;
	left:0;
	top:0;
}

.nav-collapse *{
	box-sizing:border-box;
}

.nav-collapse ul{
	width:100%; 
	list-style:none; 
	overflow:hidden;
	height:auto;
	float:left; z-index:10;
}

.nav-collapse li{
	float:left;
	width:100%;
}

/* Top Nav text color */
.nav-collapse a{
	-webkit-tap-highlight-color:transparent;
	border-top:1px solid rgba(0,173,239,1.0);
	text-decoration:none;
	text-transform: uppercase;
	padding:10px 3px;
	background: #FFF;
	color: rgba(0,173,239,1.0);
	font-size:14px; 
	width:100%;
	float:left;
}

.nav-collapse a:active,.nav-collapse .active a{
	/*++ background: rgba(0,173,239,0.7);
	color:#FFF; ++*/
	background: #FFF;
	color: rgba(0,173,239,1.0);
}

.nav-collapse a:hover{
	background: rgba(0,173,239,1.0);
	color: rgba(255,255,255,1.0);
}

.nav-collapse ul ul a{
	background:#ca3716;
	padding-left:2em;
	text-transform: uppercase;
}

/* +++ Toggle X  +++ */
.nav-toggle{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-decoration:none;
	text-indent:-300px;
	position:relative;
	overflow:hidden;
	width:60px;
	height:50px;
	float:right;
}

.nav-toggle:before{
	/* color:#000; */ 
	color: rgba(40,156,217,1.0); 
	font:normal 28px/50px "responsivenav";
	text-transform:none;
	text-align:center;
	position:absolute;
	content:"\2261"; /* denotes X */
	text-indent:0;
	speak:none;
	width:100%;
	left:0;
	top:0;
}

.nav-toggle.active:before{
	font-size:24px;
	content:"\78" /* denotes 3 stripes */
}


/*++++++ Content ++++++*/

.HeaderDivider { 
	width:15%; 
	margin: 0 auto 2em; 
	border-top: 3px solid rgba(40,156,217,1.0); 
	padding:0;
}


#home { width:100%; margin: 0 auto; padding:100px 0 0 0; }

/* Slideshow */
.w3-content{ width:100%;}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.6s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.6s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.6s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.6s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
/* End Slideshow */

/*++++++ New Slideshow ++++++*/

.swiper-container { 
	width: 100%; 
	max-width: 1280px;
	height: 100%;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#contact { 
	background: url(../images/bg_map.jpg); 
	background-repeat: no-repeat;
	background-size: cover;
}


/*++++++ End New Slideshow ++++++*/

.ContentWrap { width: 90%; max-width:1280px; height:auto; margin: 0 auto; padding:0; text-align:center; overflow:hidden; }

.ContentWrap h2 { margin: 0 0 30px 0; padding: 0 0 8px 0; }
.ContentWrap h2 span { border-bottom: 3px solid rgba(40,156,217,1.0); }

.ContentWrap2 { width: 90%; max-width:1280px; height:auto; margin: 0 auto; padding:3em 0 0 0; text-align:center; overflow:hidden; }

/*++++++ About Us Pages ++++++*/

.ColMain { width:100%; margin: 0 auto; padding:0; overflow:hidden; text-align:justify; }
.ColLeft { width:40%; float:left; background: none; margin:0 0 3em 0; padding:0; }
.ColRight { width:59%; float:right; background: none; margin:0 0 3em 0; padding:0; overflow: hidden; }

.ColRight .CoImg { width: 68%; margin: 0.3em 0 0.5em 1em; padding: 0; border: 0; float: right; }

.ColMainPolicy { max-width:1080px; margin: 0 auto 4em; padding:0 2px; overflow:hidden; text-align:justify; }
.ColMainPolicy h3 { line-height: 1.5; margin-bottom: 1em; }
.ColMainPolicy p { line-height: 1.5; margin-bottom: 1em; }
.ColMainPolicy p.Last { margin-bottom: 1.5em; }

.ColMainPolicy dl { width: 100%; margin: 0 auto 1em; }
.ColMainPolicy dl dt { width: 4%; margin: 0; padding: 0; background: rgba(207,100,100,0.00); float: left; font-weight: 300; line-height: 1.5; overflow: none; }
.ColMainPolicy dl dd { width: 95%; margin: 0 0 0 5%; padding: 0; background: rgba(207,100,100,0.00); font-weight: 300; line-height: 1.5; overflow: none; }

.ColMainPolicy dl dt ul.Policy2{ margin: 0.5em 0 0.8em -15px; }
.ColMainPolicy dl dd ul.Policy2{ margin: 0.5em 0 0.8em -15px; }

.ColMainPolicy ul { width: 98%; background: rgba(216,146,223,0.00); }
.ColMainPolicy ul li { list-style: outside decimal-leading-zero; margin-left:4%; padding: 0 0 5px 2%; background: rgba(216,146,223,0.00); line-height: 1.5; }

/*++ Additional Policy Styling --*/




.AboutUsSubhead { width:98%; margin:0 0 2em 0; padding: 5px 0 5px 15px; background: linear-gradient(to right, #1CB6FE 0%, #F6FBFF 100%); color:#FFF; }
.AboutUsLogo { width:20%; margin: 0 auto 3em; padding:0; margin-top:1em; }
.AboutUsLogoV { font-size:24px; font-weight:500; color:#1CB6FE; }
.AboutUsLogoContent1 { width:94%; margin: 0 auto; padding: 5px 2px; overflow: hidden; }
.AboutUsLogoContent { width:94%; margin: 0 auto 2em; padding: 5px 2px; overflow: hidden; }

.AboutUsLogoContent .History { width: 100%; height: auto; margin: 0 auto; padding: 0; border: 0; position: relative; overflow: hidden;  }
.AboutUsLogoContent .History .MappHistory { position:absolute; background: rgba(0,0,0,0.00); z-index:3; margin-top:13.6%; margin-left:55%; width: 26%; }
.AboutUsLogoContent .History .MappHistory a { color: rgba(210,210,021,0.30); display:block; padding:0; font-size:1em; background: rgba(0,0,0,0.0); box-shadow:0 0 12px rgba(0,0,0,0.50); }
.AboutUsLogoContent .History .MappHistory a:hover { color: rgba(0,0,0,0.00); box-shadow:0 0 12px #FFF; }

ul.AboutSection { width: 100%; margin: 0 auto 1em; padding:0; }
ul.AboutSection li { width: 45%; float:left; margin:0 auto 1em; margin-right:2%; padding:0; background:url(../../about/images/icon_AboutCat1.png) no-repeat top left; list-style:none; text-align:left; }
ul.AboutSection li a:link { display:block; padding:8px 0 6px 30px; font-size:18px; font-weight:900; color:#000;  }

.ContentColumn4 { width: 20%; float: left; margin: 0 0 0 4%; padding: 0 2px; background: rgba(0,0,0,0.0); }

.AboutBAIntro { width:100%; margin: 0 auto 3em; padding:0; text-align:center; }
.AboutBAIntro h3 { color: rgba(40,156,217,1.0); }

.AboutBAS1 { width:100%; margin: 0 auto 2em; padding: 2em 37% 2em 3%; text-align:left; /* background: rgba(180,71,73,1.00); */ background:url(../../about/images/BA_1.jpg) no-repeat;  }
.AboutBASegment { width:1020px; margin: 0 auto 2em; padding: 0; text-align:left; background:#e9edec; overflow: hidden; }
.AboutBASegment img{ width:100%; margin: 0; padding: 0; border: 0; }
.AboutBASegment p{ font-size:15px; line-height: 1.5; margin: 0 0 15px 0; }
.AboutBASegment .BusAct1 { width: 360px; margin: 0; padding: 0; float: right; /* background: #27A66C; */ }
.AboutBASegment .BusAct1t { width: 600px; margin: 0; padding: 30px 0 30px 30px; float: left; /* background: #9F5455; */ }
.AboutBASegment .BusAct2 { width: 360px; margin: 0; padding: 0; float: left; /* background: #27A66C; */ }
.AboutBASegment .BusAct2t { width: 600px; margin: 0; padding: 30px 30px 30px 0; float: right; /* background: #9F5455; */ }
.AboutBASegment2 { width:100%; margin: 0 auto 2em; padding: 2em 3% 2em 42%; text-align:left; background:url(../../about/images/BA_2.jpg) no-repeat top left; }
.AboutBASegment3 { width:100%; margin: 0 auto 2em; padding: 2em 42% 2em 3%; text-align:left; background:url(../../about/images/BA_3.jpg) no-repeat top right; }
.AboutBASegment4 { width:100%; margin: 0 auto 2em; padding: 2em 3% 2em 37%; text-align:left; background:url(../../about/images/BA_4.jpg) no-repeat top left; }

.AboutBASegment .SegmentHead { font-size:21px; font-weight:500; line-height:1.1; }
.AboutBASegment .SegmentHead p{ margin-bottom: 5px; padding: 0; }

.ImgForDTP { display: block; }
.ImgForMP { display: none; }


dl.HistoryMid { width: 100%; margin: 0 auto 0.5em; padding:0; background-color: none; text-align: left; line-height: 1.5; border-top: solid 1px rgba(40,156,217,0.30); overflow: hidden; }
dl.HistoryMid dt { margin: 0; padding:0.5em 0; background-color: none; float:left; width:15%; font-weight: 300; clear: left; }
dl.HistoryMid dd { margin: 0 0 0 15%; padding:0.5em 0; background-color: none; width: 85%; font-weight: 300; }

dl.HistoryFirst { width: 100%; margin: 0 auto 0.5em; padding:0; background-color: none; text-align: left; line-height: 1.5; border-top: solid 1px rgba(40,156,217,1.00); overflow: hidden; }
dl.HistoryFirst dt { margin: 0; padding:0.5em 0; background-color: none; float:left; width:15%; font-weight: 300; clear: left; }
dl.HistoryFirst dd { margin: 0 0 0 15%; padding:0.5em 0; background-color: none; width: 85%; font-weight: 300; }

dl.HistoryLast { width: 100%; margin: 0 auto 0.5em; padding:0; background-color: none; text-align: left; line-height: 1.5; border-top: solid 1px rgba(40,156,217,0.30); border-bottom: solid 1px rgba(40,156,217,1.00); overflow: hidden;}
dl.HistoryLast dt { margin: 0; padding:0.5em 0; background-color: none; float:left; width:15%; font-weight: 300; clear: left; }
dl.HistoryLast dd { margin: 0 0 0 15%; padding:0.5em 0 1em 0; background-color: none; width: 85%; font-weight: 300; }


/*++++++ Distributors Pages ++++++*/

.ColOne { width:29%; margin:0 4% 0 0; padding:0; float:left; text-align:left; background-color: rgba(0,0,0,0.00); }
.ColOneM { width:29%; margin:0 2% 0 2%; padding:0; float:left; text-align:left; background-color: rgba(0,0,0,0.00); }
.ColOneR { width:29%; margin:0 0 0 4%; padding:0; float:left; text-align:left; background-color: rgba(0,0,0,0.00); }
span.BlueBold { font-weight:900; color: rgba(40,156,217,1.0); font-size:21px; text-transform:uppercase; }

/*++++++ Products Pages ++++++*/

ul.ProductCat1 { width:100%; max-width: 1024px; list-style: none; margin: 0 auto 3em; overflow:hidden; }
ul.ProductCat1 img { width:100%; margin: 0 auto 0.5em; padding:0; border:0; }
ul.ProductCat1 li { width:23%; float:left; padding: 5px 0; padding-right:1%; padding-left:1%; margin:0; background:none; line-height: 1.5; } 
ul.ProductCat1 li a{ display:block; padding: 0; margin:0; background:rgba(40,156,217,0.0); font-weight:900; text-transform:uppercase; text-align:center; } 

.ProductEnquirySection { width: 100%; margin: 0 auto; padding:2em 0; border:0; background:rgba(40,156,217,1.00); color:#FFFFFF; overflow:hidden; }
.ProductEnquiryContainer { width: 45%; margin: 0 auto; padding:0; border:0; background:rgba(40,156,217,0.00); color:#FFFFFF; overflow:hidden; }
.ProductEnquiry { float:left; width: 40%; margin: 0 auto; padding:0 0 0 0.6em; border:0; text-align:left; line-height:1.5; background:rgba(40,156,217,0.00); }
.ProductEnquiryForm { float:right; width: 55%; text-transform:uppercase; font-weight:900; font-size:1.2em; }
.ProductEnquiryForm a{ float:right; padding:0.8em 1.6em; margin: 0; border:4px #FFFFFF solid; border-radius:1.5em; display:block; color:#FFFFFF; }
.ProductEnquiryForm a:hover { text-decoration:none; background-image: linear-gradient(rgba(255,255,255,0.20), rgba(255,255,255,0.50)); }

.JobEnquirySection { width: 100%; margin: 0 auto; padding:0; border:0; background: rgba(40,156,217,0.50); }
.JobEnquiryContainer { width: 65%; margin: 0 auto; padding:2em 0 0.4em 0; border:0; color:#333333; background: rgba(40,156,217,0.00); }
.JobEnquiryContainer p{ text-align: center; font-size: 18px; background: rgba(40,156,217,0.00); font-weight: 500; }
.JobEnquiryContainer p a { font-size: 21px; color: #990000; text-decoration: underline; }
.JobEnquiryContainer p a:hover { color: #999999; }

.video { margin: 0 auto; padding:0; width:75%; height:auto; background:rgba(40,156,217,1.00); }

.NewsContentHome { margin: 0 auto; padding:0; width:99%; height:auto; background: rgba(0,173,239,0.00); overflow: hidden; border: 1px solid #CCCCCC; }
.NewsContentHomeItem1 { width: 30%; float: left; margin: 1em 0 1em 2%; padding: 0; background: rgba(0,173,239,0.00); }
.NewsContentHomeItemText1 { width: 60%; float: right; margin: 1em 2% 1em 0; padding:0; text-align: right; line-height: 1.5; vertical-align: bottom; background: rgba(0,173,239,0.0); }
.NewsContent { margin: 0 auto 3em; padding:1em 0; width:75%; height:auto; background: rgba(0,173,239,0.00); overflow: hidden; border-bottom:1px solid #CCCCCC; }
.NewsContentItem { width: 40%; float: left; margin: 0; padding: 0; background: rgba(0,173,239,0.00); }
.NewsContentItem1 { width: 30%; float: left; margin: 0; padding: 0; background: rgba(0,173,239,0.00); }
.NewsContentItemText { width: 55%; float: right; margin: 0; padding: 10px 2px; text-align: right; line-height: 1.5; vertical-align: bottom; background: rgba(0,173,239,0.0); }
.NewsContentItemText1 { width: 69%; float: right; margin: 0; padding: 10px 2px; text-align: right; line-height: 1.5; vertical-align: bottom; background: rgba(0,173,239,0.0); }

.NewsImages { margin: 0 auto; padding:0; width:75%; height:auto; background:rgba(0,173,239,0.0); }


#articles { background: rgba(0,173,249,0.10); }
.PostContent { margin: 0 auto 50px; padding:0; width:75%; height:auto; background: rgba(0,173,239,0.00); overflow: hidden; border-bottom: #DDDDDD 1px solid; }
.PostContentMain { width: 100%; float: left; margin: 0; padding: 0 0 30px 0; background: rgba(0,173,239,0.00); }
.PostContentLeftText { width: 50%; float: left; margin: 0; padding: 0 0 20px 0; background: rgba(0,173,239,0.00); }
.PostContentRightText { width: 50%; float: right; margin: 0; padding: 0 0 20px 0; background: rgba(0,173,239,0.00); }
.PostContentLeftPix { width: 45%; float: left; margin: 0; padding: 0 0 50px 0; background: rgba(0,173,239,0.00); }
.PostContentRightPix { width: 45%; float: right; margin: 0; padding: 0 0 50px 0; background: rgba(0,173,239,0.00); }

.PostContent h2, .PostContent h3, .PostContent h4, .PostContent p { text-align: left; }
.PostContent img { margin: 0 auto; padding:0; width:100%; height:auto; }

.PostContent h4 { width:100%; }

.PostContent ul {
    width: 90%;
    margin: 0 auto 2em;
    padding: 0;
    text-align: left;
    font-weight: 300; 
    line-height: 1.5;
}

.PostContent ul li{
    list-style: disc outside; 
    margin-left: 0;
    padding-bottom: 0.5em;
}

.PostContent ol {
    width: 90%;
    margin: 0 auto 2em;
    padding: 0;
    text-align: left;
    font-weight: 300; 
    line-height: 1.5;
}

.PostContent ol li{
    list-style: decimal outside; 
    margin-left: 0;
    padding-bottom: 0.5em;
}

.PostContent ul li span{
    font-weight: 600;
}

.PostContent a:link {
    color:rgba(40,156,217,1.0);
}

.PostContent a:hover {
    color:rgba(40,156,217,0.50);
}

.PostContent a:visited {
    color:rgba(40,156,217,1.0);
}

.PostContent a:active {
    color:rgba(40,156,217,1.0);
}

ol.BlogPost li{
    list-style: decimal outside;
    width: 100%;
    margin:0 auto 1em;
    padding: 0; 
    line-height: 1.5;
}

ol.BlogPost li ul{
    margin-top:1em;
}

ol.BlogPost li ul li{
    list-style: disc outside;
    width: 95%;
    margin:0 auto 1em;
    margin-left: 5%;
    padding: 0; 
    line-height: 1.5;
}

ol.BlogPost li span{
    font-weight:500;
}

table.BlogPostTable {
    width: 100%;
    margin: 0 auto 2em; 
    padding: 0;
}

table.BlogPostTable th {
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-weight: bold; 
}

table.BlogPostTable td {
    text-align: center;
    padding: 10px;
    vertical-align: top;
    font-weight: lighter; 
    line-height: 1.3; 
    font-size: 13px;
}


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

    .PostContent { width:90%; }
    .PostContentLeftText { width: 100%; float: none; padding: 0; }
    .PostContentRightText { width: 100%; float: none; padding: 0; }
    .PostContentLeftPix { width: 100%; float: none; }
    .PostContentRightPix { width: 100%; float: none; }


}




#products { padding-bottom:0.1em; }

/* +++ Products tab +++ */

/* NEW Products Page tab buttons */

.tabset {
	max-width: 1280px;
	background: url(../images/TabNavPanel.png) no-repeat #E5E5E5; 
}


.tablink {
	background:none; 
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	margin: 0 auto 2em;
	padding: 30px 0 35px 50px;
	font-size:1.2em;
	font-weight:900; 
	color: #999; 
}

.tablink:hover {
	background-color: rgba(0,0,0,0.00); color: rgba(255,255,255,1.00);
}

/* Style the tab content */
.tabcontent {
	display: none;
	width: 100%;
	margin: 0 auto; 
	padding:0; 
	text-align: left;
} 

#SemiCondInd {background-color:none; color:#FFF; }
#GenInd {background-color:none; color:#FFF; }
#PharmInd {background-color:none; color:#FFF; }


.tabcontent ul { width:90%; margin: 0 auto 3em; padding:2em 0 3em 0; overflow:hidden;  }
.tabcontent ul li { 
	width:31%;
	margin:0 1%; 
	padding:0; 
	float:left; 
	list-style:none; 
	font-weight:500; 
	line-height:1.6; 
}

.tabcontent ul li a:link { color:#000 ; }
.tabcontent ul li a:hover { color:#000; }
.tabcontent ul li a:visited { color: #000; }
.tabcontent ul li a:active { color: #000; }
.tabcontent ul li img { width:100%; margin:0 auto 0.5em; padding:0; border: 2px solid #FFF; }
.tabcontent ul li .ContentCategory { display:block; width:100%; margin: 0 auto; padding: 0 0 5px 0; background: url(../images/icon_point-down.png) no-repeat top right; font-weight:900; }
.tabcontent ul li ul{ width:100%; margin: 0 auto 0; padding:5px 0 0 0; }
.tabcontent ul li ul li{ width:100%; margin:0; padding:3px 0; float:none; list-style:none; font-size:0.8em; font-weight:300; background:none; }
.tabcontent ul li ul li a:link { color:#000; display:block; padding: 2px 5px; font-weight:500; }
.tabcontent ul li ul li a:hover { color:#000; background:#FFF; text-decoration: none; }
.tabcontent ul li ul li a:visited { color: #000; }
.tabcontent ul li ul li a:active { color: #000; }


/* +++ Products tab Content +++ */

.ProductsContent { width: 100%; margin: 0 auto; padding:0; background:none; } 
.ProductsContent ul { width:90%; margin: 0 auto 3em; padding:2em 0 3em 0; overflow:hidden;  }
.ProductsContent ul li { 
	width:31%;
	margin:0 1%; 
	padding:0; 
	float:left; 
	list-style:none; 
	font-weight:500; 
	line-height:1.6; 
}

.ProductsContent h3 { color: #000; }
.ProductsContent ul li a:link { color:#000 ; }
.ProductsContent ul li a:hover { color:#000; }
.ProductsContent ul li a:visited { color: #000; }
.ProductsContent ul li a:active { color: #000; }
.ProductsContent ul li img { width:100%; margin:0 auto 0.5em; padding:0; border: 2px solid #FFF; }
.ProductsContent ul li .ContentCategory { display:block; width:100%; margin: 0 auto; padding: 0 0 5px 0; background: url(../images/icon_point-down.png) no-repeat top right; font-weight:900; }
.ProductsContent ul li ul{ width:100%; margin: 0 auto 0; padding:5px 0 0 0;  }
.ProductsContent ul li ul li{ width:100%; margin:0; padding:3px 0; float:none; list-style:none; font-size:0.8em; font-weight:300; background:none; }
.ProductsContent ul li ul li a:link { color:#000; display:block; padding: 2px 5px; font-weight:500; }
.ProductsContent ul li ul li a:hover { color:#000; background:#FFF; }
.ProductsContent ul li ul li a:visited { color: #000; }
.ProductsContent ul li ul li a:active { color: #000; }

.ProductsContentDescription { width:90%; margin:0 auto; padding:0 1%; }

.TechSupportSet { width:100%; margin:0 auto; padding:1px 0; background:#FFF; text-align:center; }

.ProductsContentListing { width:90%; margin:0 auto; padding:1em 1%; background: rgba(223,163,164,0.00); overflow: hidden; color: #000; }
.ProductsContentListing h4 { width: 100%; font-size:1.6em; font-weight:900; margin: 0 auto 1em; line-height:1.5; padding: 0 0 1em 0; border-bottom: rgba(0,173,239,1.00) 1px solid; background: linear-gradient(to top, rgba(0,173,239,0.20) 0%, rgba(0,173,239,0.00) 100%); text-align: center; }
.ProductsContentListing h5 { font-size:1.1em; font-weight:900; margin: 0 auto 1em; line-height:1.5; border-bottom:0; margin-top: 7em; }

.ProductsContentListingWrapper { width: 100%; margin: 0 auto 2em; padding: 0 0 2em 0; border: 0; overflow: hidden; border-bottom: solid 1px rgba(0,0,0,0.30); }
.ProductsContentListingWrapper .SeriesDetails { float: left; width: 80%; margin: 0; padding: 0; background: rgba(148,216,140,0.00); }

.ProductsContentListingWrapper .SeriesDetails dl.Items { width: 100%; margin: 0; padding: 0; background: rgba(159,134,231,0.00); }
.ProductsContentListingWrapper .SeriesDetails dl.Items dt { float: left; width: 22%; margin: 0; padding: 0; background: rgba(255,191,234,0.00); }
.ProductsContentListingWrapper .SeriesDetails dl.Items dd { width: 72%; margin: 0; margin-left: 25%; padding: 0; background: rgba(255,202,203,0.00); }

.ProductsContentListingWrapper .SeriesDetails ul { width: 100%; margin: 0 auto 0.5em; padding: 0; background: rgba(0,0,0,0.00); }
.ProductsContentListingWrapper .SeriesDetails ul li { width: 100%; margin: 0 auto; padding: 0; }
.ProductsContentListingWrapper .SeriesDetails ul li ul { width: 100%; margin: 0 auto 0.2em; padding: 0; background: rgba(0,0,0,0.00); }
.ProductsContentListingWrapper .SeriesDetails ul li ul li { width: 100%; margin: 0 auto; padding: 0; }

.ProductsContentListingWrapper .DownloadPdf { float: right; width: 20%; margin: 0; padding: 0; background: rgba(255,234,205,1.00); }

.ProductsContentListingWrapper .DownloadPdf a:link { display: block; color: #FFF; text-align: center; padding: 10px 0 13px 0; background: rgba(0,173,239,1.00); text-decoration:none; }
.ProductsContentListingWrapper .DownloadPdf a:visited { color: #FFF; }
.ProductsContentListingWrapper .DownloadPdf a:hover { color: #333; text-decoration:none; background: rgba(0,173,239,0.50); }
.ProductsContentListingWrapper .DownloadPdf a:active { color: #FFF; }


.ContactInfo { width:30%; margin:0 0 0 2%; padding:0 0 0 1em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000;  }
.ContactInfoAddress { width:40%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_address.png) no-repeat top left; }
.ContactInfoPhone { width:27%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_phone.png) no-repeat top left; }
.ContactInfoEmail { width:27%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_email.png) no-repeat top left; }

.TechSupport {
}

ul.TechSupport { margin: 2em 0; padding:0; width:100%;  }
ul.TechSupport li{ float:left; margin: 0 1%; padding:0; width:31%; height:auto; list-style:none; }
ul.TechSupport li a{ display:block; }



/* +++ MiniSite Banner +++ */

.banner-minisite { 
    float: left; width: 48%; margin: 0 1%; padding: 0; display: block;
}

.banner-minisite:hover { 
    opacity: 0.5;
}

/* +++ MiniSite Hydrogen +++ */

#why-hydrogen { padding-bottom:5em; border-bottom: 1px solid rgba(0,0,0,0.50); overflow: hidden; }
section .why-hydrogen { padding-bottom:5em; border-bottom: 1px solid rgba(0,0,0,0.50); overflow: hidden; }

ul.hydrogen {
    list-style: decimal inside; 
    font-weight: 100; 
    text-align: left;
    margin: 0 0 30px 0;
}

ul.hydrogen li{
    line-height: 1.5; margin-left: 30px;
}

table.hydrogen { width: 95%; border: 2px solid rgba(0,0,0,0.70); margin: 0 auto 2em; margin-top: 0.5em; }
table.hydrogen th { border: 1px solid rgba(0,0,0,0.30); padding: 10px 5px; background: rgba(0,0,0,0.05); vertical-align: middle; font-weight: 100; font-size: 12px; }
table.hydrogen td { border: 1px solid rgba(0,0,0,0.30); padding: 10px 5px; vertical-align: middle; font-weight: 100; font-size: 12px; }

table.hydrogen td ul{
    width: 100%;
    list-style: disc outside;
    text-align: left;
}

table.hydrogen td ul li{
    line-height: 1.5;
    margin-left: 30px;
}

table.hydrogen2 { width: 95%; border: 2px solid rgba(0,0,0,0.70); margin: 0.5em 0 2em 0; }
table.hydrogen2 th { border: 1px solid rgba(0,0,0,0.30); padding: 10px 5px; background: rgba(0,0,0,0.05); vertical-align: middle; font-weight: 100; font-size: 12px; }
table.hydrogen2 td { border: 1px solid rgba(0,0,0,0.30); padding: 10px 5px; vertical-align: middle; font-weight: 100; font-size: 12px; }

table.hydrogen3 { width: 90%; border: 2px solid rgba(0,0,0,0.70); margin: 0.5em 0 2em 0; }
table.hydrogen3 th { border: 1px solid rgba(0,0,0,0.30); padding: 10px 5px; background: rgba(0,0,0,0.05); text-align: center; vertical-align: middle; font-weight: 100; font-size: 12px; }
table.hydrogen3 td { border: 1px solid rgba(0,0,0,0.30); padding: 10px 5px; text-align: center; vertical-align: middle; font-weight: 100; font-size: 12px; }

table.hydrogen3r { width: 90%; border: 2px solid rgba(0,0,0,0.70); margin: 0.5em 0 2em 0; float: right; }
table.hydrogen3r th { border: 1px solid rgba(0,0,0,0.30); padding: 10px 5px; background: rgba(0,0,0,0.05); text-align: center; vertical-align: middle; font-weight: 100; font-size: 12px; }
table.hydrogen3r td { border: 1px solid rgba(0,0,0,0.30); padding: 10px 5px; text-align: center; vertical-align: middle; font-weight: 100; font-size: 12px; }


.HydrogenContent {
    width: 100%; margin: 0 auto 3em; padding: 0; overflow: hidden;
}

.HydrogenContentItem {
    width: 100%; margin: 0 auto 1em; padding: 0; overflow: hidden;
}

.HydrogenContentItem h4{
	font-size:1.2em; width: 100%;
	font-weight:700; 
	margin: 0;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.5; 
	border-bottom:rgba(0,173,239,0.50) solid 1px; 
}



.hydrogen-col-fullwidth { 
    width:100%; float: none; margin: 0 auto 2em; padding: 0; overflow: hidden; text-align: left;
}

.hydrogen-col-fullwidth ul {
    width: 95%; text-align: left; margin: 0 auto; font-weight: 300;
}

.hydrogen-col-fullwidth ul li{
    list-style: disc outside; margin-left: 2%; padding: 0 0 0.5em 0; line-height: 1.5;
}


.hydrogen-col-left-menu { 
    width:20%; float: left; margin: 0 0 3em 0; padding: 0; text-align: left;
}

.hydrogen-col-left-menu:hover { 
    opacity: 0.5;
}


.hydrogen-col-left-20menu { 
    width:25%; float: left; margin: 0 0 3em 0; padding: 0; text-align: center;
}

.hydrogen-col-left-20 { 
    width:25%; float: left; margin: 0 0 3em 0; padding: 0; text-align: left;
}

.hydrogen-col-left-20a { 
    width:25%; float: left; margin: 0 0 3em 0; padding: 0; text-align: left;
}

.hydrogen-col-left-30 { 
    width:35%; float: left; margin: 0 0 3em 0; padding: 0; text-align: left;
}

.hydrogen-col-left-50 { 
    width:48%; float: left; margin: 0 0 2% 0; padding: 0; text-align: left;
}

.hydrogen-col-left-70 { 
    width:65%; float: left; margin: 0 0 3em 0; padding: 0; text-align: left;
}

.hydrogen-col-right-20 { 
    width:25%; float: right; margin: 0 0 3em 0; padding: 0;
}

.hydrogen-col-right-30 { 
    width:35%; float: right; margin: 0 0 3em 0; padding: 0;
}

.hydrogen-col-right-50 { 
    width:48%; float: right; margin: 0 0 2% 0; padding: 0;
}

.hydrogen-col-right-70 { 
    width:65%; float: right; margin: 0 0 3em 0; padding: 0;
}

.hydrogen-col-left-achievements { 
    width:55%; float: left; margin: 0 0 5em 0; padding: 0;
}

.hydrogen-col-right-achievements { 
    width:35%; float: right; margin: 0 0 5em 0; padding: 0;
}

a.hydrogen-menu { 
    width:25%; float: left; margin: 0 0 3em 0; padding: 30px 0; text-align: center; vertical-align: middle; background: rgba(40,156,217,0.30); line-height: 1.5;
}

a.hydrogen-menu:hover  { 
    background: rgba(40,156,217,1.00); text-decoration: none; color: #FFFFFF;
}

a.hydrogen-submenu { 
    width:20%; float: left; margin: 0 0 3em 0; padding: 30px 0; text-align: center; vertical-align: middle; background: rgba(40,156,217,0.30); line-height: 1.5;
}

a.hydrogen-submenu:hover  { 
    background: rgba(40,156,217,1.00); text-decoration: none; color: #FFFFFF;
}


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

    .hydrogen-col-fullwidth, .hydrogen-col-left-achievements, .hydrogen-col-right-achievements, .hydrogen-col-left-20, .hydrogen-col-left-30, .hydrogen-col-left-50, .hydrogen-col-left-70, .hydrogen-col-right-20, .hydrogen-col-right-30, .hydrogen-col-right-50, .hydrogen-col-right-70 { 
        width:100%; float: none; margin: 0 auto 2em;
    }

    .hydrogen-col-left-20a { 
        width:50%; float: left; margin: 0 0 1em 0;
    }

    .hydrogen-col-left-20menu { 
        width:50%; margin: 0;
    }


    .hydrogen-col-left-menu { 
        width:50%;
    }

    table.hydrogen { width: 100%; margin: 0 auto 2em; }
    table.hydrogen2 { width: 100%; margin: 0 auto 2em; }
    table.hydrogen3 { width: 100%; margin: 0 auto 2em; }

}


section .block-valves { padding-bottom:5em; border-bottom: 1px solid rgba(0,0,0,0.50); overflow: hidden; }

ul.BlockValvesMenu { width:100%; margin: 0 auto 2em; padding: 0; list-style: none; }

ul.BlockValvesMenu li a:link { 
    display: block; 
    width: 25%; 
    padding: 30px 0; 
    margin: 0 auto; 
    text-align: center; 
    float: left; 
    opacity: 1; 
    background: rgba(0,173,239,1.00); 
    color:#FFFFFF; 
    font-size: 14px;
    line-height: 1.3;
}

ul.BlockValvesMenu li a:hover { opacity: 0.5; text-decoration: none; }

ul.BlockValvesMenu2 { width:100%; margin: 0 auto; padding: 0; list-style: none; }

ul.BlockValvesMenu2 li a:link { 
    display: block; 
    width: 20%; 
    padding: 30px 0; 
    margin: 0 auto; 
    text-align: center; 
    float: left; 
    opacity: 1; 
    background:rgba(40,156,217,1.00); 
    color:#FFFFFF; 
    font-size: 14px;
    line-height: 1.3;
}

ul.BlockValvesMenu2 li a:hover { opacity: 0.5; text-decoration: none; }

.blockvalves-col-wide-60 { 
    width:60%; margin: 0 auto 2em; padding: 0; text-align: left;
}

.blockvalves-col-wide-100 { 
    width:100%; float: left; margin: 0 0 3em 0; padding: 0; text-align: left; 
}

.blockvalves-col-wide-100a { 
    width:100%; float: left; margin: 0 auto 2em; padding: 50px 50px 0 50px; text-align: left; background:rgba(0,0,0,0.05); overflow: hidden;
}

.blockvalves-col-left-50 { 
    width:45%; float: left; margin: 0 5% 3em 0; padding: 0; text-align: left;
}

.blockvalves-col-left-55 { 
    width:50%; float: left; margin: 0 5% 3em 0; padding: 0; text-align: left;
}

.blockvalves-col-left-25 { 
    width:20%; float: left; margin: 0 5% 3em 0; padding: 0; text-align: left;
}

.blockvalves-col-left-40 { 
    width:40%; float: left; margin: 0 0 3em 0; padding: 0; text-align: left;
}

.blockvalves-col-right-50 { 
    width:45%; float: right; margin: 0 10% 3em 0; padding: 0; text-align: left;
}

.blockvalves-col-right-40 { 
    width:40%; float: right; margin: 0 0 3em 0; padding: 0; text-align: left;
}

ul.BlockValves {
    width: 95%; text-align: left; margin: 0 auto; font-weight: 300;
}

ul.BlockValves li{
    list-style: disc outside; margin-left: 2%; padding: 0 0 1em 0; line-height: 1.5;
}

.BlockValvesEnquirySection { width: 100%; margin: 0 auto; padding:2em 0; border:0; background:rgba(40,156,217,0.80); color:#FFFFFF; overflow:hidden; }
.BlockValvesProductEnquiryContainer { width: 100%; max-width: 1024px; margin: 0 auto; padding:0; border:0; background:rgba(40,156,217,0.00); color:#FFFFFF; overflow:hidden; }
.BlockValvesProductEnquiry { float:left; width: 40%; margin: 0 auto; padding:0 0 0 0.6em; border:0; text-align:left; line-height:1.5; background:rgba(40,156,217,0.00); }
.BlockValvesProductEnquiryForm { float:left; width: 26%; text-transform:uppercase; font-weight:900; font-size:1.2em; }
.BlockValvesProductEnquiryForm a{ float:right; padding:0.8em 1.6em; margin: 0; border:4px #FFFFFF solid; border-radius:1.5em; display:block; color:#FFFFFF; }
.BlockValvesProductEnquiryForm a:hover { text-decoration:none; background-image: linear-gradient(rgba(255,255,255,0.20), rgba(255,255,255,0.50)); }


table.BlogPost {
    border: 2px solid #333333;
    margin-bottom: 30px;
}

table.BlogPost th{
    border: 1px solid #999999;
    width: 50%;
    padding: 10px 15px;
}

table.BlogPost td{
    border: 1px solid #999999;
    padding: 10px 15px;
}


table.BlogPost ol li{
    list-style: outside decimal;
    margin-bottom: 5px;
}

table.BlogPost ol li ul li{
    list-style: outside disc;
    margin-bottom: 0;
}



@media screen and (max-width: 1023px){
    
    .blockvalves-col-wide-100, .blockvalves-col-wide-100a, .blockvalves-col-wide-60 {
        width:100%; float: none; margin: 0 auto 2em; padding: 0;
    }

    .blockvalves-col-left-40, .blockvalves-col-right-40, .blockvalves-col-left-50, .blockvalves-col-left-55, .blockvalves-col-right-50, .blockvalves-col-left-25 {
        width:90%; float: none; margin: 0 auto 2em; padding: 40px 5% 0 5%;
    }
    
    .BlockValvesProductEnquiry { float:none; width: 90%; margin: 0 auto 2em; text-align: center; }
    .BlockValvesProductEnquiryForm { float:none; width: 90%; margin: 0 auto 1em; }
    .BlockValvesProductEnquiryForm a{ float:none; }
        
    .ColMainPolicy dl dt ul.Policy2{ margin: 2em 0 0 -8px; }
    .ColMainPolicy dl dd ul.Policy2{ margin: 2em 0 0 -8px; }

}



/* +++ Form Items +++ */

#enquiry { padding-bottom:3em; }

.AllButton { width: 200px; margin: 0 auto; height:auto; }
.AllButton img{ width: 100%; }

.appform {
	overflow: hidden;
	zoom: 1;
	margin: 0 auto 2em;
	width:100%; 
	line-height:1.8;
}

.appform p{ margin-bottom:0.5em;
}

.appfills { 
	overflow: hidden;
	width:100%; 
	margin: 0 auto 2em; 
	padding: 0; 
	text-align:left;
}

dl.appform {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 20px;
}

dl.appform dt {
	width: 350px;
	float: left;
	clear: both;
	font-weight: bold;
	font-weight: 700;
	margin-bottom: 10px;
}

dl.appform dd {
	margin-left: 360px;
	margin-bottom: 1.2em; 
	vertical-align: text-top;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Form bottom
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.form_bottom {
	text-align:center;
	width:100%;
	margin: 10px 0; 
	padding:30px 0 40px 0;
	background:none; 
	overflow:hidden;
}

.form_bottom .box_left {
	float: left;
	width: 50%;
	text-align: center;
	background:none;
}

.form_bottom .box_right {
	float: right;
	width: 50%;
	text-align: center;
	background:none;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Input
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.disable-ime {ime-mode:disabled;}


input[type="text"],input[type="password"], textarea, select {
	margin: 0 auto; 
	color:rgba(0,0,0,1.0);
	vertical-align:middle; 
	width:99%; 
	font-family: 'Noto Sans SC', Gotham, Arial, sans-serif;
	font-size:16px; 
	line-height:1.2;
	text-align:left;
	padding: 12px; 
	border:0;
	/* border:1px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc); */ 
	background: rgba(0,0,0,0.05);
}

input.file {
	margin: 0 auto;
	vertical-align:middle;
	padding: 12px; 
	border:0;
	/* border:1px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(border-radius.htc); */
	background: rgba(0,0,0,0.05);
}

input[type="radio"] {
	margin-right: 5px;
	vertical-align: text-top;
	display:inline;
	width:12px;
	height:12px;
}

input[type="checkbox"] {
	margin-right: 3px;
	display:inline;
	vertical-align:middle;
	width:12px;
	height:12px;
}

input.w30 {width:30px; height:20px;}
input.w40 {width:40px; height:20px;}
input.w50 {width:50px; height:20px;}
input.w80 {width:80px; height:20px;}
input.w100 {width:100px; height:20px;}
input.w150 {width:150px; height:20px;}
input.w200 {width:200px; height:20px;}
input.w250 {width:250px; height:20px;}
input.w300 {width:300px; height:20px;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Textarea
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

textarea.w250 {width:250px;}
textarea.w300 {width:300px;}
textarea.w350 {width:350px;}
textarea.w400 {width:400px;}
textarea.w450 {width:450px;}
textarea.w460 {width:460px;}
textarea.w480 {width:480px;}
textarea.w675 {width:675px;}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Placeholder
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

::-webkit-input-placeholder { /* Edge */
  color: rgba(0,0,0,0.4); font-weight:500;
}
:-ms-input-placeholder { /* Internet Explorer */
  color: rgba(0,0,0,0.4); font-weight:500;
}
::placeholder {
  color: rgba(0,0,0,0.4); font-weight:500;
}



/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Buttons
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.button1 {
	color:#FFF; 
	font-size:18px; 
	font-weight:900;
	text-transform:uppercase; 
	padding:15px 40px; 
	background: rgba(40,156,217,1.0); 
	border:0; 
	/*
	border:2px solid #498FC5;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(border-radius.htc);
	*/
/* IE 6,7
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8CB6D9', endColorstr='#489CCC'); */
/* IE 8,9
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#8CB6D9', endColorstr='#489CCC')"; */
/* IE10
	background-image: -ms-linear-gradient(top , #8CB6D9 0%, #489CCC 100%); */ 
/* Mozilla
	background: -moz-linear-gradient(top,#8CB6D9,#489CCC); */
/* Opera
	background: -o-linear-gradient(top,#8CB6D9,#489CCC); */
/* Webkit
	background: -webkit-linear-gradient(top,#8CB6D9,#489CCC); */
/* W3C
	background: linear-gradient(top,#8CB6D9,#489CCC); */ 
}

.button1:hover, .button1:active {
	cursor:pointer;
	color:#FFF; 
	background: rgba(40,156,217,0.7); 
}

input[type="image"].cartlist {
	margin: 3px 0 3px 0;
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Form Error Strings
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.error_strings {
	font-size:0.7em;
	color:#f00;
}

span.placeholder {color:rgba(0,0,0,0.1); }


.policy_statements {
	font-size:0.8em; 
	font-weight: 300; 
}




/* +++ Footer Sitemap +++ */

#Sitemap { width:100%; margin: 0 auto; padding:2em 0 4em 0; background:rgba(184,188,191,1.0); color:#FFF; }
.Sitemap { overflow:hidden; margin: 0 auto 5em; padding:0 0 1em 0;  }
ul.SitemapCol { width:18%; float:left; text-align:left; list-style:none; margin-right:2%; font-weight:500; font-size:0.8em; color:#000; }
ul.SitemapCol li { list-style:none inside; margin:1em 0; padding:0; }
ul.SitemapCol li ul { margin:1em 0; font-size:0.95em; }
ul.SitemapCol li ul li { list-style:none inside; margin:0; padding:0 0 1em 0; }
ul.SitemapCol li ul li ul { margin:1em 0; font-size:0.95em; }
ul.SitemapCol li ul li ul li { list-style: disc inside; margin:0 0 0 0.5em; padding:0 0 1em 0; }

ul.SitemapCol a { color:#000; }
ul.SitemapCol a:link { color:#000; }



/* +++++
Google Map
+++++ */

#map { 
	width: 97%;
	max-width:1280px; 
	height: 420px;
	margin: 0 auto 2em; 
	padding:5px; 
	background:#FFF;
	border:0; 
}

#property_map1 {
	width: 97%;
	max-width:1280px; 
	height: 420px;
	margin: 0 auto 2em; 
	padding:5px; 
	background:#FFF;
	/* border: 8px solid #FFF; */ 
	border: none;
}

.mapouter{
    position:relative;
    text-align:center;
	width: 100%;
	margin: 0 auto 2em; 
	/* border: 8px solid #FFF; */ 
    background: #FFFFFF;
	border: none;
    padding:8px 0;
}

.gmap_canvas {
    overflow:hidden;
    background:none!important;
    margin: 0 auto; 
}

#property_map-new {
	width: 98%;
	max-width: 1280px; 
	height: 420px;
    padding: 8px 8px 8px -16px;
	background:#FFF;
    margin: 0 auto;
}


.baloon {
	font-size: 12px; 
	text-align: center;
}



footer {
	width:100%; 
	position:absolute; 
	bottom:0;  
	height:auto; 
	padding:1em 0;
	background:rgba(255,255,255,1.00);
	color:#000; 
	text-align:center; 
	font-weight:300; 
	font-size:0.8em;
}


.footerLogo { width:32%; float:left; margin:0; padding:0.2em 0; display: block; }
.footerText { width:40%; float:left; margin:1.3em 0 0 0; padding:1.5em 0 0 0; text-align:center; vertical-align:middle; display: block; }
.footerToTop { width:30px; float:right; margin:0; padding:1em 0; display: block; }


@media screen and (min-width: 1440px){
	
}

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

	.NewsContentHomeItem1 { width: 40%; float: left; }
	.NewsContentHomeItemText1 { width: 100%; float: right; }
	.NewsContentItem1 { width: 40%; float: left; }
	.NewsContentItemText1 { width: 100%; float: right; }

}

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

}

@media screen and (min-width: 950px) and (max-width: 1240px){
	

}

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

	.pc { display: none; }
	.sp { display: block; }

	/* +++ for Mobile +++ */
	header {
		height:80px; z-index:5;
	}
	
	.logo1{
		padding:1.5em 0 2em 0; 
		left:3%; 
	}

	nav { width:100%; height:100%; z-index: 100; display: block; }

	.desktopMenu { /*++ Desktop Nav Left Panell ++*/
		display:none;
	}

	.logo{
		width: 60%; 
		max-width:280px; 
		padding:1em 0; 
		left:20%; 
		top: 0;
		position:absolute; 
	}

	.nav-collapse { /*++ Smartphone Nav Left Panel ++*/
		margin: 0 auto;
		width:100%; 
		height:auto; 
	}

	.nav-collapse ul{
		margin:10px 0 0 0;
	}

	.nav-collapse a{
		font-size:0.9em; 
	}

	#home { padding:60px 0 0 0; }
	
	#map_canvas { margin: 0 auto; width:80%; height:400px; float:none; /* pointer-events: none; */ }
	
	.ColRight .CoImg { width: 100%; margin: 0 auto 1em; }

	.AboutBASegment { width:100%; margin: 0 auto 2em; padding: 0; text-align:left; background:#e9edec; overflow: hidden; }
	.AboutBASegment .BusAct1 { width: 43%; margin: 0; padding: 0; float: right; /* background: #27A66C; */ }
	.AboutBASegment .BusAct1t { width: 55%; margin: 0; padding: 20px 0 20px 2%; float: left; /* background: #9F5455; */ }
	.AboutBASegment .BusAct2 { width: 43%; margin: 0; padding: 0; float: left; /* background: #27A66C; */ }
	.AboutBASegment .BusAct2t { width: 55%; margin: 0; padding: 20px 2% 20px 0; float: right; /* background: #9F5455; */ }
	
	.AboutUsLogo { width:40%; margin-top:1em; }

	.ContactInfo { width:95%; margin:0 0 1em 0; padding:0 0 0 1em; float:none; font-size:0.9em;  }
	
	.NewsContentHome { width: 99%; float: none; margin: 0 auto; padding-top: 1em; }
	.NewsContentHomeItem1 { width: 94%; float: none; margin: 0 auto; }
	.NewsContentHomeItemText1 { width: 100%; float: right; }
	.NewsContent { width:85%; }
	.NewsContentItem { width: 100%; float: left; }
	.NewsContentItem1 { width: 100%; float: left; }
	.NewsContentItemText { width: 100%; float: right; }
	.NewsContentItemText1 { width: 100%; float: right; }

	ul.ProductCat1 { width:100%; list-style: none; margin: 0 0 3em 0; overflow:hidden; }
	ul.ProductCat1 li { width:48%; float:left; padding-right:1%; padding-left:1%; margin-bottom:1em; } 

	.ProductEnquiryContainer { width: 60%; }
	.ProductEnquiry { float:left; width: 45%; }
	.ProductEnquiryForm { float:right; width: 55%; font-size:1.2em; }

	.video { width:100%;  }

	.footerLogo { width:30%; float:left; margin:0 20px 0 0; padding:1em 0; display: block; }
	.footerText { width:45%; float:left; margin:1em 0; padding:1em 0; text-align:center; display: block; }
	.footerToTop { width:30px; float:right; display: block; }

}

@media screen and (min-width: 640px) and (max-width: 949px){
	

}


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

	.logo1{
		width: 70%; 
		max-width:300px; 
		padding: 1.6em 0; 
		left:5%; 
	}

	.ColMain { width:100%; margin: 0 auto; padding:0; overflow:hidden; text-align:justify; }
	.ColLeft { width:100%; float:none; background: none; margin:0 0 3em 0; padding:0; }
	.ColRight { width:100%; float:none; background: none; margin:0 0 3em 0; padding:0; }

	.ColRight .CoImg { width: 100%; margin: 0 auto 1em; float: none; }

	.AboutBAIntro { text-align:left; }
	.AboutBAIntro h3 { margin-bottom: 10px;}
	.AboutBASegment { width:96%; margin: 0 auto 2em; }
	.AboutBASegment .BusAct1 { width: 90%; margin: 0 auto; padding: 0 0 30px 0; float: none; /* background: #27A66C; */ }
	.AboutBASegment .BusAct1t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	.AboutBASegment .BusAct2 { width: 90%; margin: 0 auto; padding: 30px 0 0 0; float: none; /* background: #27A66C; */ }
	.AboutBASegment .BusAct2t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }

	.AboutUsLogoContent .History .MappHistory { margin-top:65%; margin-left:46%; width:50%; }
	.AboutUsLogoContent .History .MappHistory a { box-shadow:0 0 12px rgba(0,0,0,0.50); }
	.AboutUsLogoContent .History .MappHistory a:hover { box-shadow:0 0 12px #FFF; }

	.AboutUsLogo { width:40%; margin-top:0.5em;  }

	.ImgForDTP { display: none; }
	.ImgForMP { display: block; }

	.ProductEnquiryContainer { width: 70%; }
	.ProductEnquiry { float:left; width: 45%; }
	.ProductEnquiryForm { font-size:1em; }

	span.ts13 { font-size:1.2em; }
	
	.ColOne { width:45%; margin:0 3% 0 2%; }
	.ColOneM { width:45%; margin:0 3% 0 2%; }
	.ColOneR { width:45%; margin:0 3% 0 2%; }
	
	.NewsContentHome { width:99%; }
	.NewsContent { width:90%; }
	.NewsContentItem { width: 100%; float: left; }
	.NewsContentItemText { width: 100%; float: right; }

	ul.SitemapCol { width:48%; }
        
    .ColMainPolicy dl dt ul.Policy2{ margin: 2em 0 0 -1px; }
    .ColMainPolicy dl dd ul.Policy2{ margin: 2em 0 0 -1px; }

	.footerLogo { float:left; margin:0 10px 0 0; padding:0.5em 0; display: block; }
	.footerText { width:55%; float:left; margin:0.5em 0; padding:1em 0; }
	.footerToTop { width:30px; float:right; display: block; }

}

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

	.ProductEnquiryContainer { width: 85%; }
	.ProductEnquiryForm { font-size:1.1em; }
	
	.AboutBAIntro { text-align:left; }
	.AboutBAIntro h3 { margin-bottom: 10px;}
	.AboutBASegment { width:96%; margin: 0 auto 2em; }
	.AboutBASegment .BusAct1t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	.AboutBASegment .BusAct2t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	
	.NewsContentItem { width: 100%; float: left; }
	.NewsContentItemText { width: 100%; float: right; font-size: 0.8em; }

}



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

	section{
		padding:50px 0; 
	}

	ul.AboutSection li { width: 96%; float:left; }

	ul.ProductCat1 { width:100%;}
	ul.ProductCat1 li { width:98%; } 

	.ProductEnquiryContainer { width: 100%; }
	.ProductEnquiry { float:none; width: 80%; margin: 0 auto 1em; text-align: center; }
	.ProductEnquiryForm { float:none; width: 80%; font-size:1.2em; margin: 0 auto; }
	.ProductEnquiryForm a{ float:none; }

	span.ts13 { font-size:1.1em; }

	.AboutBAIntro { text-align:left; }
	.AboutBAIntro h3 { margin-bottom: 10px;}
	.AboutBASegment { width:100%; margin: 0 auto 2em; }
	.AboutBASegment .BusAct1t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	.AboutBASegment .BusAct2t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }

	dl.History dt { width:22%; }
	dl.History dd { margin: 0 0 0 22%; width: 78%; }

	dl.HistoryLast dt { width:22%; }
	dl.HistoryLast dd { margin: 0 0 0 22%; width: 78%; }

	.AboutUsLogo { width:60%; margin-top:0.5em;  }
	.ContentColumn4 { width: 40%; float: left; margin: 0 0 0 4%; padding: 0 2px; background: rgba(0,0,0,0.0); }
	
	.ContactInfoAddress { width:90%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_address.png) no-repeat top left; }
	.ContactInfoPhone { width:90%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_phone.png) no-repeat top left; }
	.ContactInfoEmail { width:90%; margin:0 0 0 2%; padding:0 0 2em 2.5em; text-align:left; float:left; font-weight:500; line-height:1.5; font-size:0.8em; color:#000; background:url(../images/icon_contacts_email.png) no-repeat top left; }
	
	.ColOne { width:95%; margin:0 3% 0 2%; }
	.ColOneM { width:95%; margin:0 3% 0 2%; }
	.ColOneR { width:95%; margin:0 3% 0 2%; }
	
	.NewsContentHomeItem1 { width: 95%; float: none; margin: 0 auto; padding-top: 1em; }
	.NewsContentHomeItemText1 { width: 100%; float: none; font-size: 0.8em; text-align: center; }
	.NewsContentItem { width: 100%; float: none; }
	.NewsContentItemText { width: 100%; float: none; font-size: 0.8em; text-align: center; }

	ul.SitemapCol { width:88%; }
        
    .ColMainPolicy dl dt ul.Policy2{ margin: 2em 0 0 5px; }
    .ColMainPolicy dl dd ul.Policy2{ margin: 2em 0 0 5px; }

	.footerLogo { width:0; float:left; margin:0; padding:1em 0; display: none; }
	.footerText { width:85%; float:left; margin:0.2em 0; padding:0.5em 0; }
	.footerToTop { width:30px; float:right; display: block; }

}

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

	.logo1{
		width: 70%; 
		max-width:280px; 
		padding: 1.8em 0; 
		left:2%; 
	}


	ul.ProductCat1 { width:100%; max-width: 280px; }

	.ProductEnquiryContainer { width: 100%; }
	.ProductEnquiry { float:none; width: 80%; margin: 0 auto 1em; text-align: center; }
	.ProductEnquiryForm { float:none; width: 80%; font-size:1.2em; margin: 0 auto; }
	.ProductEnquiryForm a{ float:none; }
	span.ts13 { font-size:1.1em; }

	.AboutBAIntro { text-align:left; }
	.AboutBAIntro h3 { margin-bottom: 10px;}
	.AboutBASegment { width:98%; margin: 0 auto 2em; }
	.AboutBASegment .BusAct1t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	.AboutBASegment .BusAct2t { width: 90%; margin: 0; padding: 20px 5%; float: none; overflow: hidden; }
	
	.footerLogo { width:0; float:left; margin:0; padding:1em 0; display: none; }
	.footerText { width:100%; float:left; margin:0.5em 0; padding:0.5em 0; text-align:left; display: block; }
	.footerToTop { width:30px; float:right; display: block; }


}

@media screen and (min-width: 1023px){
		
	nav {
		display:none;
	}

	.js .nav-collapse{position:relative;}
	.js .nav-collapse.closed{max-height:none;}
	.nav-toggle{display:none;}

	.mask{
		display:none !important;
		opacity:0 !important;
	}
	
	.nav-collapse { /*++ Desktop Nav Left Panell ++*/
		float:right;
		margin: 0 auto;
		margin-right:3%;
		width:62%;
	}

	.nav-collapse li{ /* Desktop Nav Width */
		float:left; 
		width:15%; 
		margin-left:1%;
	}
	
	/* Top Nav for Desktop */

	.nav-collapse a{
		border-bottom:1px solid rgba(0,173,239,1.0);
		padding:12px;
		text-align:center;
		text-transform: uppercase;
		border-top:0;
		float: left;
		margin:0 auto;
		background:#FFF;
		color: rgba(0,173,239,1.0);
	}

	.nav-collapse a:active,.nav-collapse .active a{
		background:#FFF;
		color: rgba(0,173,239,1.0);
	}

	.nav-collapse a:hover{
		color:rgba(0,173,239,1.0);
		border-bottom:3px solid rgba(0,173,239,1.0);
		background: none;
	}
	
	.nav-collapse ul ul a{
		display:none;
	}
	

}


/*++++++++++
ContentsClear
++++++++++*/

.clearfix:before,
.clearfix:after {
content: "";
display: table;
}
 
.clearfix:after {
clear: both;
}
 
.clearfix {
zoom: 1; /* ie 6/7 */
}