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

body{margin: 0;	padding: 0;	background:#dcdcdc; font-size: 14px; line-height: 18px;	color: #777; 
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
img {border:0;}
.clear{clear: both;}
a {	outline: none;	color: #3a3e40;	text-decoration: none;}
a:hover {	outline: none;	text-decoration: none; color:#3c2b7c;}

.wrapper {margin: 0 auto;	width: 1007px;	height:auto;}
.header-bg{ background-color:#dcdcdc; }
.header{ margin:0 auto; width:auto; height:auto; background-color:#FFF; background-image:url(images/header-bg.jpg); background-position:left; background-repeat:repeat-y; }
.header-left{ float:left; width:auto; height:auto; }
.logo{ float:left; width:215px; height:auto; margin: 0px 5px 0px 15px;/* background-image:url(images/logo-health-nspire.png); background-repeat:no-repeat; */}

.header-right{ float:right; width:720px; height:auto;  margin: 0px 15px 0px 0px ; }
.top-m{ float:right; width:auto; height:auto; padding:5px 10px 7px 10px ; margin:0px 0px 0px 0px ;background-color:#efefef; -webkit-border-radius: 0px 0px 5px 5px;-moz-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;-moz-box-shadow: 0 0 3px #999;-webkit-box-shadow: 0 0 3px #999;box-shadow: 0 0 3px #999}
.top-m a{ font-size:14px;  padding:10px 10px 10px 10px ; color:#464545; text-align:right; }
.top-m a:hover{ color:#333;  text-decoration:underline;}
.menu-bg{}
.menu{ margin: 60px auto 0px auto ;  width:auto; height:40px; background-image:url(images/menu-bg.png); background-repeat:repeat-x;-webkit-border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;
-moz-box-shadow: 0 0 5px #b7b7b7;-webkit-box-shadow: 0 0 5px #b7b7b7;box-shadow: 0 0 5px #b7b7b7;}
.menu ul{ list-style:none; margin:0; padding:0;}
.menu ul li{margin:0; float:left; background-image:url(images/menu-sep.jpg); background-repeat:no-repeat; background-position:right;}
.menu ul li a{ display:block; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; font-size:16px; color:#2e2d2d; 
padding:11px 30px 10px 30px ; }
.menu ul li a:hover,.active{  color:#fff !important;background-color:#4a4a4a;/*background-image:url(images/active.png); background-repeat:repeat-x;*/}
.caret /*dropdown arrow */ {	border-top: 4px solid #666;	border-right: 4px solid transparent;
	border-left: 4px solid transparent;	content: "";	display: inline-block;	height: 0;	width: 0;	vertical-align: middle;}
/* dropdown manu style */
.menu ul li ul { display:none;  position:absolute; background-color:#e1dfdf; }
.menu ul li:hover ul { display:block; z-index:99;  }
.menu ul li ul li { float:none; border-bottom:solid #efefef 1px; background-image:none;}
.menu ul li ul li a{ font-size:14px; color:#2e2d2d; padding:10px 15px 10px 15px ; }
.active{  background-color:#4a4a4a;/*background-image:url(images/active.png); background-repeat:repeat-x;*/}
.active a{  color:#fff !important;}
.menu-end{background-image:none !important;}

.banner-bg{}
.banner-main{margin:0px auto 0px auto; width:auto;   background-color:#FFF; background-image:url(images/header-bg.jpg);
background-position:left; background-repeat:repeat-y; }
.banner-other{width:977px; height:200px;  margin:0px 15px 0px 15px ; background-color:#eee; }
.banner-other img{width:977px; height:200px;}
.banner{width:977px; height:300px;  margin:0px 15px 0px 15px ; background-image:url(images/silde.jpg);
background-position:center; background-repeat:no-repeat;   }
.banner-shadow{margin:0 auto; width:977px; height:15px;  margin:0px 15px 0px 15px ; background-image:url(images/banner-shadow.png);
background-position:center top; background-repeat:no-repeat;   }

.section-bg{background-color:#c9c7c7;}
.section-main{margin:0 auto; background:#FFF;}
.section-left{float:left; width:700px; height:auto; margin:0px 0px 0px 15px ;}
.had-main{ margin:0 auto;   font-size: 22px; line-height: 18px;	color: #525252; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; padding:10px 0px 10px 0px ; border-bottom:#eee solid 1px;}
.text-main{ margin:0 auto;   font-size: 15px; line-height: 22px; text-align:justify;color: #747576; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; padding:10px 0px 10px 0px ; }
.text-main strong{color:#525252;}
.text-main ul{list-style:none;}
.moredv{ margin:0 auto; text-align:	right; }
.moredv a{  color:#68a166;}
.moredv a:hover { color:#000; text-decoration:underline;}
.three-main{ margin:0 auto; width:auto; height:auto; }
.boxmain-last{float:right; width:220px; height:auto;margin:0px 0px 0px 0px ;background-color:#f3f3f3;-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px; }
.boxmain{float:left; width:220px; height:auto;margin:0px 20px 0px 0px ;background-color:#f3f3f3;-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px; }
.boxhad{margin:0 auto; font-size:16px; color:#000; padding:10px 10px 10px 10px ; border-bottom:#fff solid 1px; -webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;  }
.box-image{ margin:0 auto; }
.box-image img{ width:200px; height:auto; margin:10px ; }
.box-image a:hover{  opacity:0.8}
.boxmain-shadow{margin:0px auto; height:13px; background-color:#FFF;  background-image:url(images/boxmain-shadow.png);background-position:center top; background-repeat:no-repeat;  }

.section-right{float:right; width:250px; height:auto;margin:5px 15px 0px 0px ; background-color:#f3f3f3;-webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px;}
.had-news{ margin:0 auto;   font-size: 22px; line-height: 18px;	color: #525252; font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; padding:8px 0px 8px 10px ; border-bottom:#eee solid 1px;}
.news-in{ margin:0px auto 15px auto; width:230px; height:auto; background-color:#FFF;  text-align:justify; line-height:20px; }
.news-shadow{margin:0px auto; height:20px; background-color:#FFF;  background-image:url(images/news-shadow.png);background-position:center top; background-repeat:no-repeat;  }
.news-in marquee{ height:300px; padding:10px; text-align:justify; }
.news-in strong{ color:#68a166; }
/* footer */
.footer-bg{ background-color:#dcdcdc; }
.footer-main{margin:0 auto; background-color:#FFF;}
.footer{ margin:0 auto; width:977px; -webkit-border-radius: 10px 10px 0px 0px;-moz-border-radius: 10px 10px 0px 0px;border-radius: 10px 10px 0px 0px; }
.footer-in{ float:left; margin:0px 22px 0px 22px ;}
.footer-title{font-size:16px; color:#4e4d4d; padding:10px 0px 10px 0px ; margin:0px 0px 5px 0px ; border-bottom:#e1dfdf solid 1px;}
.footer ul{margin:0px auto 10px auto; padding:0;}
.footer ul li{list-style:none;border-bottom: 1px solid #fff;padding:5px 0px 5px 0px ; }
.footer ul li a{ font-size: 13px; color:#7e7f80;	font-family: "Segoe UI", Tahoma, Geneva, erdana, sans-serif;	}
.footer ul li a:hover{color:#047fca;  opacity:0.4}

.copyright-main{margin:0 auto;background-image:url(images/menu-bg.png);background-position:center top; background-repeat:repeat; -webkit-border-radius: 0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;border-radius: 0px 0px 10px 10px;}
.copytext{float:left; padding:11px 20px 11px 20px ; color:#4A4A4A; font-size:14px;}
.footer-follow-icon{float:right; padding:0px 20px 0px 20px ;}
.footer-follow-icon img{padding:9px 2px 5px 2px ;}
.footer-follow-icon a{text-decoration:none;}
.footer-follow-icon a:hover{opacity:0.5;}
.footer-shadow{margin:0px auto; height:24px; background-color:#FFF;  background-image:url(images/footer-shadow.png);background-position:center top; background-repeat:no-repeat;  }

.quick-in{ margin:0px auto 15px auto; width:auto; height:auto; background-color:#FFF;  text-align:justify; line-height:20px; }
.quick-in ul {background-color:#e4e3e3;	list-style: none;margin:0px 0px 0px 0px ;padding: 0 0 0 0;	width: auto; border-right: 0px solid #116bb3;}
.quick-in ul li { 	line-height: 30px;	padding: 0 0 0 15px; width:auto;	font-size: 13px;	font-family: "Segoe UI", Tahoma, Geneva, erdana, sans-serif;	border-bottom: 1px solid #eee;	 border-right: #f3f3f3 solid 10px;  }
.quick-in ul li:hover{ background-color:#fff;}
.ac { background-color:#fff ;  font-weight:bold;}
.ac a{ color:#b9191c !important;}
.quick-in ul li a {	color: #666;	text-decoration: none;}

.bulttdiv{ line-height:25px;}
.bulttdiv ul{list-style:none; padding:0px 0px 0px 30px ; margin:0; }
.bulttdiv li{list-style:url(images/bulett.png); padding:0 10px 0 0px}
.bulttdiv li strong{ color:#817f7f;}

.ullibulet{list-style:url(images/sublibulet.png); }
.ullibulet li{list-style:url(images/sublibulet.png); margin: 0px 5px 0px 0px; padding: 2px 5px 2px 0px;}

/* tab style */
@media only screen and (min-width: 575px) and (max-width: 800px) {
	
	.wrapper {margin: 0 auto;	width: 575px;	height:auto;}
	.header{ margin:0 auto; width:auto; height:auto; background-color:#efefef; background-image:none; }
	.logo img{ width:180px; height:auto; }
	.header-right{ float:none;  margin: 0px auto 0px auto ; }
	.top-m{ float:right; width:auto; height:auto; padding:5px 5px 5px 5px ;margin-right:158px;}
	.top-m a{ font-size:11px;  padding:10px 5px 10px 5px ; color:#999; text-align:right;}
	
	.menu{float:left; margin:0px 15px 0px 15px ;  width: auto; height:40px; }
	.menu ul li a{ display:block;  font-size:14px; padding:11px 19px 10px 20px ; }
	
	.banner-other{width:548px; height:150px;  margin:0px 15px 0px 15px ; background-color:#eee; }
	.banner-other img{width:548px; height:150px;}
	.banner{width:548px; height:240px;  margin:0px 15px 0px 15px ; background-image:url(images/banner-tab.gif);
	background-position:right; background-repeat:no-repeat;   }
	.banner-shadow	{width:548px; height:15px;  margin:0px 15px 0px 15px ; background-image:url(images/shadow-tab.png);
	background-position:center top; background-repeat:no-repeat;   }
	#featured{display:none;}
	
	.section-left{float:left; width:auto; height:auto; margin:0px 15px 0px 15px ;}
	.had-main{ margin:0 auto;   font-size: 18px; line-height: 18px; padding:10px 0px 10px 0px ; border-bottom:#eee solid 1px;}
	.text-main{ margin:0 auto;   font-size: 13px; line-height: 20px;  padding:10px 0px 10px 0px ; }
	.text-main img{ width:250px; height:auto;}
	
	.boxmain{float:left; width:220px; height:auto;margin:0px 20px 0px 0px ; }
	.boxmain-last{float:left; height:auto; }
	
	.footer{ margin:0 15px; width:545px; }
	.footer-shadow{ height:24px; background-image:url(images/shadow-tab.png);
	background-position:center top; background-repeat:no-repeat;    }
	.copytext{float:left; padding:10px 20px 10px 20px ; font-size:12px;}
	
	
	
}

@media only screen and (min-width: 320px) and (max-width: 575px) {
	
	.wrapper {margin: 0 auto;	width: 320px;	height:auto;}
	.header{ margin:0 auto; width:auto; height:auto; background-color:#efefef; background-image:none; }	
	.logo img{ width:150px; height:auto; }
	
	.header-right{ float:none;  margin: 0px auto 0px auto ; }
	.top-m{ float:right; width:auto; height:auto; padding:3px 5px 3px 5px ; margin-right:410px; margin-bottom:5px; font-size:10px;}
	.top-m a{ font-size:11px;  padding:5px 5px ; color:#999; }
	
	.menu{float:left; margin:0px auto 0px auto ;  width: 320px; height:auto; background-repeat:no-repeat;background-color:#e3e3e3; }
	.menu ul{ list-style:none;  margin:0; padding:0;}
	.menu ul li{margin:0px auto;  width:320px; background-image:none; border-bottom:#f5f2f2 solid 1px; }
	.menu ul li a{ display:block;  font-size:14px; 	padding:8px 21px 8px 21px ; }
	
	.banner-other{width:320px; height:140px;  margin:0px auto 0px auto ; }
	.banner-other img{width:320px; height:140px;}
	.banner{width:320px; height:140px;  margin:0px auto; background-image:url(images/banner-mobi.gif);
	background-position:right; background-repeat:no-repeat;   }
	.banner-shadow{width:320px; height:15px;  margin:0px auto; background-image:url(images/shadow-mobi.png);
	background-position:center top; background-repeat:no-repeat;   }
	#featured{display:none;}
	
	.section-left{float:left; width:auto; height:auto; margin:0px 5px 0px 5px ;}
	.had-main{ margin:0 auto;   font-size: 18px; line-height: 18px;	 padding:10px 0px 10px 0px ; border-bottom:#eee solid 1px;}
	.text-main{ margin:0 auto;   font-size: 13px; line-height: 20px;  padding:10px 0px 10px 0px ; }
	.text-main img{ width:150px; height:auto;}
	
	.boxmain{ float:none; height:auto; margin:0px auto 0px auto ;}
	.boxmain-last{float:none; height:auto; margin:0px auto 0px auto ;}
	
	.section-right{float:left; width:250px; height:auto;margin:5px 15px 0px 35px ; }
	
	.footer{ margin:0 auto; width:320px; }
	.footer-shadow{ height:24px; background-image:url(images/shadow-mobi.png);
	background-position:center top; background-repeat:no-repeat;  }
	.copytext{float:left; padding:10px 20px 10px 20px ; font-size:12px;}
}

