@charset "utf-8";

.h1-title {
	background-image: url(../images/common/information/information.png);
}
#clinic_director {
	background-image: url(../images/common/information/section_title_doctor.png);
}
#staff {
	background-image: url(../images/common/information/section_title_staff.png);
}
#mission {
	background-image: url(../images/common/information/section_title_mission.png);
}
#policy {
	background-image: url(../images/common/information/section_title_policy.png);
}
#value {
	background-image: url(../images/common/information/section_title_value.png);
}
#clinic_guid {
	background-image: url(../images/common/guidanse/section_title_clinic_guid.png);
}
#maps {
	background-image: url(../images/common/information/section_title_maps.png);
}
#director {
	background-image: url(../images/common/information/director.jpg);
    background-repeat: no-repeat;
    background-position-x: right;
}
.doctormess {
    padding-right: 180px;
}

.info {
	clear: both;
	margin-top: 40px;
}
.stafftble {
	width: 100%;
	border: 1px solid #1f8529;
}
.topth {
	background-color: #1F8529;
	padding: 10px;
	color: #FFF;
}
.topth th{
	/*width: 2em;*/
	padding: 10px;
}
.fdtd {
	background-color: #FFF;
}
.sdtd {
	background-color: #DDF8C3;
}
.edtd {
	background-color: #FFF;
}
.fdtd td,
.sdtd td,
.edtd td{
	padding: 10px;
	color: #000;
}
.fdtd th,
.sdtd th,
.edtd th{
	padding: 10px;
	width: 15rem;
	padding-left: 1em;
	text-align: left;
}
.thfst{
	width: 15rem;
}
.memcnt{
	width: 3rem;
	text-align: left;
}
#clinic_photo {
	background-image: url(../images/common/information/clinic_photo.jpg);
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
.google-maps, #clinic_photo {
	height: 400px;
	border: 1px solid #7A7A7A;
}
#floormap {
	background-repeat: no-repeat;
	overflow: auto;
	height: 400px;
	margin-bottom: 50px;
	background-image: url(../images/common/guidanse/floormap.png);
}
#areaphoto p {
	padding: 10px;
	margin: 5px;
	width: 320px;
	height: 290px;
	background-repeat: no-repeat;
	float: left;
}
#areaphoto em {
	background-color: #FFF;
	font-style: normal;
}
#ph_recept {
	background-image: url(../images/common/guidanse/recept.jpg);
}
#ph_wait {
	background-image: url(../images/common/guidanse/wait.jpg);
}
#ph_kids {
	background-image: url(../images/common/guidanse/kids.jpg);
}
#ph_consul1 {
	background-image: url(../images/common/guidanse/consul1.jpg);
}
#ph_consul2 {
	background-image: url(../images/common/guidanse/consul2.jpg);
}
#ph_exam1 {
	background-image: url(../images/common/guidanse/exam1.jpg);
}
#ph_exam2 {
	background-image: url(../images/common/guidanse/exam2.jpg);
}
#ph_footcare {
	background-image: url(../images/common/guidanse/footcare.jpg);
}
#ph_xray {
	background-image: url(../images/common/guidanse/x-ray.jpg);
}
#ph_counsel {
	background-image: url(../images/common/guidanse/counsel.jpg);
}
#ph_voice {
	background-image: url(../images/common/guidanse/usersvoice.jpg);
}
#ph_babybed {
	background-image: url(../images/common/guidanse/babybed.jpg);
}

/* ==========================================================================
   Tablet
========================================================================== */
@media screen and (max-width: 1118px) {
#clinic_photo {
	width: 100%;
	height: 300px;
	background-size: contain;
	border:none;
	margin-bottom: 10px;
}
.google-maps {
	width: 100%;
	height: 300px;
}
.memcnt{
	width: 20%;
}
.fdtd th,
.sdtd th,
.edtd th {
    width: 40%;
    text-align: left;
}

}


/* ==========================================================================
   SmartPhone
========================================================================== */
@media screen and (max-width: 710px) {
#floormap {
	background-size: contain;
}
}

@media screen and (max-width: 650px) {
.bg_clinic_policy {
	background-size: contain;
	/*padding-bottom: 360px;*/
}
#clinic_photo {
	margin-bottom: 0px;
}
#floormap {
	height: 350px;
	margin-bottom: 0px;
}
}

@media screen and (max-width: 480px) {
.bg_clinic_policy {
	/*padding-bottom: 290px;*/
}
#floormap {
	height: 250px;
}
#areaphoto p {
	width: 280px;;
	background-size: contain;
}
.google-maps {
	height: 200px;
}
.topth th,
.fdtd th,
.sdtd th,
.edtd th,
.fdtd td,
.sdtd td,
.edtd td{
	padding: 5px;
	font-size:90%;
	line-height: 1.2em;
}
#mgset {
    margin-top: 90px;
}
.doctormess {
    padding-right: 0px;
}
}

@media screen and (max-width: 400px) {
.bg_clinic_policy {
	/*padding-bottom: 240px;*/
}
#clinic_photo {
	height: 200px;
	margin-bottom: 0px;
}
}
@media screen and (max-width: 350px) {
.bg_clinic_policy {
	/*padding-bottom: 200px;*/
}
#mgset {
    margin-top: 100px;
}
}