@charset "utf-8";

/* global */
body { color:#333; background:#fff; font-family:"Microsoft yahei",Arial,"\5B8B\4F53"; }
.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:#21b7c6; text-decoration:none; }
.text-ellipsis { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; }
.btn-scroll-to-top { width:60px; height:60px; display:block; }

/* header */
.header { padding-bottom:8px; background-color:#0ab; }

@media (max-width:767px) {
	.header { padding-bottom:0; }
}

.logo-container { padding:15px 0; background-color:#fff; }
.logo-container ul { margin:32px 0 0; }
.logo { width:470px; max-width:100%; height:60px; text-indent:-9999px; overflow:hidden; background:url(/static/images/common/logo.jpg) no-repeat; background-size:100%; display:block; }
.logo-container a > img { max-width:100%; }
.logo-container #date-time { padding:0 0 6px; text-align:right; display:block; }
.top-search-box { width:230px; }
@media (min-width:1200px) {
	.top-search-box { width:260px; }
}

.navbar-collapse.collapse.in { padding-bottom:28px; }
.navbar-inverse { min-height:53px; background:#21b7c6; border:none; border-radius:0; }
.navbar-inverse .brand { padding:0 15px; }
.navbar-inverse .brand img { height:60px; }
.navbar-inverse .nav>li { position:relative; }
.navbar-inverse .nav>li>a { padding:2px 18px; color:#eee; }
.navbar-inverse .navbar-nav { margin-bottom:-28px; }
.navbar-inverse .navbar-nav .dropdown-toggle { padding-right:18px; }
.navbar-inverse .navbar-nav h3 { margin:0; padding:40px 0 0; font-size:17px; }
.navbar-inverse .navbar-nav h4 { margin:0; padding:10px 0 10px; font-size:11px; font-family:"Arial Narrow"; }
.navbar-inverse .navbar-nav .caret { position:absolute; top:60%; 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:rgba(236,104,65, .7); }
.navbar-inverse .dropdown-menu { background:rgba(235,104,35, .7); }
.navbar-inverse .dropdown-menu { min-width:136px; border:none; }
.navbar-inverse .dropdown-menu>li>a { color:#fff; padding:5px 20px; }
.navbar-inverse .dropdown-menu>li>a:hover { color:#fff; background:rgba(0,0,0, .3); }
.navbar-inverse .dropdown:hover .dropdown-menu { display:block; }

@media (max-width:767px) {
	.navbar-inverse { margin-bottom:0; }
}

@media (max-width:1199px) {
	.navbar-inverse .nav>li>a { padding:2px 10px; }
	.navbar-inverse .navbar-nav .dropdown-toggle { padding-right:12px; }
	.navbar-inverse .navbar-nav h3 { padding:31px 0 0; font-size:16px; }
	.navbar-inverse .navbar-nav .caret { right:6px; }
	.navbar-inverse .dropdown-menu { min-width:126px; }
}

@media (max-width:1001px) {
	.navbar-inverse .nav>li>a { padding:2px 4px; }
	.navbar-inverse .navbar-nav .dropdown-toggle { padding-right:9px; }
	.navbar-inverse .navbar-nav h3 { padding:33px 0 0; font-size:13px; }
	.navbar-inverse .navbar-nav .caret { right:3px; }
}

.main-carousel { padding-bottom:50px; background-color:#00a0b0; }
.main-carousel .carousel-indicators { bottom:60px; }
.main-carousel .carousel-indicators li, .main-carousel .carousel-indicators .active { margin-left:10px; }

@media (max-width:767px) {
	.main-carousel { padding-bottom:20px; }
	.main-carousel .carousel-indicators { bottom:20px; }
}

.main-doctor-search { width:500px; padding:20px 10px; background-color:#fff; background-color:rgba(255,255,255,.5); filter:alpha(opacity=90)\9; border-radius:6px; position:absolute; top:49%; left:25%; z-index:15; }
.doctor-search-box h3 { margin-top:0; color:#666; border-color:#ddd; }
.doctor-search-box .dropdown-toggle { width:120px; }
.doctor-search-box input.form-control { width:79%; }
.doctor-search-box select.form-control { width:90px; border-right:none; }
.doctor-search-box .btn-warning { background-color:#eb6841; border-color:#f60; border-radius:0 4px 4px 0; }
.doctor-search-box .btn-warning:hover { background-color:#d25c39; border-color:#f30; }

@media (max-width:1199px) {
	.main-doctor-search { width:290px; padding-bottom:10px; top:46%; }
	.main-doctor-search h3 { margin:-10px 0 10px; padding-bottom:6px; font-size:18px; }
	.doctor-search-box input.form-control { width:56%; }
}

/* carousel */
.es-carousel-wrapper { position:relative; }
.es-carousel { overflow:hidden; }
.es-carousel .list-inline>li { float:left;box-sizing:border-box;
padding:0 2vw; }
.es-nav span { text-indent:-999px; 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); }

/* main */
.index .header { background-color:rgba(0,170,187,.6); position:relative; z-index:6; }
.index .main-carousel { margin-top:-28px; margin-top:0\9; z-index:5; }

@media (max-width:767px) {
	.index .header { padding-bottom:0; }
	.index .main-carousel { margin-top:-20px; }
}

.main-guide-container { margin-bottom:30px; padding-top:10px; border-bottom:2px solid #00a0b0; }
.main-guide-carousel { padding:0 60px; }
.main-guide-carousel li a { display:block; }
.main-guide-carousel li img { max-width:100%; }
.main-guide-carousel li h4 { margin:0 0 10px; }
.main-guide-carousel li h5 { margin:0 0 20px; color:#777; }
.main-guide-carousel .es-nav span { width:32px; height:32px; background:url(/static/images/common/sprites_bg.png) no-repeat; top:39%; }
.main-guide-carousel .es-nav .es-nav-prev { left:0; }
.main-guide-carousel .es-nav .es-nav-next { background-position:-32px 0; right:0; }

@media (max-width:1199px) {
	.main-guide-carousel .carousel-control { top:32%; }
}

.main-news { margin-bottom:40px; }
.main-news ul { padding:0; list-style:none; }
.main-news li { margin:0 6px 0 0; line-height:2; color:#21b7c6; }
.main-news h3 { margin-bottom:15px; color:#fff; font-weight:normal; background-color:#f7f7f7; }
.main-news h3 span { width:30%; padding:10px 16px; background-color:#21b7c6; display:inline-block; }
.main-news h3 small { margin:15px 12px 0 0; }
.main-news li span { color:#999; }
.main-news li a { margin-right:110px; padding-left:20px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block; position:relative; }
.main-news li a:before { content:''; width:6px; height:6px; margin-right:10px; border-radius:50%; background-color:#21b7c6; display:block; position:absolute; top:42%; left:5px; }
.main-news li a:hover { color:#21b7c6; }

.main-focus-thumbnail { margin-top:3px; display:block; }
.main-focus-thumbnail img { max-width:100%; }

.main-hospital-news h3 span { width:56%; background-color:#eb6841; }
.main-hospital-news li { color:#eb6841; }
.main-hospital-news li a:before { background-color:#eb6841; }
.slider-news { height:146px; overflow:hidden; }

@media (max-width:991px) {
	.main-news h3 span { width:36%; }
}

@media (max-width:799px) {
	.main-focus-thumbnail { margin-bottom:20px; text-align:center; display:block; }
}

@media (max-width:767px) {
	.main-news h3 span { width:46%; }
}

@media (min-width:767px) {
	.main-news { padding:0 86px; }
}

@media (min-width:1200px) {
	.main-news { padding:0 60px 0 65px; }
}

.photo-carousel { margin:20px 0 30px; padding:0 60px; }
.photo-carousel .thumbnail { margin:0; padding:0; border:none; position:relative; }
.photo-carousel h5 { width:100%; height:42px; line-height:17px; margin:0; padding:6px 10px 0; color:#fff; background:rgba(0,0,0,.4); /*background:rgba(33,183,198,.6);*/ overflow:hidden; position:absolute; bottom:0; left:0; z-index:2; }
.photo-carousel .thumbnail:hover h5 { background:rgba(235,104,65,.6); }
.photo-carousel .es-nav span { width:50px; height:90px; background:url(/static/images/common/sprites_bg.png) 0 -32px no-repeat; top:20%; }
.photo-carousel .es-nav .es-nav-prev { left:0; }
.photo-carousel .es-nav .es-nav-next { background-position:-50px -32px; right:0; }

@media (max-width:1199px) {
	.photo-carousel { margin:20px 0 30px; padding:0 80px; }
	.photo-carousel .carousel-control { top:8%; }
}

@media (max-width:599px) {
	.photo-carousel .es-nav span { width:25px; height:45px; background-size:100px auto; }
	.photo-carousel .es-nav span.es-nav-prev { background-position:0 -16px; left:20px; }
	.photo-carousel .es-nav span.es-nav-next { background-position:-25px -16px; right:20px; }
}

.links { margin:0 0 20px; }
.links h3 { margin:6px 0; color:#666; }

/* sidebar */
.side-nav { margin-bottom:20px; }
@media (min-width:1200px) {
	.side-nav { margin-right:20px; }
}
.side-nav.nav-pills>li.active>a, .side-nav.nav-pills>li.active>a:hover, 
.side-nav.nav-pills>li.active>a:focus { background-color:#21b7c6; }

.side-nav.panel-success { border-color: #18c3cd; }
.side-nav .panel-heading { border-color: #1999a6; background-color:#18c3cd; color: #cef2f6; 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: #18c3cd; background-color:#1999a6; }

/* content */
.page-title { margin:0 0 20px; color:#21b7c6; }
.breadcrumb { margin:0; font-size:14px; background-color:transparent; }
@media (max-width:767px) {
	.page-title .breadcrumb.pull-right { float:none!important; padding:8px 0; }
}

/* experts */
.expert-list .row { margin-bottom:20px; }
.department { text-align:center; }
.department .well { margin-top:1px; color:#fff; border:none; background-color:#21b7c6; }

.expert-detail .media-object { max-width:100%; }
.expert-detail dt, .expert-detail dd { margin-bottom:6px; }
.expert-detail dt { color:#21b7c6; text-align:left; }
.expert-detail dd { margin-right:30px; }
@media (min-width:767px) {
	.expert-detail dt { width:90px; }
	.expert-detail dd { margin-left:100px; }
}

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

/* gallery list */
.gallery-list .thumbnail > a { display:block; }
.gallery-list .thumbnail > a img { height:120px; margin:0 auto; }
.gallery-list .caption h4 { margin:0 0 3px; }
.gallery-list .caption p { margin:0; }
@media (max-width:777px) {
	.gallery-list .thumbnail > a img { max-width:100%; width:auto\9; height:initial; }
	.gallery-list .caption { text-align:center; }
}

/* gallery detail */
.news-gallery-container { margin:0 auto 20px; position:relative; }
.news-gallery-container .list-inline { position:absolute; bottom:110px; right:10px; z-index:30; }
.news-gallery { width:100%; padding-bottom:100px; }
.tn3-gallery { width:100%;height:560px; background-color:#fff; line-height:normal; position:relative; }
.tn3-gallery img { margin:0 !important; padding:0 !important; max-width:100% !important; border:10px solid #E5E5E5; max-height:100% }
.tn3-image { position:absolute; width:70%; height:76%; background-color:#fff; margin-left:auto; margin-right:auto; }
.tn3-controls-bg { position:absolute; width:100%; height:100px; margin:-1px; bottom:-100px; border:1px solid #ddd; border-radius:4px; background-color:#fff; }
.tn3-thumbs ul { margin:0 !important; padding:0 !important; list-style-type:none !important; }
.tn3-thumbs { position:absolute; width:92%; height:80px; bottom:-90px; left:4%; padding:0 28px; }
.tn3-thumb { margin:0 10px 0 0; padding:8px 0 0; border-radius:3px; cursor:pointer; }
.tn3-thumb > div { margin:4px 0 0 4px; }
.tn3-thumb img { width:70px; height:70px; border:4px solid transparent; }
.tn3-thumb-over img { border-color:#ccc; }
.tn3-thumb-selected { position:relative; cursor:default; }
.tn3-thumb-selected img { border-color:#eb6841; }
.tn3-thumb-selected:after { content:''; width:0; height:0; border:6px solid transparent; border-bottom-color:#eb6841; position:absolute; top:-4px; left:45%; }
.tn3-next, .tn3-prev { position:absolute; width:46%; height:100%; top:0; cursor:pointer; }
.tn3-next { right:0; }
.tn3-prev { left:0; }
.tn3-next:after, .tn3-prev:after { content:''; width:50px; height:90px; background-image:url('/static/images/common/sprites_bg.png'); position:absolute; top:45%; opacity:.7; filter:alpha(opacity=70); }
.tn3-next:after { background-position:-150px -32px; right:20px; }
.tn3-prev:after { background-position:-100px -32px; left:20px; }
.tn3-next:hover:after, .tn3-prev:hover:after { opacity:1; filter:alpha(opacity=100); }
.tn3-next-page, .tn3-prev-page { width:20px; height:32px; background-image:url('/static/images/common/sprites_bg.png'); position:absolute; bottom:-68px; opacity:.8; filter:alpha(opacity=80); cursor:pointer; }
.tn3-next-page { background-position:-84px 0; right:12px; }
.tn3-prev-page { background-position:-64px 0; left:12px; }
.tn3-next-page:hover, .tn3-prev-page:hover { opacity:1; filter:alpha(opacity=100); }
.tn3-preloader { position:absolute; width:39px; height:15px; }
.tn3-text-bg { width:100%; padding:0 10px 0 60px; position:absolute; bottom:60px; }
.tn3-in-image .tn3-text-bg { bottom:0; }
.tn3-image-title { height:54px; color:#666; padding:1.1em 0 0 1.1em; text-overflow:ellipsis; overflow:hidden; line-height:22px; display:none!important; }
.tn3-in-image .tn3-image-title { max-height:auto; padding:1em; color:#fff; }
.tn3-image-description { font-family:Tahoma, Helvetica, sans-serif; color:#e0dcdc; font-size:0.625em; line-height:1.1em; padding-left:1.1em; }
.tn3-timer { position:absolute; width:100%; height:2px; bottom:0px; background:rgba(0, 0, 0, 0.3); }
.tn3-count { color:#777; font-size:18px; position:absolute; left:10px; bottom:90px; }
.tn3-play { position:absolute; background-position:-74px -5px; left:13px; bottom:9px; width:25px; height:25px; cursor:pointer; }
.tn3-play:hover { background-position:-74px -42px; }
.tn3-play-active { background-position:-101px -4px; }
.tn3-play-active:hover { background-position:-101px -41px; }
.tn3-show-albums { position:absolute; background-position:-177px -6px; bottom:9px; right:59px; width:25px; height:25px; cursor:pointer; }
.tn3-show-albums:hover { background-position:-177px -41px; }
.tn3-fullscreen { position:absolute; background-position:-203px -5px; bottom:9px; right:11px; width:25px; height:25px; cursor:pointer; }
.tn3-fullscreen:hover { background-position:-203px -42px; }
.tn3-albums { position:absolute; width:100%; height:560px; left:0px; top:0px; color:#e0dcdc; font-family:Tahoma, Helvetica, sans-serif; background:rgba(0, 0, 0, 0.7); }
.tn3-inalbums { position:absolute; width:100%; height:100%; padding:14px; top:45px; }
.tn3-album { position:absolute; width:280px; height:70px; background-color:#1a1a1a; overflow:hidden; cursor:pointer; }
.tn3-album-over { background-color:#2a2a2a; }
.tn3-album-selected { background-color:#cdcdcd; color:#111214; cursor:default; }
.tn3-album-image { height:100%; width:80px; margin-right:10px; float:left; }
.tn3-album-image img { width:80px; height:80px; }
.tn3-album-title { font-size:11px; font-weight:bold; margin-top:1em; }
.tn3-album-description { font-size:10px; height:3em; line-height:1.4em; overflow:hidden; }
.tn3-albums-next { position:absolute; background-position:-43px -9px; width:20px; height:20px; right:24px; top:20px; cursor:pointer; }
.tn3-albums-next:hover { background-position:-43px -46px; }
.tn3-albums-prev { position:absolute; background-position:-9px -9px; width:20px; height:20px; right:46px; top:20px; cursor:pointer; }
.tn3-albums-prev:hover { background-position:-9px -46px; }
.tn3-albums-close { position:absolute; background-position:-237px -9px; width:20px; height:20px; left:20px; top:19px; cursor:pointer; }
.tn3-albums-close:hover { background-position:-237px -47px; }
.tn3-sep1 { position:absolute; /*background-image:url('/static/images/tn3/tn3.png');*/ width:2px; height:47px; left:47px; }
.tn3-sep2 { position:absolute; /*background-image:url('/static/images/tn3/tn3.png');*/ width:2px; height:47px; right:96px; }
.tn3-sep3 { position:absolute; /*background-image:url('/static/images/tn3/tn3.png');*/ width:2px; height:47px; right:47px; }
.tn3-play, .tn3-fullscreen { display:none; }
.gallery-description { position:absolute; left:86px; bottom:160px; z-index:31; height:56px; line-height:1.4; color:#666; text-overflow:ellipsis; overflow:hidden; }
/* when javascript is disabled */
.tn3.album, .tn3.album li { float:left; list-style-type:none; margin:4px; }
.tn3.album div, .tn3.album li h4, .tn3.album li div { display:none; }
.tn3-controls-bg, .tn3-prev-page, .tn3-next-page, .tn3-thumbs { display:none; }

.tn3-count .active { color:#21b7c6; font-size:24px; }

@media ( max-width:1199px ) {
	.tn3-gallery { height:500px; }
}
@media ( max-width:991px ) {
	.tn3-gallery { height:460px; }
}
@media ( max-width:767px ) {
	.tn3-gallery { height:500px; }
}
@media ( max-width:680px ) {
	.tn3-gallery { height:460px; }
}
@media ( max-width:610px ) {
	.tn3-gallery { height:420px; }
}
@media ( max-width:530px ) {
	.tn3-gallery { height:500px; }
}
@media ( max-width:460px ) {
	.tn3-gallery { height:400px; }
}

/* gallery carousel */
#gallery-carousel { margin-top:-110px; }
.gallery-carousel { margin:0 0 20px; padding:20px 60px; border:1px solid #ddd; border-radius:3px; background-color:#fff; }
.gallery-carousel img { width:80px; height:80px; }
.gallery-carousel .es-nav span { width:20px; height:32px; margin-top:-16px; background-image:url('/static/images/common/sprites_bg.png'); background-repeat:no-repeat; top:50%; }
.gallery-carousel .es-nav .es-nav-prev { background-position:-64px 0; left:15px; }
.gallery-carousel .es-nav .es-nav-next { background-position:-84px 0; right:15px; }

/* pager */
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { background-color:#21b7c6; border-color:#21b7c6; }
.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 { width:560px; margin:70px auto 160px; }
.error-content { height:190px; padding:20px 20px 0 200px; color:#21b7c6; }
.error-content b { margin:0 0 20px; font-size:18px; display:block; }
.error-content .btn { margin:20px 0 0; }
.error-doctor-search { margin:0 20px; padding:20px; background-color:#21b7c6; border-radius:6px; }
.error-doctor-search h3 { color:#fff; border-color:#eee; }
@media (max-width:767px) {
	.error-container { width:auto; }
}

/* footer */
.footer { margin:30px 0 0 0; padding:15px 0; color:#eee; text-align:center; background-color:#00a0b0; }
.footer .footer-links { margin-bottom:0; }
.footer .footer-links li { display:inline-block; float:none; }
.footer a,.footer a:visited { color:#fff; }
.footer a:hover { color:#21b7c6; }
.footer p { margin-bottom:0; }