@charset "utf-8";

ul, li {

	list-style:none;

	margin:0;

	padding:0;

}



div.htmleditor ul,

div.htmleditor li{

	list-style:inherit;

	list-style-position:inside;

	margin:0;

	padding:0;

}



img {

	max-width: 100%;

}



a:link {

	text-decoration:none;

}

a:visited {



}

a:hover {



}

a:active {



}

a:focus {}

a img { 

	border:none

}





input[type="submit"] {

	cursor:pointer;

		

}

hr {

	border-top:1px solid #CCC;	

}

.left {float:left;}

.right {float:right}

.clear {

	clear:both;	

}

.clearfix:after { 

	content: ""; 

	display: block; 

	clear: both;

}



.radius {

	border-radius:5px;

}



/*HTML 5*/

header {



}

nav small {

	display:block;

	color:#999;

	font-size:13px;

}

footer {

	background:#304d66;

	border-top:8px solid #42698a;

	padding:20px 0 10px 0;

	color:#666;

}

footer a {

	color:#fff;

	padding:0 5px 5px 5px;



	

}

footer .copyright,

footer a:hover {

	color:#a4bbce;	

	padding-left:5px;

}

aricle {

	

}

small { font-size:90%;}





/*layout*/

.sub-link {

	background:#42698a;	

}

.sub-link ul {

	border-radius: 25px;

	display:inline-block;

	background:#00a395;	

	padding:5px 20px;	

}

.sub-link li {

	background: url(../images/w-arrow.gif) no-repeat left center;

	padding-left:15px;



}

.sub-link a {

	color:#fff;	

}

.sub-link a:hover {

	color:#97ECE3	

}

.index h4 {

	color:#42698a;	

	font-weight:bolder

}

.index .content {

	margin:20px 0;

}

.hot-p img {

	margin:0 auto;	



}

.index .hot-p p,

.news .hot-p p {

	height:2.6em;

	overflow:hidden;	

}

.index-news .date {

	background:#EEE;

	border-radius: 25px;

	padding:0 5px;

	color:#333;

	font-size:12px;

}

.index-news ul {

	padding:10px 0;	

}

.index-news li {

	margin-bottom:15px;	

}

.index-hot-p , .index-news {

	overflow:hidden;	

}

.index .test-logo {

	padding:10px 0;	 

}



/*------------------------------------

			common style

------------------------------------*/





.btn-more {

	background:	#00a395;

	border-radius: 25px;

	padding:0 15px;

	color:#fff;

	float:right;

}



.content {

  margin: 50px 0;

  position:relative;

}



.tab-bar {

	background:#f2f2f2;	

}

.tab-bar a {

	font-weight: bold;	

	font-size:16px;

}

.html-editor  {

	padding:10px 15px;	

}

/*------------------------------------

				about

------------------------------------*/

.about .title {

	border-radius: 25px;

	background:#45aaff url(../images/foot.png) 10px bottom no-repeat;	

	padding:5px 20px;

	color:#fff;

	padding-left:50px;

	display:inline-block;

}

.about .text {

	padding:20px 0 20px 50px;

	font-size:16px;

		

}

/*------------------------------------

				product

------------------------------------*/

.category-bar {

	border-bottom:#EEE	1px solid;

}

.p-category > li {

	float:left;

	padding:10px 0;	

}

.p-category > li.dropdown {

	padding:10px 20px 10px 0;	

}

.p-category > li.dropdown > a {



	color:#000;	





}

.p-category > li.dropdown:before, 

.p-category > li.first:before {

		content: ""; 

}

.p-category > li:before {

	content: " / ";	

	color:#CCC;

}

.p-category > li > a {

	color:#008bff;text-decoration:none;

	padding:10px;	

	font-size:16px;

}

.p-category > li > a:hover, 

.p-category > li > a:focus {

	border-bottom:4px solid #008bff;

}

.p-category > li.active > a, 

.p-category > li.active > a:hover, 

.p-category > li.active > a:focus {

	border-bottom:4px solid #008bff;

}



/*------------------------------------

				news

------------------------------------*/



.table th,

.news .hot-p .panel-heading,

.news .other-news .panel-heading,

.news .news-list .title,

.test-list .title {

	background:#a6bcce;	

	color:#42698a;

	font-size:16px;

	font-weight:bold;

}

.news .other-news li {

    width:100%;

    overflow:hidden;

    white-space:nowrap;

    text-overflow:ellipsis;

    padding:10px 0;

}



.pre-next-icon {

	background: #00a395;

	border-radius: 50%;	

	padding:2px 5px;

	color: #fff;

	margin-right:5px;

}



article .title  {

	padding:10px 15px;

	margin:0

}

.news .news-list .date {

	text-align:right;

	margin:10px 0;

}



.news .other-news .date {

	background: #eee;

	padding: 2px 8px;

	margin-right: 10px;	

	font-size: 90%;

	border-radius: 25px;

}

.pre-next-bar li {



	padding:10px;

	border-top:1px dashed #ccc;

	overflow: hidden;

}

.pre-next-bar small {

	color:#666;



}

/*------------------------------------

				test

------------------------------------*/

.test-list li.current {

	background:#42698a;

}

.test-list .current a {

	color:#fff;

}

.test-list a {

	

}

.test .logo {

	margin-bottom:25px;	

}

.test-list li {

	list-style:none ;

	background:url(../images/list-arrow.jpg) no-repeat left center;

	padding:7px 0 7px 15px;

}

.test-step li {

	clear:both;	

}

.test-step span {



}

.test-step .title {

	font-size:16px;	

	font-weight:bold;



}

.table.test-step td {

	padding:20px 8px;	

}

.test-step .description {

	padding-left:15px;

	color:#999;	

}

.test-step .description:before {

	content: "/ ";

}

.html-editor {

	overflow: hidden;

}

.html-editor .subtitle {

	font-size:16px;

	margin: 5px 0 15px 0;

	color: #42698A;

	border-left:3px solid #A4BBCE;

	padding-left:10px;

}

/*------------------------------------

				stray

------------------------------------*/

.fri-link {

	margin-top:30px;

	}

.fri-link li {

	display:table;

	margin:10px 0;

}

.fri-link li a{color:#008bff;}

.fri-link li img{

	max-width:75px;

	max-height:75px;

	margin-right:10px;

	float:left;

	vertical-align:middle;

}





.fri-link li span{

	display:table-cell;

	vertical-align:middle;

	padding-top:15px;

}

/*------------------------------------

				buy

------------------------------------*/



.area-bar {

	margin:0 0 20px 0;	

}

.buy .area {

	background:url(../images/map.jpg) no-repeat left bottom;

	margin: 0px 0 30px;
	padding-left:24px;

	height:24px;

	line-height:24px;

}

.nav-pills > li.active:after{

	left: 50%;

	border: solid transparent;

	content: " ";

	height: 0;

	width: 0;

	position: absolute;

	pointer-events: none;

	border-color: rgba(66, 105, 138, 0);

	border-top-color: #008bff;

	border-width: 7px;

	margin-left: -7px;

}

.table.clinic td {

	padding:5px;	

}

/*------------------------------------

				contact

------------------------------------*/



.form-contact {

	padding:30px;

	width:80%

}

.btn-bar {

	margin-top:40px;	

}

/*------------------------------------

				banner

------------------------------------*/

/*

 * jQuery FlexSlider v2.0

 * http://www.woothemes.com/flexslider/

 *

 * Copyright 2012 WooThemes

 * Free to use under the GPLv2 license.

 * http://www.gnu.org/licenses/gpl-2.0.html

 *

 * Contributing author: Tyler Smith (@mbmufffin)

 */



 

/* Browser Resets */

.flex-container a:active,

.flexslider a:active,

.flex-container a:focus,

.flexslider a:focus  {outline: none;}

.slides,

.flex-control-nav,

.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 



/* FlexSlider Necessary Styles

*********************************/ 

.flexslider {margin: 0; padding: 0;}

.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}



/* Clearfix for the .slides element */

.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 

* html .slides {height: 1%;}



/* No JavaScript Fallback */

/* If you are not using another script, such as Modernizr, make sure you

 * include js that eliminates this class on page load */

.no-js .slides > li:first-child {display: block;}





/* FlexSlider Default Theme

*********************************/

.flexslider {background: #fff;  position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}

.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}

.loading .flex-viewport {max-height: 300px;}

.flexslider .slides {zoom: 1;}



.carousel li {margin-right: 5px}





/* Direction Nav */

.flex-direction-nav {*height: 0;}

.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 90%; z-index: 10; cursor: pointer; text-indent: -9999px; -webkit-transition: all .3s ease;}

.flex-direction-nav .flex-next {background-position: 100% 0; right: 10%; }

.flex-direction-nav .flex-prev {right: 14%;}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}

.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}







@media screen and (max-width: 767px) {

  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}

  .flex-direction-nav .flex-next {opacity: 1; right: 0;}

  .flex-direction-nav a {top:50%;}

}

img.left {

	margin-right:20px;	

}



.page-header {

	background:#f3f3f3;	

	padding:30px 0;

}

.page-title {

	margin:0;

	font-size:21px;

	padding-left:15px;

}

.page-title small {

	padding-left:10px;

	text-transform:capitalize;

}

/* --------------------------------------------------------------

	Breadcrumb

-------------------------------------------------------------- */

.breadcrumb{

	color: #c4c4c4;

	margin:0;

	background: url(../images/home.gif) no-repeat 0 6px;

	padding-left:20px;

}

.breadcrumb li{

	float: left;

	list-style:none;

	padding-right:5px;

}

.breadcrumb li:before {

	content: " > ";	

}

.breadcrumb li.home:before {

	content: " ";	

}

.breadcrumb ul li a{

	margin-right: 15px;

	color: inherit;

}

.breadcrumb ul li a:after{

	content: "\f105";

	font-family: "FontAwesome";

	margin-left: 15px;

}

.breadcrumb ul li a:hover{

	color: #b4b4b4;

}

.breadcrumb ul li a:after:hover{

	color: #c4c4c4;

}



/*------------------------------------

				health

------------------------------------*/

.health .panel {

	margin-top:20px;

}

.panel-default > .panel-heading.dog {

	background:#42698a	

}

.panel-default > .panel-heading.exotic {

	background:#b6b049	

}

.panel-default > .panel-heading {

	color:#fff;

	font-weight:bold;	

}

.list-group-item {

	position: relative;

	display: block;

	padding: 10px 15px;

	margin-bottom: -1px;

	background-color: #fff;

	border: 1px solid #ddd;

}

.health	.bg-img  {

	position:absolute;

	bottom:0;

	right:0;	

}

@media (max-width: 992px) {

.s3sliderImage span {

	font-size:87.5%;	

}

.s3sliderImage h2 {

	padding:13px;

	font-size:18px;	

}

}

@media (min-width: 992px) {

 	.navbar-nav > li > a {	padding:15px 30px;  }

	.pagination {float:right;}

}

@media (min-width:768px) {

	.hot-p img {

		max-height:215px;

	}

}

@media (max-width: 767px) {



.index-hot-p {

	margin-bottom:20px;	

}

  .nav li small {

    display: none !important;

  }

.navbar-nav .open .dropdown-menu > li > a {

	background:#f3f3f3;

	border-bottom:1px dashed #999;

	text-align:center;	

	padding:15px 0;

}

.form-contact {

	padding:30px;

	width:100%

}



.s3sliderImage div {

	position:relative;

	width:100%;

	right:0;	

}

}

@media (max-width: 480px) {

  .left , .right{

    float: none !important;

  }

  .fri-link li {

	width:100% !important;	  

  }

    .pagination, 

.btn-default  {

	display:none;

  }

}