@charset "utf-8";
.full {
	background-image: none;
}
.headline-mask {
	position: absolute;
	top: 100px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	filter: Alpha(Opacity=50);
	opacity: 0.5;
}
.headline-background {
	width: 100%;
	position: absolute;
	top: 100px;
	left: 0px;
	z-index: 0;
	bottom: 0px;
	max-height: 400px;
	background-image: url(../images/cases/topBg.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 100px;
	background-size: 100% auto;
}
.section1 h1 {
	color: #000;
	padding-bottom: 20px;
	font-weight: bold;
	vertical-align: bottom;
}
.topT {
	color: #000;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}
#mainContent {
	background: #FFF;
}
#mainContent .row {
	z-index: 999;
	position: relative;
}
.content {
	background-color: #FFF;
	border-color: #E5E5E5;
	padding-top: 0px;
	padding-right: 60px;
	padding-left: 60px;
	padding-bottom: 45px;
	position: relative;
	font-size: 14px;
	line-height: 23px;
}
*:first-child+html #compatibleShow .content {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 5%;
	padding-right: 5%;
	width: 40%;
}
#compatibleShow .content h2 {
	padding-top: 45px;
}
.mainCon {
	padding-top: 45px;
}
.content h2 {
	color: #FF6600;
	margin-bottom: 40px;
}
*:first-child+html #iconsShow {
	clear: both;
}
*:first-child+html #iconsShow .content {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.icons {
	padding-top: 20px;
	padding-bottom: 20px;
}
*:first-child+html .aIcon {
	padding-left: 0px;
	padding-right: 0px;
	margin-left: -2px;
	margin-right: -2px;
}
.icons .aIcon img {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 100%;
	height: auto;
}
*:first-child+html .icons .aIcon img {
	padding-top: 10px;
	padding-bottom: 10px;
	width: 90%;
	height: auto;
}
#flipbookWrapper {
	position: relative;
}
#flipbookWrapper .shadow, #flipbook.shadow {
	-webkit-box-shadow: 0 4px 10px #666;
	-moz-box-shadow: 0 4px 10px #666;
	-ms-box-shadow: 0 4px 10px #666;
	-o-box-shadow: 0 4px 10px #666;
	box-shadow: 0 4px 10px #666;
}
#flipbookCon {
	position: relative;
}
.customer {
	float: left;
	font-size: 16px;
	line-height: 30px;
	white-space: nowrap;	
}
#flipbookCon .customer ul {
	margin: 0px;
	padding-left: 30px;
	padding-top: 30px;
}
.customer ul li {
	list-style: none;
}
#flipbookCon #endText {
	width: 45%;
	overflow: hidden;
	font-size: 20px;
	line-height: 30px;
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 40px;
	font-weight: bold;
	white-space: nowrap;
	vertical-align: top;
	position: absolute;
	top: 50%;
	right: 0px;
	height: 60px;
	margin-top: -30px;
}
#endText img {
	margin-top: 0px;
	margin-right: 10px;
	float: left;
}
#flipbook .page img {
	width: 100%;
	height: auto;	
}
#flipbook .even .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image: linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}
#flipbook .odd .gradient {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image: -webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image: -moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image: -ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image: -o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image: linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}
#flipbook-viewport .loader {
	background-image: url(../images/cases/loader.gif);
	width: 22px;
	height: 22px;
	position: absolute;
	top: 280px;
	left: 219px;
}
#flipbook-viewport .shadow {
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;
	-webkit-box-shadow: 0 0 20px #ccc;
	-moz-box-shadow: 0 0 20px #ccc;
	-o-box-shadow: 0 0 20px #ccc;
	-ms-box-shadow: 0 0 20px #ccc;
	box-shadow: 0 0 20px #ccc;
}
#flipbookCon .btnHide {
	display: none;
}
#flipbook-viewport .next-button, #flipbook-viewport .previous-button {
	width: 34px;
	height: 100%;
	position: absolute;
	top: 0;
	background-image: url(../images/cases/arrow-navpage.png);
	background-repeat: no-repeat;
}
#flipbook-viewport .next-button {
	right: -22px;
	-webkit-border-radius: 0 15px 15px 0;
	-moz-border-radius: 0 15px 15px 0;
	-ms-border-radius: 0 15px 15px 0;
	-o-border-radius: 0 15px 15px 0;
	border-radius: 0 15px 15px 0;
	background-position: 0px center;	
}
#flipbook-viewport .previous-button {
	left: -22px;
	-webkit-border-radius: 15px 0 0 15px;
	-moz-border-radius: 15px 0 0 15px;
	-ms-border-radius: 15px 0 0 15px;
	-o-border-radius: 15px 0 0 15px;
	border-radius: 15px 0 0 15px;	
	background-position: -68px center;	
}
#flipbook-viewport .previous-button-hover, #flipbook-viewport .next-button-hover {
	cursor: pointer;
}
#flipbook-viewport .previous-button-hover, #flipbook-viewport .previous-button-down {
	background-position: -102px center;
}
#flipbook-viewport .next-button-hover, #flipbook-viewport .next-button-down {
	background-position: -34px center;
}
#flipbook-viewport .zoom-in .next-button, #flipbook-viewport .zoom-in .previous-button {
	display: none;
}
.jssora09l, .jssora09r, .jssora09ldn, .jssora09rdn {
	position: absolute;
	cursor: pointer;
	display: block;
	background-image: url(../img/a09.png);
	overflow: hidden;
	opacity: .4;
	filter: alpha(opacity=40);
	background-repeat: no-repeat;
}
.jssora09l {
	background-position: -5px -35px
}
.jssora09r {
	background-position: -65px -35px
}
.jssora09l:hover {
	background-position: -5px -35px;
	opacity: .8;
	filter: alpha(opacity=80)
}
.jssora09r:hover {
	background-position: -65px -35px;
	opacity: .8;
	filter: alpha(opacity=80)
}
.jssora09ldn {
	background-position: -5px -35px;
	opacity: .3;
	filter: alpha(opacity=30)
}
.jssora09rdn {
	background-position: -65px -35px;
	opacity: .3;
	filter: alpha(opacity=30)
}
.jssorb21 div, .jssorb21 div:hover, .jssorb21 .av {
	background: url(../img/b21.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb21 div {
	background-position: -5px -5px;
}
.jssorb21 div:hover, .jssorb21 .av:hover {
	background-position: -35px -5px;
}
.jssorb21 .av {
	background-position: -65px -5px;
}
.jssorb21 .dn, .jssorb21 .dn:hover {
	background-position: -95px -5px;
}
#slider1_container {
	font-weight: bold;
	position: relative;
	top: 0px;
	left: 0px;
	width: 545px;
	height: 766px;
	overflow: hidden;
}
#slider1_container #slides {
	cursor: default;
	position: absolute;
	overflow: hidden;
	left: 0px;
	top: 0px;
	width: 545px;
	height: 766px;
}
#slider1_container #slidesNavigator {
	position: absolute;
	bottom: 16px;
	left: 6px;
}
#slidesNavigator #prototype {
	position: absolute;
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 19px;
	color: White;
	font-size: 12px;
}
#slider1_container #arrowleft {
	width: 50px;
	height: 50px;
	top: 123px;
	left: 8px;
}
#slider1_container #arrowright {
	width: 50px;
	height: 50px;
	top: 123px;
	right: 8px;
}