@import url(base.css);
@import url(innerPublic.css);

body{background-color:#fdfdfd;}
article{margin:0 auto; padding:4em 0.5em 2em 0.5em; width:100%; max-width:1000px; overflow: hidden; background-color: #fff; border:#f1f1f1 1px solid; border-top:none;}
article *{max-width:100%;}
article>*+*{margin-top:1em;}
h1{line-height:2;text-align:center;}
h1+span{margin-top:0; text-align: center; display: block;}
dfn{margin-top:2em; color:#aaa; font-size:0.8rem; font-style: normal;text-align:center; display:block;}
dfn+div{margin-top:2em;}
.beside{padding:1em 0; line-height: 1.5; text-align:center;}
.beside span{margin:0 1em; display:inline-block; white-space:nowrap;}

#timeRange{margin:2em auto 0 auto; width:100%; max-width:1000px; text-align: center; border:#f1f1f1 1px solid; border-radius:0.5em; overflow: hidden; display: flex; justify-content: space-between;}
#timeRange li{padding:0.5em 0; flex-grow:1; background-color: aliceblue; cursor: pointer;}
#timeRange li.c{background-color:#005bab;; color:#fff;}
#timeRange li+li{margin-left:0.1em;}

#paiban{box-sizing:border-box;}
#paiban *{box-sizing:inherit;}
#paiban dl{float:left; display:inline; max-width:85%; overflow: hidden;}
#paiban dd{float:left; display:inline; padding:0 1em; cursor:pointer;}
#choiceCdt{padding:1em 0.5em 0 0.5em; width:100%;font-size:0.9rem; overflow:hidden;}
#choiceCdt>div{float:left;display:inline;}
#choiceCdt>div:first-child{float:left; display:inline; margin:0.5em 0.5em 0 0.5em;}
#condition{margin:1em 0.5em 0.5em; border:#c1c1c1 1px solid; font-size:0.9rem; line-height:2; background-color:#fafafa;}

#cCon{margin:0; padding:0;}
#cCon span{float: left; display: inline-block; margin:0.5em 0.5em 0 0.5em; border:#d1d1d1 1px solid; padding:0 0.5em; background-color:#fafafa; cursor: pointer;}
#cCon span:after{margin-left:0.5em; text-align:center; line-height:1.2; color:#f00; content: "×"; display:inline-block;vertical-align:top;}

#condition>div{padding:0.5em 0; overflow: hidden;}
#condition>div>div{float:left; display:inline; width:4em; text-align:center;}
#condition>div>dl{float:left;display:inline; color:#888; }

#form{padding:0.5em; width:100%; text-align: right;}
#form *{display:inline-block; vertical-align:middle;}
#form input{padding:0.5em 1em;}

#doctors{margin-top:2em; padding:0.5em;}
#doctors>div{padding:2em 0; overflow: hidden;}	
#doctors>div+div{border-top:#d1d1d1 1px dashed;}
#doctors a{float:left;display:inline; max-width:50%; line-height:2;}
#doctors>div>div{float:right;display:inline; width:49%}
#doctors a strong{color:#469BAC}
#doctors a>div{float:left; margin-right:1em; max-width:6em; height:6em; border-radius:1em; overflow: hidden; background: linear-gradient(to bottom,#7c7d81,#515256);  display:inline-flex; justify-content: center; align-items:flex-start}
#doctors a img{display:block; max-width:6em;}
#doctors a ul{overflow:hidden;}
#doctors li+li{font-size:0.8rem;}
#doctors strong+span{font-size:0.8rem;}	
#doctors table{ width:100%; font-size:0.8rem; border:#ccc 1px solid; border-collapse: collapse;}
#doctors table+table{margin-top:2em;}
#doctors table caption{text-align: left; line-height: 2; font-size:1rem; color:#F00}
#doctors table caption strong{color:#333;}
#doctors td,th{line-height:2; text-align: center;border:#ccc 1px solid;}
#doctors th{color:#2F92B0}
#doctors .duty:before{margin: 0 auto; content:""; width:1.5em; height:1.5em; background-color:#900; border-radius:100%; display:block; vertical-align:middle;}
#doctors .expert:before{margin: 0 auto; padding:0; width:1.5em; height:1.5em; content:"专"; font-size:0.8rem; line-height:1.5; text-align: center; color:#fff; background-color:#f00; border-radius:100%; display:block; vertical-align:middle;}
#doctors td i{font-size:0.8rem; font-style: normal;}

#pageCtrol{margin:4em auto 0 auto; padding:1em 0.5em; width:100%; max-width:960px; text-align: center;}
#pageCtrol>*{padding:0.5em 0.8em; font-size:0.8rem; border:#d1d1d1 1px solid; cursor:pointer;}
#pageCtrol>*+*{margin-left:0.2em;}
#pageCtrol span.c,#pageCtrol span:hover{border-color:#2E9ADF; background-color:#2e9adf; color:#fff;}


@media screen and (max-width:640px){		
	body>header+a,#condition,#choiceCdt{display:none;}
	#condition>div>div{padding-left:1em; flex-basis:100%; text-align:left;}	
	#paiban dl{flex-basis:100%;}
	#doctors>div{flex-direction: column;}
	#doctors a{max-width:100%; width:100%;}
	#doctors a+div{margin-top:1em; width:100%;}
	#pageCtrol{justify-content: space-between; }
	#pageCtrol span{margin:0;}
	.beside{justify-content:flex-start;}
	.beside span{flex-basis:100%; white-space:normal}
	.beside span+span{margin-top:1em;}
}