.bg-lightinfo {
	background: #0cb8b60d;
}
.main-logo {
  min-width: 200px;
}

.bg-color2 {
  background: #1F497D;
}

/*社群右下-Fb*/
.rfacebook {
  position: fixed;
  cursor: pointer;
  top: 72%;
  right: -10%;
  background-color: #4267B2;
  z-index: 4;
  width: 50px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-radius: 15%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
}

.rfacebook i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 26px;
}

.rfacebook i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.rfacebook::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15%;
  z-index: -1;
  background-color: #4267B2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.rfacebook:hover {
  color: #ffffff;
  background: #111111;
}

.rfacebook:hover::before {
  opacity: 1;
  visibility: visible;
}

.rfacebook:hover i {
  color: #ffffff;
}

.rfacebook:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.rfacebook:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.rfacebook:focus {
  color: #ffffff;
}

.rfacebook:focus::before {
  opacity: 1;
  visibility: visible;
}

.rfacebook:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.rfacebook:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.rfacebook.active {
  -webkit-transform: translateY(-95%);
          transform: translateY(-95%);
  opacity: 1;
  visibility: visible;
  right: 3%;
  top: 72%;
}

/*社群右下-Line*/
.rline {
  position: fixed;
  cursor: pointer;
  top: 79%;
  right: -10%;
  background-color: #06C755;
  z-index: 4;
  width: 50px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-radius: 15%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
}

.rline i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 26px;
}

.rline i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.rline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15%;
  z-index: -1;
  background-color: #06C755;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.rline:hover {
  color: #ffffff;
  background: #111111;
}

.rline:hover::before {
  opacity: 1;
  visibility: visible;
}

.rline:hover i {
  color: #ffffff;
}

.rline:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.rline:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.rline:focus {
  color: #ffffff;
}

.rline:focus::before {
  opacity: 1;
  visibility: visible;
}

.rline:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.rline:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.rline.active {
  -webkit-transform: translateY(-95%);
          transform: translateY(-95%);
  opacity: 1;
  visibility: visible;
  right: 3%;
  top: 79%;
}

/*社群右下-contact*/
.rcontact {
  position: fixed;
  cursor: pointer;
  top: 86%;
  right: -10%;
  background-color: #999999;
  z-index: 4;
  width: 50px;
  text-align: center;
  height: 50px;
  line-height: 50px;
  border-radius: 15%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
}

.rcontact i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #ffffff;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  font-size: 26px;
}

.rcontact i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.rcontact::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 15%;
  z-index: -1;
  background-color: #999999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.rcontact:hover {
  color: #ffffff;
  background: #111111;
}

.rcontact:hover::before {
  opacity: 1;
  visibility: visible;
}

.rcontact:hover i {
  color: #ffffff;
}

.rcontact:hover i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.rcontact:hover i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.rcontact:focus {
  color: #ffffff;
}

.rcontact:focus::before {
  opacity: 1;
  visibility: visible;
}

.rcontact:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.rcontact:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}

.rcontact.active {
  -webkit-transform: translateY(-95%);
          transform: translateY(-95%);
  opacity: 1;
  visibility: visible;
  right: 3%;
  top: 86%;
}


.map-responsive{
    overflow:hidden;
    padding-bottom:50%;
    position:relative;
    height:600px;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



/*下方選單*/

.bnav {
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}
.bnav a {
	color: #333333;
	font-weight: bold;
}


/*科別選單及醫師*/
.dpbox {
	background: #eee;
	padding: 10px 20px;
	color: #004892;
	border-radius: 10px;
	-webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
	
}
.dlpbox {
	background: #a7d4da;
	padding: 10px 20px;
	color: #004892;
	border-radius: 10px;
	-webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
	
} 
.dpbox i, .dlpbox i {
	font-size: 20px;
}
.dpbox:hover, .dlpbox:hover {
	background: #004892;
	color: #eee;
}
.dpbox:hover i, .dlpbox:hover i {
	color: #eee;
}

.about-the-project h3 {
	font-size: 24px;
	color: #004892;
}
.about-the-project h4 {
	font-size: 20px;
}


.page-banner {
	padding-top: 100px;
	padding-bottom: 100px;
}


@media only screen and (max-width: 768px) {
.map-responsive {
    height:420px;
	}
.page-banner {
	padding-top: 0px;
	padding-bottom: 0px;
}
}


.mtb-100 {
    margin-top: 50px;
    margin-bottom: 50px; }

  .mt-100 {
    margin-top: 100px; }

  .mb-100 {
    margin-bottom: 100px; }