@charset "UTF-8";
html, body, h1, h2, h3, h4, h5, h6,
.button, input[type="button"], input[type="submit"],
input[type="text"], input[type="password"], input[type="email"], textarea, select, button {
  font-family: Helvetica, Arial, "LiHei Pro", "微軟正黑體", "新細明體", sans-serif; }

body {
  font-size: 1rem; }

a {
  text-decoration: none;
  color: #ac8868; }

h1, h2, h3, h4, h5, h6 {
  color: #ac8868; }

.menu > ul > li > a {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.1rem; }
  .menu > ul > li > a span:first-child {
    padding: 10px 4px 10px 4px;
    color: #ac8868; }
  .menu > ul > li > a:hover {
    background-color: transparent; }
    .menu > ul > li > a:hover span:first-child {
      background-color: #ffa26a;
      color: white;
      padding: 10px 4px 10px 4px; }

.menu > ul > li > a.header-icon {
  width: 33px;
  padding-left: 2px;
  padding-right: 2px; }

.tags a {
  background-color: #b6a599;
  color: white !important; }

.featured-desc > h3,
.featured-desc > h4,
.featured-desc > p.service-desc > a,
.post-content h2 a.suggest-links {
  color: #f26d6d;
  font-size: 1.2rem; }

.featured-desc > h4 {
  font-size: 0.9rem; }

#header {
  height: 90px; }

#current,
.menu ul li a:hover,
.menu ul > li:hover > a,
.flickr-widget-blog a:hover {
  border-color: #a98362; }

.menu ul ul {
  border-top-color: #a98362; }
  .menu ul ul li a {
    color: #ac8868; }

.item-description h5,
.item-description span {
  color: #c28046; }

a, a:visited,
#not-found i,
.comment-by span.reply a:hover,
.comment-by span.reply a:hover i,
.categories a:hover,
.testimonials-author,
.happy-clients-author,
.dropcap,
.meta ul li a:hover,
.list-1 li:before,
.list-2 li:before,
.list-3 li:before,
.list-4 li:before {
  color: #ac8868; }

.tp-leftarrow:hover,
.tp-rightarrow:hover,
.flexslider .flex-next:hover,
.flexslider .flex-prev:hover,
.featured-box:hover > .circle,
.featured-box:hover > .circle span,
.featured-box:hover > .circle-2,
.featured-box:hover > .circle-3,
.portfolio-item:hover > figure > a .item-description,
.sb-navigation-left:hover,
.sb-navigation-right:hover,
.newsletter-btn,
.search-btn {
  background-color: #ac8868; }

#filters a:hover,
.selected {
  background-color: #ac8868 !important; }

.premium .plan-price,
.premium .plan-features a.button:hover {
  background-color: #6e4738; }

.premium.plan h3,
.premium .plan-features a.button {
  background-color: #ac8868; }

.featured-box:hover > .circle-2,
.featured-box:hover > .circle-3 {
  box-shadow: 0 0 0 8px rgba(120, 78, 61, 0.3); }

#current:after,
.pagination .current,
.pagination ul li a:hover,
.tags a:hover,
.button.gray:hover,
.button.light:hover,
.button.color,
input[type="button"],
input[type="submit"],
input[type="button"]:focus,
input[type="submit"]:focus,
.tabs-nav li.active a,
.ui-accordion .ui-accordion-header-active:hover,
.ui-accordion .ui-accordion-header-active,
.trigger.active a,
.trigger.active a:hover,
.skill-bar-value,
.highlight.color,
.notice-box:hover {
  background: #ac8868; }

#breadcrumbs ul li,
#breadcrumbs ul li a,
#breadcrumbs ul li:first-child,
#breadcrumbs ul li:last-child {
  color: #ac8868; }

#breadcrumbs ul li {
  font-size: 1rem; }
  #breadcrumbs ul li a {
    font-size: 1rem; }

.footer-service-items li {
  width: 50%;
  float: left; }

.mediaholder {
  height: auto; }

.post-feature {
  max-width: 46%;
  max-height: 40%; }

.pagination li a,
.pagination span {
  cursor: pointer;
  padding: 8px 11px;
  border-bottom: none;
  display: inline-block;
  color: #999999;
  float: left;
  margin-right: 4px;
  background-color: #f2f2f2;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.05);
  border-radius: 3px; }

.pagination .active,
.pagination .active span {
  background: #784e3d;
  color: white;
  box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.15); }

.service-list .featured-box {
  position: relative;
  width: 100%;
  height: 400px; }
.service-list .featured-desc {
  position: relative;
  z-index: 10;
  margin: 0px auto;
  width: 100%;
  text-align: center; }
  .service-list .featured-desc img {
    width: 95%;
    margin: 0px auto; }
.service-list .service-box-bg {
  position: absolute;
  z-index: 8;
  top: 0;
  left: 0;
  width: 100%; }

.service-list .service-desc {
  padding-top: 20px; }
.service-list h3 {
  padding-top: 30px;
  padding-bottom: 0px;
  line-height: 100%; }
.service-list h4 {
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 100%; }

.clearfix {
  clear: both; }

table.standard-table {
  width: 1150px; }
  table.standard-table td {
    padding: 4px; }

table.standard-table th,
table.standard-table td {
  vertical-align: top;
  text-align: center; }
  table.standard-table th.inner,
  table.standard-table td.inner {
    border-radius: 0;
    border: 0px;
    border-left: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4; }
    table.standard-table th.inner:last-child,
    table.standard-table td.inner:last-child {
      border-right: 1px solid #e4e4e4; }

table.standard-table th.d_title,
table.standard-table td.d_title {
  width: 14px;
  font-size: 0.9rem;
  padding: 15px; }

#topcontrol img {
  width: 30px; }

.doctor-table {
  width: 100%;
  overflow: auto; }

.label.doctor {
  margin-bottom: 8px;
  font-size: 1.1rem; }

#doctor-intro {
  max-width: 530px; }
  #doctor-intro .title {
    padding: 6px;
    background-color: #464646;
    color: white;
    font-size: 1.2rem;
    font-weight: bold; }
  #doctor-intro .header img {
    float: left;
    max-width: 42%; }
  #doctor-intro .header .sp {
    float: right;
    width: 48%;
    padding: 10px;
    margin-right: 10px; }
    #doctor-intro .header .sp h3 span {
      display: inline-block;
      font-size: 0.9rem;
      padding-left: 5px; }
    #doctor-intro .header .sp > div {
      height: 100px;
      overflow: auto; }
  #doctor-intro .intro {
    height: 200px;
    overflow: auto;
    padding: 10px; }
  #doctor-intro .footer {
    background-color: #a5855f;
    text-align: right;
    padding: 10px;
    color: white; }
  #doctor-intro img.hr {
    width: 100%; }

.button.service01 {
  background-color: #eb599a; }
.button.service02 {
  background-color: #eb599a; }
.button.service03 {
  background-color: #55d2fe; }
.button.service04 {
  background-color: #84bb1f; }
.button.service05 {
  background-color: #ffca00; }
.button.service06 {
  background-color: #ff8f0b; }
.button.service07 {
  background-color: #55d2fe; }
.button.service08 {
  background-color: #D1BBFF; }
.button.service09 {
  background-color: #ed55fe; }
.button.service24 {
  background-color: #84bb1f; }

.service01-color {
  background-color: #eb599a; }

.service02-color {
  background-color: #eb599a; }

.service03-color {
  background-color: #55d2fe; }

.service04-color {
  background-color: #84bb1f; }

.service05-color {
  background-color: #ffca00; }

.service06-color {
  background-color: #ff8f0b; }

.service07-color {
  background-color: #55d2fe; }
  
.service08-color {
  background-color: #D1BBFF; }

.service09-color {
  background-color: #ed55fe; }
  
.service24-color {
  background-color: #84bb1f; }

a.doctor-service01-color {
  color: #eb599a; }

a.doctor-service02-color {
  color: #eb599a; }

a.doctor-service03-color {
  color: #55d2fe; }

a.doctor-service04-color {
  color: #84bb1f; }

a.doctor-service05-color {
  color: #ffca00; }

a.doctor-service06-color {
  color: #ff8f0b; }

a.doctor-service07-color {
  color: #55d2fe; }
  
a.doctor-service08-color {
  color: #55d2fe; }

a.doctor-service09-color {
  color: #55d2fe; }
  
a.doctor-service24-color {
  color: #55d2fe; }

.service01-color,
.service02-color,
.service03-color,
.service04-color,
.service05-color,
.service06-color,
.service07-color,
.service08-color,
.service09-color,
.service24-color{
  color: black; }

.service-doctor-list {
  margin-bottom: 5px; }
  .service-doctor-list dt, .service-doctor-list dd {
    padding: 4px;
    display: inline-block; }
  .service-doctor-list dt {
    width: 160px;
    text-align: center; }

.service01,
.service02,
.service03,
.service04,
.service05,
.service06,
.service07,
.service08,
.service09,
.service24{
  width: 100%;
  text-align: center;
  color: black; }

.box li > a.service01 {
  font-size: 1rem; }

.service01-color {
  font-size: 0.8rem; }

.box li {
  height: 80px;
  float: left;
  width: 190px;
  margin-left: 20px;
  padding: 10px; }
  .box li > a {
    width: 100%;
    font-size: 1.2rem;
    color: black; }
.box div {
  text-align: center; }
  .box div > a {
    width: 80px;
    display: inline-block;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
    font-size: 0.9rem; }

.clinic.traffic {
  padding: 20px; }
  .clinic.traffic a {
    margin-left: 40px;
    margin-top: 40px;}

.ourteam-doctor-href {
  height: 40px;
  display: inline-block; }

.ourteam-doctor dt, .ourteam-doctor dd {
  display: inline-block; }
.ourteam-doctor dt {
  width: 100%; }
.ourteam-doctor dd {
  width: 260px;
  text-align: center; }
  .ourteam-doctor dd h5 {
    font-weight: bold; }

.header-icon {
  background-repeat: no-repeat;
  background-position: center center; }

#titlebar {
  z-index: 8; }

.clinic-info {
  position: relative;
  z-index: 10; }
  .clinic-info img {
    width: 100%; }

.overflowholder ul li img {
  width: 100%; }

#logo {
  margin-top: 18px; }
  #logo a img {
    height: 67px; }

.share_box {
  clear: both;
  text-align: right;
  vertical-align: top; }

#share_weibo {
  float: right;
  width: 66px;
  height: 40px;
  padding-top: 0px; }

@media only screen and (max-width: 1199px) and (min-width: 960px) {
  .service-list .featured-box {
    height: 320px; }
  .service-list .service-desc {
    padding-top: 10px; }

  .menu ul > li > a {
    padding-left: 4px;
    padding-right: 4px;
    font-size: 1rem; } }
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .box li {
    width: 25%; }

  .service-list .featured-box {
    height: 230px; }
  .service-list h3 {
    padding-top: 12px;
    padding-bottom: 0px;
    line-height: 100%;
    font-size: 1.1rem; }
  .service-list h4 {
    padding-top: 0px;
    padding-bottom: 5px;
    line-height: 100%;
    font-size: 0.9rem; }
  .service-list .service-desc {
    padding-top: 10px; }

  .menu ul > li > a {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1rem; }

  #logo {
    margin-top: 20px; }
    #logo a img {
      height: 57px; } }
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .box li {
    width: 90%;
    margin: 0px;
    margin-left: 0px;
    padding: 0px; }

  .service-list .featured-box {
    height: 430px; }
  .service-list h3 {
    padding-top: 30px;
    padding-bottom: 0px;
    line-height: 100%; }
  .service-list h4 {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 100%; }
  .service-list .service-desc {
    padding-top: 20px; }

  .menu ul > li > a {
    padding-left: 0px;
    padding-right: 0px;
    font-size: 1rem; }

  #logo {
    margin-top: 0px; }
    #logo a img {
      height: 60px; } }
@media only screen and (min-width: 0px) and (max-width: 479px) {
  .service-doctor-list dt {
    text-align: center; }
  .service-doctor-list dt {
    width: 100%; }

  .service-list .featured-box {
    height: 300px; }
  .service-list h3 {
    padding-top: 20px;
    padding-bottom: 0px;
    line-height: 100%; }
  .service-list h4 {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 100%; }
  .service-list .service-desc {
    padding-top: 10px; }

  .box li {
    width: 100%;
    margin: 0px;
    margin-left: 0px;
    padding: 0px; }
    .box li > a {
      width: 90%; }

  #logo {
    margin-top: 12px; }
    #logo a img {
      height: 60px; } }
.carousel-container {
  position: relative;
  background-color: #cccccc; }

.jcarousel-control-prev,
.jcarousel-control-next {
  background-color: #ac8868; }
  @media only screen and (min-width: 320px) {
    .jcarousel-control-prev,
    .jcarousel-control-next {
      display: none; } }
  @media only screen and (min-width: 1199px) {
    .jcarousel-control-prev,
    .jcarousel-control-next {
      display: block;
      top: 215px; } }

.jcarousel-wrapper {
  margin: 0 auto;
  z-index: 10; }
  @media only screen and (min-width: 320px) {
    .jcarousel-wrapper {
      width: 100%; } }
  @media only screen and (min-width: 1199px) {
    .jcarousel-wrapper {
      width: 1180px; } }

.jcarousel {
  height: auto; }
  .jcarousel img {
    width: 100%;
    display: block;
    height: auto !important; }
  @media only screen and (min-width: 320px) {
    .jcarousel {
      width: 100%; } }
  @media only screen and (min-width: 1199px) {
    .jcarousel {
      width: 1180px; } }

.jcarousel-pagination a {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px; }