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

body
	{ margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	line-height:26px;
	}
* { margin:0px;
	padding:0px;}
a { text-decoration:none;}
hr { border:dashed 1px #036;}
img  { border:none;}
h2
	{ font-size:20px;
	 color:#666;
	 font:Verdana, Geneva, sans-serif;}
b { color:#036;}
/*img-zoom*/
/*PIC*/
.pic {
  min-height: 300px;
  min-width: 300px;
  overflow: hidden;
  /*margin: 20px;
  border: 10px solid white;

  -webkit-box-shadow: 5px 5px 5px #111;
  box-shadow: 5px 5px 5px #111;*/
  float: left;
}

.pic:hover {
  cursor: pointer;
}

/*GROW*/
.grow img {
  min-height: 300px;
  min-width: 300px;

  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

.grow img:hover {
  width: 400px;
  height: 400px;
}
/*img-zoom*/
.effect
	{ -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}	
.effect:hover { -webkit-filter: grayscale(100%); }
.effect-2
	{ -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}	

/*.issa-iso
	{ width:100px;
	height:auto;
	float:right;
	z-index:9999999;
	margin-top:-150px;
	position:relative;}
.issa-iso img { border:none;}*/
.issa-iso-inn
	{ width:100px;
	height:auto;
	float:left;
	z-index:999999;
	position:relative;
	margin-top:250px;
	background:rgba(255, 255, 255, 0.78);
	padding:10px;
	position:fixed;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;  }
.issa-iso-inn img { margin:10px 0; }
.issa
{width:20%;
height:50%;
float:right;
margin-right: -171px;
margin-top: -71px;
}	
.main-area	
	{ width:100%;
	min-height:100px;
	margin:auto;
	z-index:999;
	position:relative;
	background:url(images/menu-bg-top.png) repeat-x;}
.inn-bg { background:url(images/inn-bg.jpg) repeat fixed center top ; width:100%; height:auto;
}
.work-area
	{ width:1000px;
	height:300px;
	margin:auto;
	}
.logo
	{ width:auto;
	height:80px;
	float:left;
	margin-left:-150px;
	z-index:999;
	position:relative;}
.logo img { margin:auto;
}
.login
	{ min-width:200px;
	height:20px;
	float:left;
	color:#FFF;
	font-size:18px;
	font-weight:300;
	margin-top:-10px;
	font-family: 'Open Sans', sans-serif;
	margin-left:495px;
	color:#F00;
	/*background:#FFF;
	text-align:center;
	line-height:20px;*/}
.menu-area
	{ width:70%;
	height:70px;
	float:right;
	/*background:url(images/menu-bg-top.png) repeat-x;*/}
.footer-inn
	{ width:100%;
	min-height:50px;
	background:rgba(0, 0, 0, 0.64);
	float:left;
	color:#FFF;
	line-height:50px;
	}
.footer
	{ width:100%;
	min-height:50px;
	background:rgba(0, 0, 0, 0.64);
	float:left;
	color:#FFF;
	position:fixed;
	bottom:0;
	line-height:50px;
	}
.footer-left
	{ width:50%;
	height:auto;
	float:left;
	text-align:center;}
.footer-right
	{ width:50%;
	height:auto;
	float:left;
	text-align:center;}
.footer-right a { color:#FFF;} 
.info-area
	{ width:1000px;
	height:auto;
	margin:10px auto;
	float:left;
	background:#FFF;
	}
.banner
	{ width:100%;
	min-height:400px;
	float:left;
	margin-top:20px;}
.banner-cont
	{ width:100%;
	min-height:545px;
	float:left;
	margin-left:20px;
	margin-top:20px;}
.info-work
	{ width:100%;
	height:auto;
	float:left;
	padding-bottom:10px;
	margin-bottom:10px;
	}
.info-work p
	{ margin:0px;}
.info-left
	{ width:300px;
	height:auto;
	float:left;
	padding-left:20px;}
.info-left ul
	{ margin:0px;
	padding:0px;
	list-style:circle;
	}
.info-left ul li
	{ line-height:30px;
	margin-left:20px;}
.info-left ul li a
	{ color:#666;
	font-size:15px;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}
.info-left ul li a:hover
	{ color:#036;
	text-decoration:none;
	-webkit-filter: grayscale(100%);
	margin-left:20px;}
.info-title
	{ 
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	color:#666;
	width:98%;
	height:40px;
	line-height:40px;
	margin-left:10px;}
.info-right
	{ width:650px;
	min-height:400px;
	float:left;
	margin-left:30px;
	padding-left:15px;
	border-top:1px dashed #666666;
	border-left:1px dashed #666666;}
.provision-box
	{ width:100%;
	height:auto;
	float:left;}
.provision-box ul
	{ margin:10px 10px 10px 50px;}
.provision-box ul li
	{ min-width:200px;
	height:30px;
	float:left;
	margin: 5px 11px 5px 11px;
	padding:5px;
	list-style:circle;
	/*border:solid 1px #666666;
	background:#fff;
	list-style:none;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;*/
}
.margin-l-20	{ margin-left:20px;}
.black-box
	{ width:100%;
	height:auto;
	float:left;}
.padding-20
	{ padding-left:20px;}
.contact
{width:100%;
height:auto;
float:left;
background:#E6FAFF;
border:1px solid #069;
border-radius: 20px;
margin-left:5px;
}	
.cont-left
	{ width:34%;
	height:auto;
	float:left;
	margin-left:20px;
	}
.cont-left { font-size:13px;}
.cont-left p
{font-size:14px;}	
.cont-right pre
{font-size:14px;}	
.cont-right
	{ width:50%;
	height:auto;
	float:left;
	border-left:1px dashed #666666;
	margin-left:20px;
	padding-left:15px;}
.cont-right a{color:#036;}
.cont-right b { font-size:13px;}
.enquiry-pg
	{ width:450px;
	height:auto;
	float:left;
	margin-left:30px;}
.enquiry-pg span
	{ width:100px;
	height:30px;
	float:left;
	margin-left:10px;
	margin-right:20px;}
.enquiry-pg input
	{ width:200px;
	height:30px;
	float:left;
	margin-bottom:10px;
	border:1px solid #666;}
.enquiry-pg textarea
	{ width:200px;
	height:50px;
	border:1px solid #666;}
.enquiry-pg select
	{ width:200px;
	height:30px;
	margin-bottom:10px;
	border:1px solid #666;}
.subm
	{ width:60px !important;
	height:30px;
	float:left;
	background:#999;}
	
.branch-box
	{ width:580px;
	min-height:310px;
	float:left;
	border:1px solid #069;
	margin:17px 0px 0px 14px;
	border-radius: 20px;
}
.branch-box-title
	{ width:150px;
	height:30px;
	float:left;
	text-align:center;
	margin-top:-14px;
	font-size:20px;
	background:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:220px;
	border:#069 solid 1px;
	}
.branch-box ul
	{ margin:0px 0 0 15px;
	padding:0px;
	}
.branch-box ul li
	{ float:left;
	width:250px;
	min-height:170px;
	list-style:none;
	}
	


/*media-area*/
@media (min-width:220px) {
	
.work-area { width:220px;}
.menu-area { width:220px; margin-top:-50px;}
.info-area { width:220px;}
.banner { margin-left:0px;}
.info-right { width:220px;}
.info-left { margin-top:-160px;}
.logo { margin-top:40px;}
.issa-iso { margin-top:-20px;}

}
@media  (min-width:320px) {
	
.work-area { width:320px;}
.menu-area { width:320px; margin-top:30px;}
.info-area { width:320px;}
.banner { margin-left:0px;}
.info-right { width:300px; margin-left:10px;}
.info-left { margin-top:-160px;}
.logo { margin-top:10px;}
.issa-iso { margin-top:-160px;}
}

@media  (min-width:480px) {
	
.work-area { width:480px;}
.menu-area { width:480px;
	margin-top:10px;}
.info-area { width:480px;}
.banner { margin-left:0px;}
.info-right { width:450px;}
.info-left { margin-top:-160px;}
.logo { margin-top:10px;}
.issa-iso { margin-top:-140px;}
/*------------------ header */


}

@media (min-width:768px) {
	
.work-area { width:768px;}
.menu-area { width:768px;}
.info-area { width:768px;}
.banner { margin-left:0px;}
.info-right { width:768px;}
.info-left { margin-top:0px;} 
.logo { margin-top:15px;}

/*------------------ header */


}

@media (min-width:1024px) {
	
.work-area { width:1000px;}
.logo { margin-top:0px;}
.menu-area { width:650px; margin-top:20px;}
.info-area { width:1000px;}
.banner { margin-left:20px; margin-bottom:20px;}
.banner-cont { width:1000px;}
.info-right { width:650px;}.
.info-left { margin-top:100px;}
.issa-iso { margin-top:-70px;}
.info-work { margin-top:-15px;}
/*------------------ header */


}

/*media-area*/