.clinicRoom{
	    background-color: #eb7691;    
	    font-family: Microsoft JhengHei;    
	    padding: 8px;
	    margin: 30px 30px;
        height: 140px;
		box-shadow: 0px 12px 24px 17px rgba(0, 0, 0, 0.08);
}

@media (max-width: 768px) {
.clinicRoom{
	   
	    margin: 10px;
       
}

}




.roomTitle,.drTitle,.drName{
	color: #FFF;
    font-size: 24px;
    padding: 2px;
    text-align: left;
	font-weight:bold;
}
.drName{
	float: right;
}
.drTitle{
	font-size: 0.8em;
}
.roomNumberBlock{
	display: inline-block;
    background: #FFF;    
    width: 48%;
    margin: 0px 1%;
    border-radius: 10px;
    float: left;
}
.roomNumberBlock>div{
    display: inline-block;
    width: 50%;
    height: 80px;
    border-radius: 10px 0 0 10px;
    margin-left: -2%;
    vertical-align: middle;
	text-align: center;
}
.currTxt{
    background-color: #fce8ec;
    color: #eb7691;
    font-weight: bolder;
    line-height:30px;
	font-size: 16px;
}
.roomNo{
	color: #df486f;
    font-weight: bolder;
    font-size: 53px;
}

/*change bg & txt color*/
.clinicRoom:nth-child(3n-1){
	 background-color: #147fb9;    
	 box-shadow: 0px 12px 24px 17px rgba(0, 0, 0, 0.08);
}
.clinicRoom:nth-child(3n-1) .currTxt{
	 background-color: #d0e5f1;  
	 color:#147fb9;  
}
.clinicRoom:nth-child(3n-1) .roomNo{
	 color:#147fb9;  
}
/*change bg & txt color*/



/*change bg & txt color*/
.clinicRoom:nth-child(3n){
	 background-color: #ecb144;    
	 box-shadow: 0px 12px 24px 17px rgba(0, 0, 0, 0.08);
}
.clinicRoom:nth-child(3n) .currTxt{
	 background-color: #fbefda;  
	 color:#ecb144;  
}
.clinicRoom:nth-child(3n) .roomNo{
	 color:#ecb144;  
}

/*change bg & txt color*/