/* Products ===================================================================*/
.about { width:100%; padding: 0!important; margin: 0!important; display: flex; flex-wrap: wrap;  flex-direction:row;  align-items:flex-start;  justify-content:flex-start;  }
.about li{ width: 100%;  display: flex; flex-wrap: wrap;  flex-direction:row;  align-items:flex-start; border-bottom: solid 1px #eee; } 
.about li strong,.about li b{color: darkgoldenrod;}
.about li .wrap {width: 96%; max-width: 1360px; margin: 0 auto; display: flex; flex-wrap: wrap; }
.about li .name { position: relative; width: 40%; margin: auto; display: flex;  justify-content: center; align-items: center; text-align: center; cursor: pointer; /*overflow: hidden;*/flex-direction: column;}
.about li .name figure img{  width: 100%; display: flex;  justify-content: center; align-items: center;  margin-top: 20px; box-shadow: 0px 5px 8px rgba(0,0,0,.3); max-width: 200px;}
.doc_fbBtn {display: flex; flex-flow: wrap; align-items: center; font-size: 16px; line-height: 1; font-weight: 400;}
.doc_fbBtn img {margin: 0 10px 0 0;}

.about li .detail { width:60%; height: auto; padding:5vh 0px;  display: flex;  flex-wrap: wrap; margin:0px auto; vertical-align:top; color: #fff;  text-align: left; }
.about li i{ display:flex; margin-right:10px; width:50px; height: 50px;   content:''; background-size:38px 38px;   }
.about li i.invert{ filter: brightness(0) invert(1); }
.about li h3{ padding-bottom: 20px; word-spacing: -0.15em;  font-size: 1.75rem; line-height:2rem;display: flex; align-content: center; align-items: center;}
.about li h4{width:20%; padding-bottom: 20px; padding-left: 20px;  font-size: 1.35rem; line-height:2rem;display: flex; align-content: center; align-items: center; color:#3779d9;}
.about li ul{width:80%; padding: 0; padding-bottom: 20px; margin: 1% auto; }
.about li ul li{border-bottom: none; box-shadow:none; font-size: 1rem; line-height: 1.4em;} 
.about li p{font-size:1rem; padding:10px 0px;  line-height:1.75rem;  } 
.bg-1 {background-image: linear-gradient(to top, #dcebf5 30%, white 100%);}
.bg-2 {background-image: linear-gradient(to top, #e1e9f2 0%, white 100%);}
.bg-3 {background-image: linear-gradient(to top, #eff4f8 0%, white 100%);}
.bg-4 {background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}
.about li .detail-left {flex-direction: column;width:60%; height: auto; padding:5vh 0px;  display: flex;  flex-wrap: wrap; margin:0px auto; vertical-align:top; color: #fff;  text-align: left;}
.about li .detail-left h4{width: 80%;}
.about li .detail-left ul{width: 80%;padding-left: 20px;}

@media (max-width:768px) {
.about li{ flex-direction:column; padding: 0px 15px; } 
.about li .name { flex: 0 0 100%;}
.about li .detail { flex: 0 0 100%; padding: 1vh 0px;}
.about li h4{width:100%;  }
.about li ul{width:100%; }
}
/* service ======================================================================*/
.service{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;align-content: center; flex-direction: column; margin: auto; padding:150px 0px; background: url("../images/index/idx-about-bg2.jpg") no-repeat center top; background-size: 100% auto;}
.service .title{ width: 100%; display: flex; margin-top: 20px; color: #2b65a3; align-items: center; align-content: center;}
i.nav-notice{ display: inline-flex; width:32px; height: 32px; padding-top:10px;  padding-left:25px; background: url("../images/icon/nav-7.svg") no-repeat center 0px;  }
.service ul{width: 100%; max-width: 1160px; display: flex; flex-wrap: wrap; align-content: center; margin: auto; }
.service ul li{width: calc(100%/3 - 20px); margin:5px; padding:10px 5px;  font-size: 1.15rem; color: #000; display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: center; align-items: center; transition: all 0.5s ease 0s;}
.service ul li i{padding-right: 5px;}
.service .btnbox{ display: flex; justify-content: center; width: 100%; margin: 5% auto;}
@media (max-width:768px) {
 .service ul li{width: 100%; margin:5px; padding:10px 5px;  }   
}
.date{width: 100%; display: flex; flex-wrap: wrap; justify-content: center;align-content: center; flex-direction: column; margin: auto; padding:90px 0px; background:#f7f7f7; }
/*table*/
.inquiry-table { width: 100%; max-width: 1160px;; min-width: 650px; margin:5% auto; display: table;border-collapse: collapse; border: solid 10px #fff; background: rgba(255,255,255,.5); box-shadow: 1px 3px 8px rgba(102,102,102,.5);  font-family:'Gayathri',Arial, sans-serif;font-size: 17px;}
.inquiry-table th { font-size: 16px; line-height: 3em; color: #fff; border: 1px solid #4d90d7; border-right: 3px solid #FFF; text-align: center; text-shadow: none; background: #4d90d7; }
.inquiry-table td { border: 1px solid #a9b2cd; box-shadow: 0 1px 0 0 rgba(255, 255, 255, .9); color: #4b4b4b; line-height: 3em; text-align: center;  font-weight: 700; vertical-align: middle; padding-top: 5px;width: 70px;}
.inquiry-table tr td:first-of-type { text-align: center; /*background: #fff;*/ vertical-align: middle;border: 1px solid #a9b2cd;  }
/* .inquiry-table tr:nth-child(even) { background:  #e7edfb; }
.inquiry-table tr:nth-child(odd) { background:#fff; } */
.inquiry-table tr td p{font-weight: 700;}
.inquiry_bg_blue{background:  #e7edfb;}
.border_bottom {border-bottom: 4px solid #a9b2cd;}
 @media only screen and (max-width: 475px) {
     .inquiry-table{min-width:1080px;}
     .inquiry-table td {width:100px;}
 }
/* @media only screen and (max-width: 767px) {
.inquiry-table { width: 100%!important; margin: auto; }
.inquiry-table td:first-child { padding: 5px 5px 5px 10px; background: #FFF; color: #f47001; width: 100%!important; }
.inquiry-table table, .inquiry-table thead, .inquiry-table tbody, .inquiry-table th, .inquiry-table td, .inquiry-table tr { display: block; }
.inquiry-table th { display: none; }
.inquiry-table tr { border: 1px solid #ccc; }
.inquiry-table td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50% !important; white-space: normal; text-align: center; }
.inquiry-table tr td span:first-of-type { width: 90%; text-align: right; float: none; }
.inquiry-table tr td span:nth-child(2) { width: 8%; text-align: left; padding-left: 2%; float: none; }
.inquiry-table td:before { position: absolute; top: 6px; left: 6px; width: 45% !important; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; }
.inquiry-table td:before { content: attr(data-title); }
}
 */
.visit-block { width: 100%; max-width: 1100px;margin:80px auto  300px auto;  font-size: 1.2rem;line-height: 1.5; padding: 0px 15px;}
.visit-block p,.visit-block li,.visit-block ol,.visit-block b,.visit-block table {font-size: 1.2rem;line-height: 1.5;}
.visit-block b { border-bottom: 3px solid #bb8200; margin-bottom: 5px; display: inline-block;}
.visit-box:not(:first-child) .visit-box__title { margin-top: 45px; }
.visit-box__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 20px 0; border-bottom: 1px dotted #c19e56; margin-bottom: 15px;}
.visit-box__title .t-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 70px; height: 70px; border-radius: 100%; background:#f3f4f7; }
.visit-box__title .t-title { margin-left: 15px; font-size: 1.45rem; color:#bb8200; }
.visit-box__inner { margin: 30px 0px; font-size:100%; line-height:1.65rem; }
.visit-box__inner a { color: #775b1b; text-decoration: underline;  }
.visit-box__inner h3 {
    background: #1C75B5;
	color:#FFF;
	padding: 8px 5px;
}

.small{font-size: 1.2rem;}
@media (max-width:1100px) {.small{font-size: 1rem !important;}}

.Outpatient_time { text-align: center;padding: 10px 5px 6% 5px;}

/*Clinic hours*/
.inquiry_bg_blue{background:  #e7edfb;}
.inquiry_bg_white{background:  #fff;}
.inquiry_bg_green{background:  #E2EFDA;}
.inquiry_bg_grey{background:  #f8f8f8;}
.inquiry_bg_yellow{background:  #FFF2CC;}
.inquiry_bg_switch{display: none;}
.inquiry-table p{font-weight:700; margin-bottom: 0px; letter-spacing: 2px;}
.notify{text-align: center;font-weight: bold;margin-bottom: -2.5%;font-size: 2.35rem;line-height: 1em;}

@media only screen and (max-width: 768px) {
	.notify{font-size: 1.35rem;}
 }