/* COMMON ================ */
html,body {min-width: 360px;margin-left: auto;margin-right: auto;font-family: 'Noto Sans SC', sans-serif}
.wrapper {width:100%;overflow: hidden;margin-top: 0 !important;}
.main-content {margin-top: 80px;background-color: #f3f2f0;}
.main-content * {	outline: none!important;}
.main-content a {text-decoration: none;}
.blockSpace {padding: 50px 0;}
/*HEADER*/
.navbar-default {margin-bottom: 0;background-color: #008da3;border-radius: 0;border:none;}
.logo {display:inline-block;margin-top: 15px;margin-bottom: 15px;color: #424242;}
.logo>img {height: 50px;margin-left: 15px;margin-right: 30px;}
.navbar-default .nav-justified {max-width: 960px;}
.navbar-default .nav-justified>li>a {margin-bottom: 0;padding-top: 15px;padding-bottom: 15px;font-size: 21px;color: #dddddd;line-height: 50px;}
.navbar-default .nav-justified>li>a:focus, .navbar-default .nav-justified>li>a:hover,.navbar-default .nav-justified>li.on>a {color: #fff;background-color: transparent;}
/*FOOTER*/
footer {background-color: #1e1e1e;color: #fff;}
.logonaddr>div {margin-bottom: 15px;padding:20px 0;display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;border: 2px solid #3d3d3d;border-left: none;border-right: none;}
.footer_logo {border-right: 2px solid #3d3d3d}
.hospitaladdr {padding-right: 0;}
.hospitaladdr>p {font-size: 18px;}
.hospitaladdr>a {padding-left: 25px;display:inline-block;background-image: url(../images/location_icon.jpg);background-repeat: no-repeat;background-position: left center;background-size: 20px;}
/*MainContent*/
/*banner*/
.banner img {width: 100%;display: block;margin:0 auto;}
.banner .slick-dotted.slick-slider {margin: 0;}
.banner li {position: relative;}
.banner p {position:absolute;bottom:35px;right:100px;display:inline-block;padding:25px 35px;font-size: 24px;color: #fff;background-color: rgba(0,141,163,.85);text-transform: uppercase;text-align: justify;}
.banner .slick-list {overflow: visible;}
.banner .slick-dots {bottom: 15px;margin: 0;font-size: 0;}
.banner .slick-dots li {width:12px;height:12px;background-color: #a8a8a8;border-radius: 100px;}
.banner .slick-dots li.slick-active {background-color: #56aef2;}
/*subjects*/
.subjects {background-color: #fff;}
.subjects li {display:inline-block;margin-bottom: 15px;font-size: 24px;margin-right: 5px;padding:5px 15px;color: #525252;border:1px solid #dedede;border-radius: 100px;}
/*doctorInfos*/
.doctorInfos {padding-bottom: 0 !important;}
.doctorInfos h2,
.subjects h2 {margin:0 auto 25px;padding-left: 15px;}
.subjects h2>span,
.doctorInfos h2>span {display:block;margin-bottom: 5px;color: #33b5ca;font-family: 'PT Sans'}
.subjects h2>b,
.doctorInfos h2>b {position: relative;display: block;}
.subjects h2>b:before,
.doctorInfos h2>b:before {content: '•';position:absolute;left:-24px;top:0;color: #dfdfdf;vertical-align: middle;transform: scale(1.5);}
.doctorInfos li {position: relative;text-align: center;overflow: hidden;}
.doctorInfos li img {display: block;width: 100%;}
.doctorInfos li p {width:100%;font-size: 24px;color: #fff;}
.doctorInfos li p>span {display:block;font-size: 80%;text-transform: uppercase;}
.doctorInfos>.container {padding: 0 20px;}
.doctorInfos>.container li {position:relative;padding: 0;}
.doctorInfos>.container li p {position: absolute;top:5%;left: 0}
.doctorInfos .minorDoc {margin-top: 20px;padding:35px 0 20px;background-color: #008da3}
.doctorInfos .minorDoc li {padding:0 10px;width: 20%;float: left;}
.doctorInfos .minorDoc li p {position: relative;margin-top: 15px;}
.doctorInfos .minorDoc li+li p:before {content:"";position:absolute;left:-10px;top:0;display:block;width:1px;height:100%;background-color: #404e88;}
.doctorInfos .minorDoc li span {color: #fff;}
/*briefIntro*/
.briefIntroBox {color: #2f2f2f;}
.briefIntro {width: 100%;display: flex;flex-direction: row;flex-wrap: wrap;}
.briefIntro li {padding: 15px 0;width:33.333%;border-bottom: 2px solid #cccccc}
.briefIntro p {margin: 0;font-size: 20px;}
.briefIntro li+li p {border-left: 2px solid #cccccc}
.briefIntro p>big {display: block;font-weight: bold;}
.briefIntro li:nth-last-of-type(2) span {font-size: 65%;}
.briefIntro li:last-of-type {width: 100%;border: none;}
.briefIntro li:last-of-type img {margin:0 auto;}
/* RESPONSIVE ================ */
@media screen and (max-width: 991px) {
	.main-content {margin-top: 132px;}
	.navbar-header {margin-left: auto;margin-right: auto;float: none;text-align: center;}
	.navbar-default .nav-justified {width:100%;max-width:100%;background-color: #ffffff}
	.navbar-default .nav-justified>li>a {position:relative;padding: 0; color: #666;}
	.navbar-default .nav-justified>li>a:focus, .navbar-default .nav-justified>li>a:hover,.navbar-default .nav-justified>li.on>a {color: #4e4e4e;background-color: transparent;}
	.navbar-default .nav-justified>li>a>span{position:relative;display:inline-block;border-bottom: 2px solid transparent;}
	.navbar-default .nav-justified>li>a:hover span,
	.navbar-default .nav-justified>li.on>a>span {border-color: #3865da;}
	.navbar-default .nav-justified>li+li a:before {content:'';display:block;position:absolute;left:0;top:50%;margin-top: -11px;height:21px;width:1px;background-color: #b7b7b7;}

	.minorDoc>ul {overflow: hidden;}
	.minorDoc>ul>div {margin-left: -1px;}

	.banner p {padding:15px 20px;font-size: 20px;right: 50px;bottom: 25px;}
}
@media screen and (max-width: 767px) {
	.main-content {margin-top: 122px;}
	.logo>img {height: 40px;}
	.nav-justified>li {display: table-cell; width: 1%;}
	footer,.blockSpace {padding:35px 0;}
	.footer_logo>img {width: 120px}
	.logonaddr>div {padding:15px 0;}

	.briefIntro li {width: 50%;}
	.briefIntro li:nth-last-of-type(1),
	.briefIntro li:nth-last-of-type(2) {width: 100%;}
	.briefIntro li:nth-last-of-type(2) p {border: none;}

	.doctorInfos .minorDoc>ul {padding: 0;transform: translateX(15px);}
	.doctorInfos .minorDoc ul .slick-list {padding-right: 30px;padding-left: 0px;}

	.banner {text-align: right;}
	.banner p {left:0;bottom:0;margin-bottom: 0;right: auto;transform: translateY(50%);}
	.banner .slick-dots {position: relative;display: inline-block;width: auto;margin-top: 20px;left:auto;right:5%;bottom:auto;top:auto;margin-bottom: 30px;}
}
@media screen and (max-width: 479px) {
	.main-content {margin-top: 104px;}
	.logo>img {height: 32px;}
	.navbar-default .nav-justified>li>a {font-size: 18px;line-height: 40px;color: #666;}
	.footer_logo>img {width: 108px}
	.hospitaladdr>p {font-size: 16px;}
	
	.briefIntro {margin-bottom: 7.5%;padding: 15px 15px 25% 15px;transform: translateX(-15px);background-color: #fff;}
	.briefIntro li {position: relative;padding: 10px 0;}
	.briefIntro p {font-size: 18px;}
	.briefIntro li:last-of-type img {position: absolute;right: -15px;}
	
	.doctorInfos h2 {margin-bottom: 15px;font-size: 24px;}
	.doctorInfos li p {font-size: 18px;}
	.doctorInfos .minorDoc {padding:25px 0 1px;margin-top: 15px;}
	
	.doctorInfos .minorDoc li {padding:0 5px;}
	.doctorInfos .minorDoc li+li p:before {left: -5px}

	.subjects {background-color: none;padding-bottom: 0!important;}
	.subjects .container {padding: 15px 15px 15px 30px; transform: translateX(-15px); background-color: #fff;}
	.subjects li {margin-bottom: 10px;}
}