@charset "UTF-8";

#products{
	padding-top: 85px;
}

#products .co2_area{
	width: 100%;
	padding-top: 70px;
}

#products .co2_area + .co2_area{
	padding-top: 120px;
}

#products .co2_area h2{
	font-family: FrutigerRoma;
	font-size: 40px;
	line-height: 1;
	text-align: center;
	margin-bottom: 80px;
}

#products .co2_area h2 + p{
	font-family:FrutigerRoma;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	margin:10px 0 80px;
}

#products .co2_outline{
	width: 100%;
	height: 610px;
	position: relative;
}

#products .co2_outline > div{
	width: 50%;
	height: 610px;
	position: absolute;
	top: 0;
}

#products .co2_outline > div.le{
	right: 50%;
}

#products .co2_outline > div.ri{
	left: 50%;
}

#products .co2_outline > div > img{
	opacity: 0;
}

#products .co2_outline > div.le > div{
	width: 640px;
	padding:40px 50px 0 0;
	float: right;
}

#products .co2_outline > div.ri > div{
	width: 640px;
	padding:40px 0 0 55px;
	float: left;
}

#products .co2_outline > div > div{
	font-family:"FrutigerRoma";
	position: relative;
}

#products .co2_outline > div > div::before{
	content: "";
	width: 128px;
	height: 11px;
	position: absolute;
	top: 0;
}

#products .co2_outline > div.le > div::before{
	left: 0;
}


#products .co2_outline > div.ri > div::before{
	right: 0;
}

#products .co2_outline > div > div h3{
	margin-bottom: 30px;
}

#products .co2_outline > div > div > p{
	font-size: 15px;
	line-height: 2;
	height: 290px;
}

#products .co2_outline > div > div > ul{
	font-size: 14px;
	line-height: 1.4;
}

#products .co2_outline > div > div > ul li + li{
	margin-top: 10px;
}
#products .co2_outline > div > div > ul li::before{
	font-family:FontAwesome;
	content:"\f054";
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	color: #535353;	
}


#products .co2_outline > div > div > ul li a{
	color: #000;
}

#products .co2_outline > div > div > ul li a[target="_blank"]::after{
  font-family:FontAwesome;
  content:"\f24d";
  color: #8c9196;
	display: inline-block;
	margin-left: 3px;
	transform: scale(1, -1);
}

#products .co2_outline.as  > div.ri{
	background: #d8e3f0;
}

#products .co2_outline.as  > div.le{
	background: url("/global/~/Media/phchd_g/products/image_re/pic01.jpg") left top no-repeat;
	background-size: cover;
}

#products .co2_outline.as > div.ri > div::before{
	background: #562551;
}

#products .co2_outline.iv  > div.ri{
	background: #d1dee4;
}

#products .co2_outline.iv  > div.le{
	background: url("/global/~/Media/phchd_g/products/image_re/pic06.jpg") left top no-repeat;
	background-size: cover;
}

#products .co2_outline.iv > div.ri > div::before{
	background: #562551;
}

#products .co2_outline.ep > div.ri{
	background: #d1dee4;
}

#products .co2_outline.ep  > div.le{
	background: url("/global/~/Media/phchd_g/products/image_re/pic02.jpg") right top no-repeat;
	background-size: cover;
}

#products .co2_outline.ep > div.ri > div::before{
	background: #e62781;
}

#products .co2_outline.ph  > div.le{
	background: #d1dee4;
}

#products .co2_outline.ph  > div.ri{
	background: url("/global/~/Media/phchd_g/products/image_re/pic03.jpg") left top no-repeat;
	background-size: cover;
}

#products .co2_outline.ph > div.le > div::before{
	background: #aa261c;
}


#products .co2_outline.me > div.ri{
	background: #dcece8;
}

#products .co2_outline.me  > div.le{
	background: url("/global/~/Media/phchd_g/products/image_re/pic04.jpg") left top no-repeat;
	background-size: cover;
}

#products .co2_outline.me > div.ri > div::before{
	background: #565656;
}

#products .co2_outline.ls  > div.le{
	background: #dcece8;
}

#products .co2_outline.ls  > div.ri{
	background: url("/global/~/Media/phchd_g/products/image_re/pic05.jpg") left top no-repeat;
	background-size: cover;
}

#products .co2_outline.ls > div.le > div::before{
	background: #51b5e0;
}

#products .co2_outline.md  > div.le{
	background: #dcece8;
}

#products .co2_outline.md  > div.ri{
	background: url("/global/~/Media/phchd_g/products/image_re/pic07.jpg") right top no-repeat;
	background-size: cover;
}

#products .co2_outline.md > div.le > div::before{
	background: #00C85F;
}

@media screen and (max-width:768px){
	
  #products{
    padding-top: 45px;
  }

  #products .co2_area{
    padding-top: 40px;
  }

  #products .co2_area + .co2_area{
    padding-top: 80px;
  }

  #products .co2_area h2{
    font-size: 22px;
		margin-bottom: 40px;
  }

  #products .co2_area h2 + p{
    font-size: 18px;
    margin:10px 0 40px;
  }

  #products .co2_outline{
    height: auto;
  }

  #products .co2_outline > div{
    width: 100%;
    height: auto;
    position: static;
    top: auto;
  }

  #products .co2_outline > div.le{
    right: auto;
  }

  #products .co2_outline > div.ri{
    left: auto;
  }

  #products .co2_outline > div > img{
    opacity: 1;
  }

  #products .co2_outline > div.le > div{
    width: 100%;
    padding: 30px 20px 0;
    float: none;
  }

  #products .co2_outline > div.ri > div{
    width: 100%;
    padding: 30px 20px 0;
    float: none;
  }

  #products .co2_outline > div > div::before{
    content: "";
    width: 20%;
    height: 6px;
    position: absolute;
    top: 0;
  }

  #products .co2_outline > div.le > div::before{
    left: 20px;
  }

  #products .co2_outline > div.ri > div::before{
    right: auto;
		left: 20px;
  }

  #products .co2_outline > div > div h3{
    margin-bottom: 20px;
  }
	
	#products .co2_outline > div > div h3 img{
    width: auto;
		height: 80px;
  }

  #products .co2_outline > div > div > p{
    font-size: 14px;
    line-height: 1.8;
    height: auto;
		margin-bottom: 40px;
  }

  #products .co2_outline > div > div > ul{
    font-size: 14px;
    line-height: 1.4;
		padding-bottom: 50px;
  }

  #products .co2_outline > div > div > ul li + li{
    margin-top: 10px;
  }
	
  #products .co2_outline.me > div.ri{
    padding-bottom: 1px;
  }

	
}

.clearFix {overflow: hidden;}
.clearFix:after {
	clear: both;content: "";display: block;height: 0;overflow: hidden;
}
* html .clearFix {
	height: 1em;overflow: visible;
}