@charset "utf-8";
/* CSS Document */
.mainArea{
	margin-top:40px;
	}
/*left menu*/
.menuBox{
	border:1px solid #f5f5f5;
	padding:0;
	}
.menu-title{
	padding:20px;
	font-size:20px;
	color:#009ce0;
	border-bottom:1px solid #f5f5f5;
	}	
ul.leftnav ul {
	margin: 0;
	padding: 0;
	display: none;
}
.leftnav > li > a{
	display:block;
	color:#009ce0;
	font-size:14px;
	padding:11px 19px;
	text-decoration:none;
	position:relative;
	}
.leftnav > li > a:hover{
	background:#009ce0;
	color:#FFF;
	}
.leftnav > li > a > span{
	display:block;
	position:absolute;
	top:10px;
	right:20px;
	}
.leftnav > li > ul > li > a{
	display:block;
	color:#767475;
	font-size:14px;
	padding:11px 19px;
	text-decoration:none;
	position:relative;
	}
.leftnav > li > ul > li > a:hover{
	background:#f5f5f5;
	}
.leftnav > li > ul > li > a > span{
	display:block;
	position:absolute;
	top:10px;
	right:20px;
	}
.leftnav > li > ul > li > ul > li >a{
	display:block;
	color:#9a9497;
	font-size:14px;
	padding:11px 19px 11px 34px;
	text-decoration:none;
	position:relative;
	}
.leftnav > li > ul > li > ul > li >a:hover{
	text-decoration:underline;
	}
.leftnav .active{
	background:#f4f4f4;
	}


/* route list */
.breadcrumb{
	background:none;
	border-radius:0;
	border-bottom:1px solid #ddd;
	}
.route-list{
	padding:0 5px 5px 5px;
	border-bottom:1px solid #f5f5f5;
	font-size:16px;
	color:#CCC;
	margin-bottom:20px;
	
	}
/* product title */
.fr-pt-title{
	word-wrap: break-word;
	line-height:34px;
	font-size:20px;
	color:#009ce0;
	margin-bottom:20px;
	padding-left:5px;
	font-weight:bold;
	}
/* inquire now */
.inquire-now{
	margin-bottom:20px;
	padding:0;
	}
.inquire-now .btn{
	width:100%;
	}

.product-img{
	padding-left:0;
	}
.product-img img{
	width:100%;
	}

.pt-table {
	border:1px solid #f5f5f5;
	border-bottom:none;
	padding:0;
	margin-bottom:20px;
	}
.pt-table table{
	width:100%;
	}
.pt-table table tr{
	}
.pt-table table tr td{
	font-size:16px;
	padding:21px 20px;
	border-bottom:1px solid #f5f5f5;
	}
.pt-table table tr .name{
	width:30%;
	color:#009ce0;
	}
.pt-table table tr .information{
	width:70%;
	color:#8b9998;
	}

.download-box,.product-details-box{
	padding:0;
	margin-bottom:30px;
	}
.box-tit-style{
	border-bottom:1px solid #009ce0;
	margin-bottom:20px;

	}
.box-tit-style span{
	font-size:18px;
	color:#FFF;
	padding:5px 10px;
	background:#009ce0;
	display:block;
	width:20%;
	text-align:center;
	}
.product-details{
	padding: 0 15px;
}
.download-box table{
	width:100%;
	}
.download-box table tr td{
	padding:10px;
	font-size:16px;
	color:#b5b5b5;
	}
.first-td{
	color:#767475 !important;
	}
.document-name{
	width:70%;
	}
.document-size{
	text-align:center;
	width:10%;
	}
.document-btn{
	text-align:center;
	width:20%;
	}
.document-btn .btn{
	width:100%;
	}

.more-product-list{
	padding:53px 0;
	background:#f6f6f6;
	}
.controls-pt-list{
	/*background:#fff;
	border:1px solid #f5f5f5;*/
	padding:0;
	}
.controls-pt-list .slide{
	border-right:1px solid #f5f5f5;
	}
.controls-pt-list .slide:last-child{
	border:none;
	}
.controls-pt-list .slide img{
	width:100%;
	padding:30px 15px 10px 15px;
	}
.controls-pt-list .slide h2{
	text-align:center;
	font-size:16px;
	padding:15px;
	word-wrap:break-word;
	}
.bx-wrapper{
	background:#fff;
	border:1px solid #f5f5f5;
	}
	
.mb5{
	margin-bottom: 5px;
}
.ht85{
	height: 85px;;
}
.mandatory{
	color: #f00;
}
.information{
	padding: 0 15px;
}
.information textarea{
	resize: none;
}
#mechanismBox{
	display: none;
}
#gateValve{
	display: none;
}
#manual,#pneumatic,#electric{
	display: none;
}
.error{
	color:red;
	font-weight: 100 !important;
	padding-left: 3px;
}
.modal{
	z-index: 10500;
}
.modal-backdrop{
	z-index: 10400;
}
.dashedLine{
	border-bottom: 1px dashed #ccc;
	height: 1px;
	background: none;
	padding-top:10px;
	margin-bottom: 10px;
}
.twoTit{
	font-size: 16px;
}
.blankBg{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10700;
	background: #000;
	opacity: 0.5;
}
.twoPop{
	width: 700px;
	height: 200px;
	line-height: 100px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -150px;
	margin-left: -350px;
	z-index: 10800;
	text-align: center;
	font-size: 45px;
	color: #fff;
	font-weight: bold;	
}
.timeCue{
	font-size: 24px;
}
.fontRed{
	color: #f0ad4e;
	font-size: 36px;
	
}
#promptBox{
	display: none;
}

@media (min-width: 1200px){
.modal-lg {
    width: 1200px;
    }
}