@charset "utf-8";
/* CSS Document */

@font-face {font-family:'Century Schoolbook'; src:url('../fonts/Century Schoolbook.ttf') format('truetype');}

body{ margin:0px; padding:0px; background:#088e7a; font-family:'Century Schoolbook';}
img{ border:none; outline:none;}a{ text-decoration:none;}

.main{ width:100%; margin:0px; overflow:hidden;}
.wrapper{ width:90%; max-width:1200px; margin:50px auto; overflow:hidden; background:#ffffff; border-top:5px solid #ffb141;}

.header{ width:97%; max-width:1100px; margin:0px auto; overflow:hidden; padding:0px 1.5%;}
#logo{ width:58%; max-width:441px; margin:0px; float:left; overflow:hidden;}
#logo img{ width:100%; padding:15px 0px;}
#reach{ width:42%; max-width:320px; margin:0px; float:right; overflow:hidden;}
#reach p{ color:#525050; font-size:15px; margin:20px 0px; padding:0px;}

.banner{ width:97%; max-width:1100px; margin:0px auto; overflow:hidden;}

.welc{ width:97%; max-width:1100px; min-height:250px; margin:0px auto; overflow:hidden; padding:10px 2%;}
.welc h2{ color:#000000; font-size:24px; margin:0px; padding:10px 0px; font-weight:normal;}
.welc p{ color:#434343; font-size:15px; margin:0px; padding:3px 0px; line-height:26px; text-align:justify;}

.welc1{ width:48%; max-width:500px; min-height:250px; padding:10px 2%; float:left;}
.welc1 h2{ color:#000000; font-size:24px; margin:0px; padding:10px 0px; font-weight:normal;}
.welc1 p{ color:#434343; font-size:15px; margin:0px; padding:3px 0px; line-height:26px; text-align:justify;}

.welc2{ width:48%; max-width:500px; min-height:250px; overflow:hidden; padding:10px 2%; float:left;}
.welc2 h2{ color:#000000; font-size:24px; margin:0px; padding:10px 0px; font-weight:normal;}
.welc2 p{ color:#434343; font-size:15px; margin:0px; padding:3px 0px; line-height:26px; text-align:justify;}

.cont{ width:97%; max-width:1100px; margin:0px auto; overflow:hidden; padding:10px 2%;}
.cont h2{ color:#000000; font-size:20px; margin:0px; padding:10px 0px; font-weight:normal;}
.cont p{ color:#434343; font-size:15px; margin:0px; padding:3px 0px; line-height:26px; text-align:justify;}
#proimg{ width:30%; margin:0px; overflow:hidden; float:left;}
#back{ display:block; width:80px; margin:0px; padding:5px 0px; float:right; background:#2E2E2E; color:#ffffff; font-size:15px; text-align:center; border-radius:5px; margin-top:-35px;}

.product{ width:97%; max-width:1100px; margin:0px auto; overflow:hidden; padding:20px 2% 10px 2%;}
#title{ width:100%; margin:0px; overflow:hidden;}
#title h2{ color:#000000; font-size:24px; font-weight:normal; margin:0px; padding:0px 20px 0px 0px; float:left; overflow:hidden; background:#ffffff;}
#title span{ display:block; width:100%; margin:0px; margin-top:18px; border-top:1px solid #e9e9e9;}

.client{ width:97%; max-width:1100px; margin:0px auto; overflow:hidden; padding:20px 2% 10px 2%;}

#pcolm{ width:30%; margin:10px 1.5%; overflow:hidden; float:left;}
#pcolm h3{ min-height:66px; color:#000000; font-size:18px; margin:0px; padding: 0px; text-align:center; font-weight:normal;}
#pimg{ width:100%; height:230px; margin:0px; overflow:hidden;}
#pimg img{ width:100%; height:100%; margin:0px; border-radius:5px;}

.footer{ width:100%; margin:0px; overflow:hidden; background:#303030;}
#foot{ width:97%; max-width:1100px; margin:0px auto; overflow:hidden; padding:0px 1.5%;}
#foot1{ width:15%; margin:0px; overflow:hidden; float:left; padding-right:4%;}
#foot1 h3{ color:#ffffff; font-size:20px; margin:0px; padding:10px 0px; font-weight:normal;}
#foot1 p{ color:#c2bebe; font-size:15px; margin:0px; padding:6px 0px;}
#foot1 p a{ color:#c2bebe; font-size:15px;}
#foot1 p a:hover{ color:#ffffff;}

#foot2{ width:25%; margin:0px; overflow:hidden; float:left;}
#foot2 h3{ color:#ffffff; font-size:20px; margin:0px; padding:10px 0px; font-weight:normal;}

#foot3{ width:25%; margin:0px; overflow:hidden; float:left; padding:0% 3%;}
#foot3 h3{ color:#ffffff; font-size:20px; margin:0px; padding:10px 0px; font-weight:normal;}

#foot4{ width:25%; margin:0px; overflow:hidden; float:left;}
#foot4 h3{ color:#ffffff; font-size:20px; margin:0px; padding:10px 0px; font-weight:normal;}

#enq { width:100%; max-width:300px; margin:0px auto; padding:0px; border:0px; overflow:hidden; }
#enq tr{ margin:0px; padding:0px;}#enq td{ padding-bottom:10px; margin:0px;}
.txtbox, .txtboxa{width:96%; padding:4px 2%; color:#c2bebe; font-size:14px; border:1px solid #3d3d3d; background:#3d3d3d; font-family:'Century Schoolbook';}
.txtbox:focus,.txtboxa:focus{outline:none;}

#enq1 { width:100%; max-width:500px; margin:0px auto; padding:0px; border:0px; overflow:hidden; }
#enq1 tr{ margin:0px; padding:0px;}
#enq1 td{ padding-bottom:10px; margin:0px;}
.txtbox1, .txtboxa1{width:96%; padding:4px 2%; color:#000; font-size:14px; border:1px solid #3d3d3d; font-family:'Century Schoolbook';}
.txtbox1:focus,.txtboxa1:focus{outline:none;}
.txtbox1::-webkit-input-placeholder,.txtboxa1::-webkit-input-placeholder{ color:#c2bebe;}

#enq1 .ermsg{ display:block; color:#FF1717; font-size:0px; line-height:0px;}
#enq1 #code1{ width:40%; max-width:100px; float:left; background-image:url(../images/enq.png); text-align:center; border:none; outline:none; padding:3px 0px; font-size:16px; font-weight:bold; font-family:'Century Schoolbook'; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}
#enq1 #vcode1{ width:40%; max-width:100px; margin:0px; float:left; margin-left:10%;}


.txtbox::-webkit-input-placeholder,.txtboxa::-webkit-input-placeholder{ color:#c2bebe;}
.txtbox::-moz-input-placeholder,.txtboxa::-moz-input-placeholder{ color:#c2bebe;}
.txtbox:-ms-input-placeholder,.txtboxa:-ms-input-placeholder{ color:#c2bebe;}
.txtbox:-input-placeholder,.txtboxa:-input-placeholder{ color:#c2bebe;}

.btn{float:right; background:#c7c500; color:#232323; font-size:16px; padding:6px 17px; border:0px; cursor:pointer;}
.btn:focus, .btn:hover{outline:none; border:none; -webkit-box-shadow: 0px 2px 0px #422913; box-shadow: 0px 2px 0px #422913; }

#enq .ermsg{ display:block; color:#FF1717; font-size:0px; line-height:0px;}
#enq #code, #enq #code2{ width:40%; max-width:100px; float:left; background-image:url(../images/enq.png); text-align:center; border:none; outline:none; padding:3px 0px; font-size:16px; font-weight:bold; font-family:'Century Schoolbook'; -webkit-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; user-select: none;}
#enq #vcode, #enq #vcode2{ width:40%; max-width:100px; margin:0px; float:left; margin-left:10%;}

#copy{ color:#737373; font-size:15px; margin:0px; padding:5px 0px; margin-bottom:10px;}
#copy a{ color:#737373;}#copy a:hover{ color:#c2bebe;}

.pagination{margin:0;padding:0; padding-top:15px;}
.pagination li{display: inline;padding: 0px;border: 1px solid #ddd;margin-right: -1px;font: 15px/20px Arial, Helvetica, sans-serif;background: #FFFFFF;box-shadow: inset 1px 1px 5px #F4F4F4;float:left;}
.pagination li a{text-decoration:none;display:inline-block;color: rgb(89, 141, 235);padding: 3px 10px 3px 10px;}
.pagination li.first { border-radius: 5px 0px 0px 5px;}
.pagination li.last {border-radius: 0px 5px 5px 0px;}
.pagination li:hover{background: #F0F0F0;}
.pagination li.active{background: #F0F0F0;color: #333;padding: 3px 10px 3px 10px;}

#results{width: 100%; padding:0px; margin:0px; float:left;}
#paginationdiv{width: 100%; padding:0px; margin:0px; float:left; text-align:center; padding-top:5px;}
.loading-div{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.56);z-index: 999;display:none;}
.loading-div img {margin-top: 20%;margin-left: 50%;}


#colleft{ width:22%; margin:0px; overflow:hidden; margin-right:3%; float:left;}
#menucat{ margin:0px; padding:0px; padding-left:18px;}
#menucat li{ margin:0px; padding:5px 0px;}
#menucat li a{ color:#383838; font-size:14px; border-bottom:1px solid #0796d2;}
#menucat ul{ margin:0px; padding:0px;}
#menucat ul li{  margin:0px; margin-left:10%; padding:5px 0px;}
#menucat ul li a{ color:#C86400; font-size:15px; border-bottom:1px solid #FF359A;}
#colright{ width:75%; margin:0px; overflow:hidden; float:left;}