@charset "utf-8";

/**
 * global
 *
 */

/* reset */
body { color:#333; background:#fff; font-family:"Microsoft yahei",Arial,"\5B8B\4F53"; }
.inline-block { display: block; }
.wrapper { min-height:360px; }
.wrapper:before { content:''; height:50px; margin:0 0 30px; background:#90DBE1; display:block; }
@media (max-width:767px) {
	.wrapper:before { height:25px; }
}

a { color:#333; }
a:hover, a:focus { color: #316f5a; text-decoration:none; }
.text-ellipsis { display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.btn-scroll-to-top { width:60px; height:60px; background:url(/assets/home/image/top.png); display:block; }
.img-full-width, .img-full-width img { width: 100%; }
.img-full, .img-full img { max-width: 100%; }
@media (max-width:767px) {
	.img-full { width: 100%; }
}

/* column */
@media (min-width: 992px) {
	.col-20 { width: 20%; }
	.col-25 { width: 25%; }
	.col-30 { width: 30%; }
	.col-35 { width: 35%; }
	.col-40 { width: 40%; }
}

/* margin */
.m-xs { margin: 5px; }
.m-sm { margin: 10px; }
.m { margin: 15px; }
.m-md { margin: 20px; }
.m-lg { margin: 30px; }

.m-l-none { margin-left: 0; }
.m-l-xxs { margin-left: 1px; }
.m-l-xs { margin-left: 5px; }
.m-l-sm { margin-left: 10px; }
.m-l { margin-left: 15px; }
.m-l-md { margin-left: 20px; }
.m-l-lg { margin-left: 30px; }

.m-r-none { margin-right: 0; }
.m-r-xxs { margin-right: 1px; }
.m-r-xs { margin-right: 5px; }
.m-r-sm { margin-right: 10px; }
.m-r { margin-right: 15px; }
.m-r-md { margin-right: 20px; }
.m-r-lg { margin-right: 30px; }

.m-t-none { margin-top: 0; }
.m-t-xxs { margin-top: 1px; }
.m-t-xs { margin-top: 5px; }
.m-t-sm { margin-top: 10px; }
.m-t { margin-top: 15px; }
.m-t-md { margin-top: 20px; }
.m-t-lg { margin-top: 30px; }

.m-b-none { margin-bottom: 0; }
.m-b-xxs { margin-bottom: 1px; }
.m-b-xs { margin-bottom: 5px; }
.m-b-sm { margin-bottom: 10px; }
.m-b { margin-bottom: 15px; }
.m-b-md { margin-bottom: 20px; }
.m-b-lg { margin-bottom: 30px; }

/* padding */
.p-xs { padding: 5px; }
.p-sm { padding: 10px; }
.p { padding: 15px; }
.p-md { padding: 20px; }
.p-lg { padding: 30px; }

.padder { padding-left: 15px; padding-right: 15px; }
.padder-v { padding-top: 15px; padding-top: 15px; }

.p-l-none { padding-left: none; }
.p-l-xxs { padding-left: 1px; }
.p-l-xs { padding-left: 5px; }
.p-l-sm { padding-left: 10px; }
.p-l { padding-left: 15px; }
.p-l-md { padding-left: 20px; }
.p-l-lg { padding-left: 30px; }

.p-r-none { padding-right: none; }
.p-r-xxs { padding-right: 1px; }
.p-r-xs { padding-right: 5px; }
.p-r-sm { padding-right: 10px; }
.p-r { padding-right: 15px; }
.p-r-md { padding-right: 20px; }
.p-r-lg { padding-right: 30px; }

.p-t-none { padding-top: none; }
.p-t-xxs { padding-top: 1px; }
.p-t-xs { padding-top: 5px; }
.p-t-sm { padding-top: 10px; }
.p-t { padding-top: 15px; }
.p-t-md { padding-top: 20px; }
.p-t-lg { padding-top: 30px; }

.p-b-none { padding-bottom: none; }
.p-b-xxs { padding-bottom: 1px; margin-left: -30px; }
.p-b-xs { padding-bottom: 5px; }
.p-b-sm { padding-bottom: 10px; }
.p-b { padding-bottom: 15px; }
.p-b-md { padding-bottom: 20px; }
.p-b-lg { padding-bottom: 30px; }

/* background color */
.bg-grey { background-color: #f2f2f2; }

/* text style */
.text-lg { font-size: 16px; }
.text-md { font-size: 14px; }
.text-sm { font-size: 12px; }
.text-xs { font-size: 10px; }

/* carousel */
.carousel { background-color: #fafafa; }
.carousel .carousel-control { background: none; }
.carousel .item img { margin:0 auto; max-width:100%; }
.carousel .carousel-control .iconfont { width: 27px; height: 40px; border: none; background-color: #000; color: #fff; }
.carousel .carousel-control .iconfont:before { display: inline-block; vertical-align: middle; }
.carousel .carousel-control .icon-left:before { margin-left: -2px; }
.carousel .carousel-control .iconfont:hover { background-color: #316f5a; background-color: rgba(25,153,166, .5); color: #fff; }


/*
 * header
 */
.header img { max-width: 100%; }

/* nav bar */
.navbar-collapse.collapse.in { padding-bottom:0; }
.navbar-inverse { background:#316f5a; border:none; border-radius:0; }
.navbar-inverse .brand { padding:0 15px; }
.navbar-inverse .brand img { height:60px; }
.navbar-inverse .nav>li { position:relative; margin-right: 1px; }
.navbar-inverse .nav>li>a { padding:2px 50px; color:#eee; }
.navbar-inverse .navbar-nav { margin-bottom:0; }
/* .navbar-inverse .navbar-nav .dropdown-toggle { padding-right:18px; } */
.navbar-inverse .navbar-nav h3 { margin:0; padding:15px 0; font-size:16px; }
.navbar-inverse .navbar-nav h4 { margin:0; padding:10px 0 10px; font-size:11px; font-family:"Arial Narrow"; }
.navbar-inverse .navbar-nav .caret { display: none; position:absolute; top:45%; right:6px; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse  .dropdown:hover .dropdown-toggle, .navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .nav .active>a, .navbar-inverse .nav .active>a:hover, 
.navbar-inverse .nav .active>a:focus { color:#fff; background-color: #a8cd8a; }
.navbar-inverse .dropdown-menu { background-color: #a8cd8a; }
.navbar-inverse .dropdown-menu { min-width:136px; border:none; border-radius: 0; }
.navbar-inverse .dropdown-menu>li>a { color:#fff; padding: 6px 20px; }
.navbar-inverse .dropdown-menu>li>a:hover { color:#fff; background-color: #a8cd8a; }
.navbar-inverse .dropdown:hover .dropdown-menu { display:block; }

@media (max-width:1199px) {
	.navbar-inverse .nav>li>a { padding:2px 39px; }
}

@media (max-width:1001px) {
	.navbar-inverse .nav>li>a { padding:2px 26px; }
}

/* carousel */
.es-carousel-wrapper { position:relative; }
.es-carousel { overflow:hidden; }
.es-carousel .list-inline>li { float:left; }
.es-nav span { overflow:hidden; position:absolute; z-index:6; opacity:.8; filter:alpha(opacity=80); cursor:pointer; }
.es-nav span:hover { opacity:1; filter:alpha(opacity=100); }
.es-nav span .iconfont { margin-left: 2px; margin-top: -4px; color: #fff; font-size: 30px; }

/* guide nav */
.side-guide-nav >li > a { padding: 1px 15px; border: 1px solid transparent; }
.side-guide-nav >li > a:hover { border-color: #ddd; border-radius: 6px; background-color: transparent; }
.guideicon { display: inline-block; width: 70px; height: 60px; margin-right: 15px; background-repeat: no-repeat; vertical-align: middle; }
.guideicon.visit { background-image: url(/assets/sub/images/home/visit.jpg); background-position: 3px 0; }
.guideicon.location { background-image: url(/assets/sub/images/home/location.jpg); background-position: 0 0; }

/**
 * home
 * 
 */

/* home content */
.home-container .content { line-height: 1.5; overflow: hidden; }
.home-about { height: 196px; }
.home-message { height: 408px; }

/* home panel */
.home-panel { border-radius: 0; }
.home-panel .panel-heading { border-radius: 0; }
/*.home-panel .panel-body { padding: 5px 10px 0; }*/

/* home title */
.home-title.panel-heading { background-color: #a8cd8a; }
.home-title > span { display: inline-block; margin: -10px 0 -10px -15px; padding: 10px 20px; background-color: #316f5a; 
	border: 1px solid #316f5a; border-width: 1px 3px 0 0; border-right-color: #7da653; color: #fff; font-size: 16px; }

/* home news */
.list-news li { margin:0 2px 2px 0; line-height:2; }
.list-news li span { color:#999; }
.list-news li a { color: #333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; position:relative; }
.list-news li a:before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 10px; 
	background-color: #ccc; border-radius: 50%; vertical-align: middle; }
.list-news li a:hover { color: #7da653; }


/**
 * content
 */

 /* banner */
.banner { margin-bottom: 30px; background-color: #f9f9f9; text-align: center; }
.banner img { width: 100%; }

/* sidebar */
.side-nav { margin-bottom:20px; }
@media (min-width:1200px) {
	.side-nav { margin-right:20px; }
}
.side-nav .panel-success { border-color: #a8cd8a; }
.side-nav .panel-heading { border-color: #a8cd8a; background-color:#a8cd8a; color: #316f5a; font-size: 16px; }
.side-nav .list-group-item.active, 
.side-nav .list-group-item.active:focus, 
.side-nav .list-group-item.active:hover { border-color: #a8cd8a; background-color:#316f5a; }

/* content */
.content { }
.content > .page-header { margin: 10px 0; color:#316f5a; }
.content p { text-indent: 2em; }

.breadcrumb { margin:0; font-size:14px; background-color:transparent; }

.sub-title { margin-top: 15px; padding: 8px 10px; border-left: 3px solid #ddd; color:#316f5a; }

/* news */
.news-list { clear:both; }
.news-list li { padding:10px 6px; border-bottom:1px dotted #ddd; color:#316f5a; }
.news-list li span { color:#999; }
.content img { max-width:100%; }

/* media list */
.media-list { margin-top: 0; padding: 20px 0; border-bottom: 1px dotted #ddd; }
.media-list .pull-left { margin-right: 20px; }
.media-list .pull-left img { max-width: 180px; }
.media-list .media-heading { margin-bottom: 10px; }
.media-decription { height: 69px; line-height: 24px; overflow: hidden; color: #565656; }
.media-date { color: #969696; }

/* news detail */
.news-content { line-height: 2; }
.news-content > * { text-indent: 2em; font-size: 16px; }
.news-content img { margin: 0 auto; }

/* expert list */
.expert-list .row .row { margin-left: 0; margin-right: 0; }
.expert-list-title { padding: 10px 0 20px; }
.expert-list-title span { width: 50%; display: inline-block; padding: 6px 20px; border: 3px solid #316f5a; border-radius: 20px; }
.expert-list-item { margin-bottom: 20px; background-color: #316f5a; }
.expert-list-item > a, .expert-list-item > a:visited { display: block; color: #fff; }
.expert-list-item:hover { background-color: #a8cd8a; }
.expert-list-item:hover > a { color: #316f5a; }
.expert-list-item img { margin-left: -10px; }

/* expert detail */
.expert-profile .dl-horizontal {margin-top: 20px; }
.expert-profile .media-object { max-width:180px; max-height: 180px; }
.expert-profile dt, .expert-profile dd { margin-bottom:6px; }
.expert-profile dt { color:#316f5a; text-align:left; }
.expert-profile dd { margin-right:-10px; }
@media (min-width:767px) {
	.expert-profile dt { width: 120px; }
	.expert-profile dd { margin-left: 90px; }
}
.expert-content { margin-bottom: 30px; line-height: 2; }
.expert-content:last-child { margin-bottom: 0; }

.expert-btn-group .btn-success { background-color: #a8cd8a; color: #333; }

/* pagination */
.pagination>li>a, .pagination>li>span { color: #316f5a; }
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, 
.pagination>.active>span:hover, .pagination>.active>a:focus, 
.pagination>.active>span:focus { background-color:#316f5a; border-color:#316f5a; }
.pagination a, .pagination span { position:relative; float:left; margin-left:-1px; padding:6px 12px; background-color:#fff; 
	border:1px solid #ddd; color:#428bca; font-size:15px; line-height:1.42857; text-decoration:none; }
.pagination span { background-color:#21B7C6; color:#fff; }

/* error */
.error-container { padding:70px 0 60px; }
.error-content { height:190px; padding:20px 20px 0 200px; color:#316f5a; background:url(/assets/home/image/error_bg.jpg) 20px 0 no-repeat; }
.error-content b { margin:0 0 20px; font-size:18px; display:block; }
.error-content .btn { margin:20px 0 0; }
.doctor-search-box { margin:0 20px; padding:20px; background-color:#316f5a; border-radius:6px; }
.doctor-search-box .page-header { margin-top: 10px; color:#fff; border-color:#a8cd8a; }
.doctor-search-box .select-btn { width: 30%; }
.doctor-search-box .form-control, .doctor-search-box .btn { border-radius: 0; }


/**
 * footer
 */

/* links */
.links { margin: 30px 0 0; padding: 25px 0; background-color: #a8cd8a; }
.home .links { margin-top: 0; }
.links .carousel { padding: 0 10%; background-color: transparent; }
.links .carousel-inner { }
.links .carousel-control .iconfont { top: 12%; background-color: transparent; color: #17808a; font-size: 46px; text-shadow: none; }
.links .carousel-control .iconfont:hover { background-color: transparent; }
.links .carousel-control .icon-left { left: -5%; }
.links .carousel-control .icon-right { left: inherit; right: 25%; margin-right: 0; }
.links .item .row > div { margin-bottom: 10px; }
.links .item a { color: #eaeaea; }
.links h4 { margin: 0 0 20px; color:#f2f2f2; font-size: 16px; }

/* text */
.footer { margin-top: 20px; padding: 30px 0; color:#eaeaea; background-color:#316f5a; border-top: 10px solid #a8cd8a; }
.footer a,.footer a:visited { color:#eaeaea; }
.footer a:hover { color:#316f5a; }
.footer p { font-size: 13px; }
@media(max-width: 767px){
	.footer .col-md-2 { text-align: center; }
}