@charset "UTF-8";
/*$primary-color: #3e9ca9;*/
/*@import url(https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(https://fonts.googleapis.com/earlyaccess/cwtexming.css);*/
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
/*Font_Style*/
body,
small,
#primary-menu ul ul li > a,
.wp-caption,
.feature-box.fbox-center.fbox-italic p,
.skills li .progress-percent .counter,
.nav-tree ul ul a {
  font-family: sans-serif, 微軟正黑體; }

h1,
h2,
h3,
h4,
h5,
h6,
#logo,
#primary-menu ul li > a,
#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a,
#top-search form input,
.entry-link,
.entry.entry-date-section span,
.button.button-desc,
.counter,
label,
.nav-tree li a,
.wedding-head .first-name,
.wedding-head .last-name {
  font-family: sans-serif, 微軟正黑體; }

.entry-meta li,
.entry-link span,
.entry blockquote p,
.more-link,
.comment-content .comment-author span,
.button.button-desc span,
.testi-content p,
.team-title span,
.before-heading,
.wedding-head .first-name span,
.wedding-head .last-name span {
  font-family: sans-serif, 微軟正黑體; }

.font-body {
  font-family: sans-serif, 微軟正黑體 !important; }

.font-primary {
  font-family: sans-serif, 微軟正黑體 !important; }

.font-secondary {
  font-family: sans-serif, 微軟正黑體 !important; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ccc; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ccc; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ccc; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ccc; }

.table th, .table td {
  padding: 10px 5px; }

/*Font_Style End*/
/*base_Style*/
* {
  letter-spacing: 0.5px; }

a {
  color: #3f8acd;
  word-break: break-all; }

a:hover, a:focus {
  color: #047c8c; }

body {
  font-family: sans-serif, 微軟正黑體;
  font-size: 18px;
  line-height: 1.6; }

dl, dt, dd, li {
  margin: 0;
  padding: 0 0 0px; }

label {
  font-size: 16px; }

ol, ul {
  margin: 0 0 20px; }

p {
  margin: 0 0 20px; }

.primary-color {
  color: #047c8c !important; }

.secondary-color {
  color: #3f8acd !important; }

.tertiary-color {
  color: #1364ad !important; }

.fourth-color {
  color: #8053ca !important; }

.highlight-color {
  color: #ff6600 !important; }

.highlight-color2 {
  color: #ef6c8b !important; }

/*base_Style End*/
/*Button_style*/
.button {
  background-color: #047c8c; }

.button:hover, .button:focus {
  color: #fff !important; }

.button.button-3d {
  font-size: 21px;
  margin: 0 5px 0 0; }

.button.button-small {
  font-size: 18px; }

.button.button-mini {
  font-size: 16px; }

.button.highlight_btn {
  background-color: #ff6600; }
  .button.highlight_btn:hover, .button.highlight_btn:focus {
    opacity: 0.9;
    background-color: #ff6600 !important; }

a.first_btn, button.first_btn {
  background-color: #047c8c !important; }
  a.first_btn:hover, a.first_btn:focus, button.first_btn:hover, button.first_btn:focus {
    background-color: #ff6600 !important; }

a.second_btn, button.second_btn {
  background-color: #3f8acd !important; }
  a.second_btn:hover, a.second_btn:focus, button.second_btn:hover, button.second_btn:focus {
    background-color: #ff6600 !important; }

a.third_btn, button.third_btn {
  background-color: #1364ad !important; }
  a.third_btn:hover, a.third_btn:focus, button.third_btn:hover, button.third_btn:focus {
    background-color: #ff6600 !important; }

a.interview_btn, button.interview_btn {
  background-color: #8053ca !important; }
  a.interview_btn:hover, a.interview_btn:focus, button.interview_btn:hover, button.interview_btn:focus {
    background-color: #ff6600 !important; }

.article_top_div {
  margin: 10px 0;
  padding: 0;
  position: relative; }
  .article_top_div .article_title {
    margin: 0; }
  .article_top_div .article_time {
    font-size: 16px;
    color: #555; }
  .article_top_div .article_keyword {
    margin: 0; }
    .article_top_div .article_keyword a {
      color: #3f8acd;
      border: 1px #3f8acd solid;
      font-size: 14px;
      padding: 3px 5px;
      margin: 10px 5px 0 0;
      border-radius: 5px;
      display: inline-block; }
      .article_top_div .article_keyword a:hover, .article_top_div .article_keyword a:focus {
        background: #3f8acd;
        color: #fff; }
  .article_top_div .article_friendly {
    position: absolute;
    right: 0;
    bottom: 0; }
    .article_top_div .article_friendly a {
      margin: 0 3px; }
    .article_top_div .article_friendly img {
      width: 40px; }

.ad_div {
  margin: 60px 0 40px;
  /*background: #fff;
    border: 1px #efefef solid;*/ }
  .ad_div .ad_area {
    margin: 0 0 10px; }
    .ad_div .ad_area img {
      width: 100%; }
  .ad_div h3 {
    padding: 10px;
    border-radius: 0;
    margin: 0 0 0;
    color: #fff;
    background: #047c8c url(../images/test_bg.png);
    text-align: center;
    font-size: 21px; }
  .ad_div .widget {
    margin-top: 30px;
    background: white;
    border: 1px #efefef solid !important;
    padding: 0 0 20px; }

.breadcrumb {
  top: 0 !important;
  margin: 20px 0 0 0 !important;
  z-index: 1;
  font-size: 16px;
  right: 0 !important;
  padding: 0 15px !important; }
  .breadcrumb .breadcrumb-item a {
    color: #777; }
  .breadcrumb .breadcrumb-item::before {
    color: #777; }
  .breadcrumb .breadcrumb-item.active {
    color: #777;
    width: auto;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

.Benefit_div {
  position: relative;
  text-align: center;
  height: 460px;
  margin: 0 auto 20px;
  background: url(../images/Benefit_01.jpg) center center; }

.background_box {
  background: #e5e5e5;
  color: #555555;
  padding: 15px;
  border-radius: 10px; }

.background_box_sm {
  background: #e6e4de;
  color: #454545;
  padding: 0 3px;
  border-radius: 10px; }

.BrandContact {
  font-size: 18px; }
  .BrandContact .title {
    font-size: 21px;
    color: #047c8c; }
  .BrandContact p {
    margin: 0; }

.card_box {
  background: #f5f5f5;
  padding: 15px;
  margin: 10px 0; }
  .card_box h3 {
    background: #047c8c url(../images/test_bg.png);
    padding: 5px 15px;
    color: #fff;
    display: inline-block; }
  .card_box h4 {
    padding: 5px 15px; }
  .card_box p {
    margin: 0;
    padding: 15px; }
  .card_box .sub {
    background: #e6e4de;
    color: #454545;
    padding: 15px;
    margin: 5px 15px 5px; }
  .card_box ul {
    padding: 0 20px;
    margin: 15px 0 0 20px;
    line-height: 1.6em; }
    .card_box ul li {
      margin: 0 0 1em 0; }
  .card_box table {
    box-shadow: 2px 2px 5px #ddd;
    background: #fff; }

.charge_tabs .tab-nav {
  display: flex;
  margin: 0 !important;
  flex-wrap: wrap; }
  .charge_tabs .tab-nav > li {
    flex: 0 0 25%;
    height: auto !important;
    padding: 0;
    border: 1px solid #DDD !important;
    margin: 0 !important; }
    .charge_tabs .tab-nav > li > a {
      height: 100% !important;
      line-height: 1.6 !important;
      padding: 5px 0 !important;
      font-size: 18px !important;
      font-weight: normal !important; }
  .charge_tabs .tab-nav .ui-tabs-active a {
    border-top: 2px solid #047c8c !important; }

.Education_img01 {
  height: 300px;
  background-position: center right;
  position: relative;
  background-image: url(../images/Education_01.jpg);
  display: flex;
  align-items: center; }
  .Education_img01 .text_l_div {
    width: 60%;
    position: absolute;
    left: 50px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.9); }
    .Education_img01 .text_l_div p {
      font-size: 18px; }

.Education_img02 {
  height: 300px;
  background-position: center left;
  position: relative;
  background-image: url(../images/Education_02.jpg);
  display: flex;
  align-items: center; }
  .Education_img02 .text_r_div {
    width: 60%;
    position: absolute;
    right: 50px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.9); }
    .Education_img02 .text_r_div p {
      font-size: 18px; }

.Education_img03 {
  height: 300px;
  background-position: center right;
  position: relative;
  background-image: url(../images/Education_03.jpg);
  display: flex;
  align-items: center; }
  .Education_img03 .text_l_div {
    width: 60%;
    position: absolute;
    left: 50px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.9); }
    .Education_img03 .text_l_div p {
      font-size: 18px; }

.doctor_tabs .tab-nav .ui-tabs-tab a {
  font-size: 18px; }

.doctor_tabs .tab-container .departments_type .departments_sub {
  border-bottom: 1px #ddd dashed; }
  .doctor_tabs .tab-container .departments_type .departments_sub h3 {
    margin: 15px 0; }
  .doctor_tabs .tab-container .departments_type .departments_sub p {
    margin: 0 0 10px; }
    .doctor_tabs .tab-container .departments_type .departments_sub p a i {
      margin: 0 3px 0 0; }

.doctor_tabs .name_type .search_bar {
  width: 100%;
  margin: 0px auto;
  max-width: 300px; }

.doctor_tabs .name_type .name_grid_area {
  width: 100%;
  border-top: 1px #ddd solid;
  margin: 20px auto 0;
  padding: 20px 10px;
  text-align: justify; }
  .doctor_tabs .name_type .name_grid_area a {
    padding: 5px;
    font-size: 21px;
    margin: 3px;
    line-height: 45px;
    background: #f5f5f5; }
    .doctor_tabs .name_type .name_grid_area a.action {
      background: #047c8c;
      color: #fff; }
    .doctor_tabs .name_type .name_grid_area a:hover, .doctor_tabs .name_type .name_grid_area a:focus {
      background: #047c8c;
      color: #fff; }

.doctor_list {
  padding: 0 15px; }
  .doctor_list .doctor_list_sub {
    box-sizing: border-box;
    padding: 30px 15px;
    border-bottom: 0px #ddd solid; }
    .doctor_list .doctor_list_sub:hover, .doctor_list .doctor_list_sub:focus {
      background: #f5f5f5;
      box-shadow: 0 0 10px #aaa;
      -moz-transition: all .3s ease-in;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in; }
    .doctor_list .doctor_list_sub .doctor_img {
      overflow: hidden; }
      .doctor_list .doctor_list_sub .doctor_img img {
        width: 100%; }
    .doctor_list .doctor_list_sub .doctor_content .row {
      padding: 15px;
      border-radius: 20px;
      background: #fff;
      margin: 0;
      border: 1px #ddd solid; }
    .doctor_list .doctor_list_sub .doctor_content .doctor_title {
      padding: 0; }
      .doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_name {
        width: 100%;
        float: left;
        margin: 0 0 5px;
        color: #047c8c;
        font-size: 21px; }
        .doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_name a {
          color: #047c8c; }
      .doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_jobtitle {
        width: calc(100% - 50%);
        float: left;
        margin: 0 0 0px;
        text-align: right;
        color: #047c8c;
        font-size: 18px; }
        .doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_jobtitle a {
          color: #047c8c; }
      .doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_dep {
        margin: 5px 0;
        padding: 5px;
        background: #f5f5f5;
        border-radius: 10px; }
        .doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_dep a {
          background: none;
          color: #777;
          font-size: 16px;
          padding: 0px 5px;
          border-radius: 5px;
          font-weight: normal;
          margin: 0 3px 0 0;
          display: inline-block; }
          .doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_dep a:hover, .doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_dep a:focus {
            background: #3f8acd;
            color: #fff; }
    .doctor_list .doctor_list_sub .doctor_content .doctor_skill {
      padding: 0;
      font-size: 16px;
      clear: both;
      margin-bottom: 0;
      max-height: 5.5em;
      overflow: hidden; }
    .doctor_list .doctor_list_sub .link_btn {
      text-align: right;
      background: #f5f5f5;
      padding: 15px; }
  .doctor_list .doctor_list_interviewsub {
    padding: 25px 15px 25px;
    border-bottom: 5px #ddd solid; }
    .doctor_list .doctor_list_interviewsub:hover {
      border-bottom: 5px #047c8c solid;
      box-shadow: 0 0 10px #aaa;
      -moz-transition: all .3s ease-in;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in; }
    .doctor_list .doctor_list_interviewsub .doctor_content .row {
      border: 0px #ddd solid !important;
      background: none !important; }
    .doctor_list .doctor_list_interviewsub .doctor_content .doctor_title {
      margin: 10px 0; }
    .doctor_list .doctor_list_interviewsub .doctor_content .doctor_skill {
      padding: 0;
      font-size: 16px;
      clear: both;
      margin-bottom: 10px;
      max-height: 5.5em;
      overflow: hidden; }
    .doctor_list .doctor_list_interviewsub .doctor_tagdiv {
      padding: 0 15px;
      font-size: 14px;
      clear: both;
      /*position: absolute;
            bottom: 10px;*/
      /*height: 3.2em;
            overflow: hidden;*/ }
      .doctor_list .doctor_list_interviewsub .doctor_tagdiv a {
        padding: 0 5px;
        color: #3f8acd;
        display: inline-block; }
        .doctor_list .doctor_list_interviewsub .doctor_tagdiv a:hover {
          background: #3f8acd;
          border-radius: 5px;
          color: #fff;
          padding: 0 5px; }

.doctor_detail {
  line-height: 1.8em !important; }
  .doctor_detail i {
    margin-right: 3px; }
  .doctor_detail .doctor_detail_img img {
    width: 100%;
    max-width: 200px; }
  .doctor_detail .link_btn {
    background: #efefef;
    padding: 15px 5px 10px;
    text-align: center !important;
    margin: 10px 0; }
    .doctor_detail .link_btn a {
      margin: 0 0px 5px; }
      .doctor_detail .link_btn a:hover, .doctor_detail .link_btn a:focus {
        background-color: #ff6600 !important; }
  .doctor_detail .doctor_detail_content h3 {
    color: #047c8c; }
  .doctor_detail .doctor_detail_content .doctor_jobtitle a {
    background: #999;
    color: #fff;
    font-size: 16px;
    padding: 0 15px;
    border-radius: 5px;
    font-weight: normal;
    margin: 0 0 10px !important; }
    .doctor_detail .doctor_detail_content .doctor_jobtitle a:hover, .doctor_detail .doctor_detail_content .doctor_jobtitle afocus {
      background: #3f8acd;
      color: #fff; }
  .doctor_detail .doctor_detail_content .doctor_introduction {
    margin: 5px 0; }
  .doctor_detail .doctor_detail_content .doctor_education, .doctor_detail .doctor_detail_content .doctor_experience, .doctor_detail .doctor_detail_content .doctor_skill, .doctor_detail .doctor_detail_content .doctor_research, .doctor_detail .doctor_detail_content .doctor_teach, .doctor_detail .doctor_detail_content .doctor_member {
    border-top: 1px #ddd solid;
    margin-top: 20px;
    padding-top: 20px; }
    .doctor_detail .doctor_detail_content .doctor_education h3, .doctor_detail .doctor_detail_content .doctor_experience h3, .doctor_detail .doctor_detail_content .doctor_skill h3, .doctor_detail .doctor_detail_content .doctor_research h3, .doctor_detail .doctor_detail_content .doctor_teach h3, .doctor_detail .doctor_detail_content .doctor_member h3 {
      margin: 0 0 10px; }
    .doctor_detail .doctor_detail_content .doctor_education ul, .doctor_detail .doctor_detail_content .doctor_experience ul, .doctor_detail .doctor_detail_content .doctor_skill ul, .doctor_detail .doctor_detail_content .doctor_research ul, .doctor_detail .doctor_detail_content .doctor_teach ul, .doctor_detail .doctor_detail_content .doctor_member ul {
      padding: 0 15px;
      margin: 10px; }
  .doctor_detail .doctor_research_content h3 {
    color: #047c8c; }
  .doctor_detail .doctor_research_content .doctor_paper {
    border-top: 1px #ddd solid;
    margin-top: 20px;
    padding-top: 20px; }
    .doctor_detail .doctor_research_content .doctor_paper h3 {
      margin: 0 0 10px; }
  .doctor_detail .doctor_research_content table thead tr {
    text-align: center;
    color: #fff;
    background: #047c8c url(../images/test_bg.png);
    text-align: center;
    font-size: 21px;
    font-weight: bold; }
  .doctor_detail .doctor_research_content table tbody tr td:first-child {
    vertical-align: middle; }
  .doctor_detail .doctor_news h3 {
    border-top: 1px #ddd solid;
    margin: 30px 0 10px;
    padding-top: 20px;
    color: #047c8c; }
  .doctor_detail .doctor_news .doctor_news_content {
    margin: 0;
    padding: 10px 5px;
    border-bottom: 1px #ddd dashed; }
    .doctor_detail .doctor_news .doctor_news_content:hover {
      background: #f5f5f5; }
    .doctor_detail .doctor_news .doctor_news_content .news_time {
      margin: 0 5px 0 0;
      display: inline-block;
      vertical-align: middle;
      color: #555;
      width: 110px; }
    .doctor_detail .doctor_news .doctor_news_content .news_title {
      display: inline-block;
      margin: 0;
      vertical-align: middle;
      color: #555;
      width: calc(100% - 120px);
      min-width: 300px;
      max-height: 65px;
      overflow: hidden;
      word-break: break-word;
      padding: 0 5px 0 0; }
  .doctor_detail .doctor_video h3 {
    border-top: 1px #ddd solid;
    margin: 30px 0 10px;
    padding-top: 20px;
    color: #047c8c; }
  .doctor_detail .doctor_video .doctor_video_sub .doctor_video_content .video_img img {
    width: 100%; }
  .doctor_detail .doctor_video .doctor_video_sub .doctor_video_content .video_title {
    color: #555; }
  .doctor_detail .doctor_interview {
    border-top: 1px #ddd solid;
    margin-top: 20px;
    padding-top: 20px; }
    .doctor_detail .doctor_interview img {
      /*width: 100% !important;
            max-width: 400px;*/
      margin: 10px 0 !important; }
    .doctor_detail .doctor_interview .fluid-width-video-wrapper {
      padding-top: 56.25%; }

.department_menu {
  padding: 45px 0 0 0;
  background: #f5f5f5;
  position: relative;
  z-index: 3; }
  .department_menu .department_menu_wrap > div {
    background: #047c8c url(../images/test_bg.png);
    border-radius: 20px;
    max-width: 1140px; }
  .department_menu .department_menu_wrap .department_menu_title {
    float: left;
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    padding: 8px;
    display: none; }
  .department_menu .department_menu_wrap .navbar-toggler {
    display: none; }
  .department_menu .department_menu_wrap nav {
    padding: 0;
    position: relative; }
    .department_menu .department_menu_wrap nav ul.nav {
      padding: 0px; }
      .department_menu .department_menu_wrap nav ul.nav > li {
        padding: 0; }
        .department_menu .department_menu_wrap nav ul.nav > li > a {
          padding: 12px !important;
          color: #fff !important;
          font-size: 16px !important; }
          .department_menu .department_menu_wrap nav ul.nav > li > a:hover, .department_menu .department_menu_wrap nav ul.nav > li > a:focus {
            color: #fff !important;
            background: #777 !important; }

.department_list {
  background: #f5f5f5;
  padding: 15px; }
  .department_list h3 {
    background: #047c8c url(../images/test_bg.png);
    padding: 5px 15px;
    display: inline-block;
    color: #fff;
    margin: 0 0 10px; }
  .department_list .row {
    width: 100%;
    padding: 0;
    margin: 0; }
  .department_list .department_list_sub {
    text-align: center;
    margin: 0 0 10px;
    padding: 0 0; }
    .department_list .department_list_sub a {
      display: inline-block;
      padding: 5px;
      width: 100%;
      border: 1px rgba(255, 255, 255, 0) solid;
      background: none; }
      .department_list .department_list_sub a:hover, .department_list .department_list_sub afocus {
        background: #fff;
        color: #047c8c;
        font-weight: bold;
        box-shadow: 0 0 10px #aaa;
        -moz-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in; }
      .department_list .department_list_sub a img {
        margin: 0 0 10px; }
      .department_list .department_list_sub a span {
        display: inline-block;
        margin: 0; }

.department_index_about {
  padding: 20px 0; }

.department_index_news {
  padding: 20px 0; }
  .department_index_news .news_main {
    margin: 0 0 10px;
    border-bottom: 1px #ddd dashed; }
    .department_index_news .news_main .main_time {
      font-size: 16px; }
  .department_index_news .news_sub {
    padding: 10px 15px 10px !important;
    border-bottom: 1px #ddd dashed; }
    .department_index_news .news_sub:hover, .department_index_news .news_sub:focus {
      background: #f5f5f5; }
    .department_index_news .news_sub .sub_title {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin: 0px 100px 0 0; }
    .department_index_news .news_sub .sub_time {
      text-align: center;
      font-size: 16px;
      position: absolute;
      right: 15px;
      top: 10px; }
      .department_index_news .news_sub .sub_time i {
        margin-right: 3px; }

.dropdown-menu > li {
  position: relative; }

.dropdown-menu .dropdown-item {
  font-size: 16px;
  padding: 0.5rem 1.5rem;
  border-bottom: 1px #ddd dashed; }

.dropdown-menu > li:last-child > .dropdown-item {
  border-bottom: 0px #ddd dashed; }

.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #047c8c; }

.dep_content * {
  line-height: 1.95 !important; }

.dep_content a {
  color: #3f8acd; }

.dep_content a.button {
  color: #ffffff;
  margin: 0 0 10px;
  height: auto; }

.dep_content .TitleDiv1 {
  background: #8053ca url(../images/test_bg.png);
  padding: 0px 15px;
  margin: 20px 0;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  border-radius: 5px; }

.dep_content .TitleDiv2 {
  font-size: 21px;
  color: #3f8acd;
  font-weight: bold;
  margin: 20px 0; }

.dep_content ol, .dep_content ul {
  margin: 20px 0; }
  .dep_content ol li, .dep_content ul li {
    margin: 10px 0; }

.dep_content table {
  width: 100%; }

.dep_organization_table {
  border: 1px solid #aaa;
  text-align: center; }
  .dep_organization_table tr {
    border: 1px solid #aaa;
    text-align: center; }
    .dep_organization_table tr td {
      border: 1px solid #aaa;
      text-align: center;
      vertical-align: middle !important;
      padding: 15px; }
  .dep_organization_table p {
    margin-bottom: 0px; }
  .dep_organization_table tr:first-child {
    background: #047c8c;
    color: #fff; }

.doctorinterview_div {
  margin: -80px 60px 40px !important;
  position: relative; }
  .doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content {
    padding: 0 5%; }
    .doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .title {
      font-size: 28px;
      text-align: center; }
    .doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .subtitle {
      font-size: 21px;
      text-align: center; }
    .doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .time {
      font-size: 16px;
      color: #aaa;
      text-align: center; }
    .doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .tag {
      text-align: center; }
      .doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .tag a {
        padding: 0 5px;
        font-size: 14px;
        color: #3f8acd;
        display: inline-block; }
        .doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .tag a:hover {
          background: #3f8acd;
          border-radius: 5px;
          color: #fff;
          padding: 0 5px; }
    .doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .introduction {
      margin: 30px 0; }

#drinterview_carousel .owl-item {
  padding: 15px; }
  #drinterview_carousel .owl-item:hover, #drinterview_carousel .owl-item:focus {
    border-bottom: 5px #047c8c solid;
    background: #fff;
    box-shadow: 0 0 10px #aaa;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; }

#drinterview_carousel .interview_sub_div .title {
  padding: 10px 0;
  font-size: 18px;
  font-weight: bold;
  color: #047c8c; }

#drinterview_carousel .interview_sub_div .subtitle {
  padding: 0;
  font-size: 16px;
  clear: both;
  margin-bottom: 10px;
  max-height: 5.5em;
  overflow: hidden; }

.event_list {
  padding: 0 15px; }
  .event_list .event_list_sub {
    box-sizing: border-box;
    padding: 20px 10px;
    border-bottom: 1px #ddd solid; }
    .event_list .event_list_sub:hover, .event_list .event_list_sub:focus {
      background: #f5f5f5; }
    .event_list .event_list_sub .event_img {
      padding: 0 0 0 15px;
      margin: 0 0 10px; }
      .event_list .event_list_sub .event_img img {
        width: 100%; }
    .event_list .event_list_sub .event_content .event_content_sub {
      margin: 0 0 10px; }
    .event_list .event_list_sub .event_content .event_content_date {
      font-size: 16px;
      color: #555; }
      .event_list .event_list_sub .event_content .event_content_date .date_text {
        color: #ff6600; }
    .event_list .event_list_sub .event_content .event_content_title_link {
      margin: 0 0 0px;
      color: #047c8c;
      font-size: 21px;
      vertical-align: middle;
      font-weight: bold; }
      .event_list .event_list_sub .event_content .event_content_title_link a {
        color: #047c8c;
        font-weight: bold; }
    .event_list .event_list_sub .event_content .event_content_title {
      margin: 0 5px 0 0;
      font-size: 18px;
      background: #777;
      border-radius: 20px;
      padding: 1px 10px;
      color: #fff;
      vertical-align: middle; }
    .event_list .event_list_sub .event_content .event_content_text {
      padding: 0;
      font-size: 18px;
      margin-bottom: 0;
      vertical-align: middle; }
    .event_list .event_list_sub .event_content .link_btn {
      text-align: left; }

.event_content_status.yes {
  color: #ff6600; }

.event_content_status.no {
  color: #777; }

.event_detail {
  padding: 20px 0px;
  margin: 0;
  border: 1px #ddd solid; }
  .event_detail .event_detail_img img {
    width: 100%; }
  .event_detail .event_detail_table .event_detail_sub {
    border-bottom: 1px solid #ddd;
    display: flex;
    padding: 5px 0; }
    .event_detail .event_detail_table .event_detail_sub:nth-child(even) {
      background: #f5f5f5; }
    .event_detail .event_detail_table .event_detail_sub .event_detail_title {
      display: inline-block;
      margin: 3px 0;
      width: 25%;
      min-width: 100px;
      text-align: center;
      color: #047c8c; }
    .event_detail .event_detail_table .event_detail_sub .event_detail_text {
      display: inline-block;
      margin: 3px 0;
      width: 75%;
      text-align: left; }

.event_detail_content {
  padding: 15px;
  margin: 20px 0; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

footer .footer_link .widget_nav_menu li a, footer .footer_link .widget_links li a, footer .footer_link .widget_meta li a, footer .footer_link .widget_archive li a, footer .footer_link .widget_recent_entries li a, footer .footer_link .widget_categories li a, footer .footer_link .widget_pages li a, footer .footer_link .widget_rss li a, footer .footer_link .widget_recent_comments li a, #footer .footer_link .widget_nav_menu li a, #footer .footer_link .widget_links li a, #footer .footer_link .widget_meta li a, #footer .footer_link .widget_archive li a, #footer .footer_link .widget_recent_entries li a, #footer .footer_link .widget_categories li a, #footer .footer_link .widget_pages li a, #footer .footer_link .widget_rss li a, #footer .footer_link .widget_recent_comments li a {
  font-size: 18px; }

footer .footer_link ul, #footer .footer_link ul {
  list-style: none; }
  footer .footer_link ul i, #footer .footer_link ul i {
    margin: 0 5px 0 0; }
  footer .footer_link ul li, #footer .footer_link ul li {
    margin: 0 0 5px; }

footer .footer_iconlink, #footer .footer_iconlink {
  display: inline-flex;
  width: 100%;
  justify-content: center; }
  footer .footer_iconlink a, #footer .footer_iconlink a {
    border-radius: 5px;
    padding: 0 5px;
    width: 100%; }
    footer .footer_iconlink a:focus, footer .footer_iconlink a:hover, #footer .footer_iconlink a:focus, #footer .footer_iconlink a:hover {
      color: #555;
      background: #ddd; }
  footer .footer_iconlink .footer_iconlink_subdiv, #footer .footer_iconlink .footer_iconlink_subdiv {
    text-align: center; }
    footer .footer_iconlink .footer_iconlink_subdiv i, #footer .footer_iconlink .footer_iconlink_subdiv i {
      font-size: 30px;
      margin-right: 0px; }

footer, #footer {
  position: relative;
  background: #606060 url(../images/footer_bg.svg) no-repeat;
  background-position-x: 120%;
  background-position-y: 25%;
  background-size: 60%;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  color: #fff; }
  footer a, #footer a {
    color: #fff; }
    footer a:hover, footer afocus, #footer a:hover, #footer afocus {
      color: #555;
      background: #fff; }
  footer #copyrights, #footer #copyrights {
    background-color: rgba(255, 255, 255, 0);
    color: #fff; }

footer.footer_temporary a {
  color: #aaa !important; }

footer.footer_temporary #copyrights {
  background-color: #ddd !important;
  color: #111 !important;
  line-height: 1.6;
  font-size: 14px; }

footer.footer_temporary .dropdown-item {
  white-space: normal; }

.fluid_top_div {
  position: relative;
  margin-top: -10%;
  margin-bottom: 10%;
  background: rgba(255, 255, 255, 0.9);
  width: 95%;
  margin-left: 2.5%;
  padding: 30px 5%;
  border: 1px solid #efefef; }

.fluid-width-video-wrapper {
  padding-top: 56.25% !important; }

.form-group input[type="radio"] {
  padding: 0;
  width: 18px;
  height: 18px;
  margin: 0 3px 0px 10px;
  position: relative;
  top: -5px; }

.form-group input[type="checkbox"] {
  padding: 0;
  width: 20px;
  height: 20px;
  margin: 0 3px 0 10px;
  position: relative;
  top: 3px; }

.Goal_div {
  position: relative;
  text-align: center;
  height: 600px;
  margin: 0 auto;
  background: url(../images/Goal_01.jpg) center center; }
  .Goal_div .Goal_subdiv {
    position: relative;
    margin: 0 auto;
    width: 500px;
    height: 600px; }
    .Goal_div .Goal_subdiv i {
      font-size: 48px;
      color: #fff;
      margin: 0px; }
    .Goal_div .Goal_subdiv h3 {
      color: #fff;
      margin: 0 0 10px;
      font-size: 28px; }
    .Goal_div .Goal_subdiv p {
      font-size: 18px;
      color: #fff; }
    .Goal_div .Goal_subdiv div {
      position: absolute; }
    .Goal_div .Goal_subdiv div:nth-child(1) {
      top: 14%;
      width: 180px;
      left: 32%; }
    .Goal_div .Goal_subdiv div:nth-child(2) {
      top: 50%;
      width: 180px;
      left: 8%; }
    .Goal_div .Goal_subdiv div:nth-child(3) {
      top: 50%;
      width: 180px;
      left: 56%; }

.form_box {
  background: #f5f5f5;
  padding: 20px; }
  .form_box .text {
    font-size: 18px; }
  .form_box .textinput {
    padding: 5px; }

.flex-control-nav {
  position: absolute;
  z-index: 10;
  text-align: center;
  bottom: 10px;
  top: auto;
  left: 50%;
  margin-left: -85px; }
  .flex-control-nav li {
    margin: 0 5px;
    width: 25px;
    height: 20px; }
    .flex-control-nav li a {
      width: 20px !important;
      height: 20px !important; }

.google_maps > div.fluid-width-video-wrapper {
  padding: 0 !important; }

header, #header {
  height: auto;
  border-bottom: 0px solid #F5F5F5;
  margin: 0 auto 15px; }
  header #header-wrap, #header #header-wrap {
    padding: 0;
    height: auto; }
    header #header-wrap .nav_div, #header #header-wrap .nav_div {
      padding: 0; }
  header #logo, #header #logo {
    margin-right: 10px;
    margin: 5px 0; }
    header #logo img, #header #logo img {
      height: 50px;
      margin: 0; }
  header .navbar-toggler, #header .navbar-toggler {
    display: none; }
  header .navbar, #header .navbar {
    background: #047c8c;
    /*background: #f5f5f5 url(../images/test_bg2.png);*/
    background-size: 100% 100%;
    color: #555;
    position: relative;
    width: 98%;
    margin: 0 auto 0;
    border-radius: 5px;
    padding: 10px; }
    header .navbar .navbar-nav, #header .navbar .navbar-nav {
      margin: 0 auto;
      padding: 0; }
      header .navbar .navbar-nav .nav-item, #header .navbar .navbar-nav .nav-item {
        border-right: 1px #ddd solid;
        padding: 0; }
        header .navbar .navbar-nav .nav-item:last-child, #header .navbar .navbar-nav .nav-item:last-child {
          border-right: 0px #ddd solid; }
        header .navbar .navbar-nav .nav-item:hover, header .navbar .navbar-nav .nav-item:focus, #header .navbar .navbar-nav .nav-item:hover, #header .navbar .navbar-nav .nav-item:focus {
          color: #047c8c;
          background: #fff; }
          header .navbar .navbar-nav .nav-item:hover .nav-link, header .navbar .navbar-nav .nav-item:focus .nav-link, #header .navbar .navbar-nav .nav-item:hover .nav-link, #header .navbar .navbar-nav .nav-item:focus .nav-link {
            color: #047c8c; }
      header .navbar .navbar-nav .nav-link, #header .navbar .navbar-nav .nav-link {
        color: #fff;
        padding: 0 10px;
        font-size: 18px; }
  header .top_side_div, #header .top_side_div {
    float: right;
    clear: both;
    position: relative;
    right: 10px;
    top: 5px;
    bottom: 0; }
    header .top_side_div ul li, #header .top_side_div ul li {
      margin: 0 auto; }
      header .top_side_div ul li a, #header .top_side_div ul li a {
        padding: 3px 7px;
        text-decoration: underline !important;
        color: #777; }
      header .top_side_div ul li a:hover, header .top_side_div ul li a:focus, header .top_side_div ul li align-content:focus, #header .top_side_div ul li a:hover, #header .top_side_div ul li a:focus, #header .top_side_div ul li align-content:focus {
        padding: 3px 7px;
        border-radius: 5px;
        color: #fff;
        background: #047c8c;
        text-decoration: none !important; }

#gotoTop {
  bottom: 70px !important;
  right: 25px;
  display: block; }

#gotoTop:hover {
  background-color: #047c8c; }

#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap {
  position: relative;
  height: auto; }

#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
  height: 50px; }

.HealthEducationInfo_content * {
  width: 100% !important;
  margin-left: 0 !important;
  font-family: sans-serif, 微軟正黑體 !important; }

.HealthEducationInfo_content *[style*="font-size:22px"], .HealthEducationInfo_content *[style*="font-size:21px"] {
  font-size: 18px !important; }

.HealthEducationInfo_content div[style*="list"] {
  margin-left: 30px !important;
  margin-top: 15px !important;
  width: calc(100% - 30px) !important;
  font-size: 18px !important; }

.HealthEducationInfo_content span[style*="background"] {
  padding: 3px 10px !important;
  font-size: 24px !important; }

.HealthEducationInfo_content td {
  width: auto !important; }

.HealthEducationInfo_content ul {
  margin: 0 0 0 35px !important;
  width: calc(100% - 35px) !important; }

.healthedu_detail_content .healthedu_detail_top {
  position: relative;
  margin-top: 20px; }
  .healthedu_detail_content .healthedu_detail_top .healthedu_title {
    margin: 0 0 0 0;
    color: #047c8c; }
  .healthedu_detail_content .healthedu_detail_top .healthedu_time {
    display: inline-block;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 20px; }

.healthedu_detail_content .healthedu_detail_bottom {
  font-weight: bold; }
  .healthedu_detail_content .healthedu_detail_bottom .healthedu_bottom_text {
    color: #047c8c;
    text-align: left;
    font-size: 18px;
    padding: 5px 0 0 115px; }
  .healthedu_detail_content .healthedu_detail_bottom .healthedu_footer {
    background: #047c8c url(../images/test_bg.png);
    font-size: 16px;
    padding: 3px 10px;
    font-size: 16px;
    text-align: right;
    color: #fff;
    margin-top: 35px; }

.healthedu_detail_content .line {
  border-color: #047c8c;
  border-width: 3px; }

.healthedu_detail_content .content {
  /*background: url(../Content/images/medical_bg.png);
        background-size: 100%;*/ }
  .healthedu_detail_content .content > div, .healthedu_detail_content .content div > div {
    width: auto !important;
    display: contents; }
  .healthedu_detail_content .content p, .healthedu_detail_content .content li {
    width: auto !important; }
  .healthedu_detail_content .content img {
    max-width: 100%;
    height: auto !important; }
  .healthedu_detail_content .content table tr img, .healthedu_detail_content .content table td img, .healthedu_detail_content .content table th img {
    max-width: none; }

i {
  margin-right: 3px; }

.index_title h3 {
  color: #333;
  border-bottom: 1px solid #ddd;
  font-size: 24px; }
  .index_title h3 span {
    border-bottom: 3px solid #047c8c;
    color: #047c8c !important;
    padding: 0 10px 0 0px;
    letter-spacing: 1px; }

.index_title i {
  margin: 0 3px 0; }

.index_EN_title h3 {
  font-family: Calluna;
  font-size: 2.5em;
  font-weight: normal;
  line-height: 1.1; }

.index_EN_title a.button {
  font-family: Calluna;
  font-weight: normal;
  background: #206282;
  border-radius: 30px;
  font-size: 16px;
  padding: 5px 25px;
  border: 3px #fff solid; }

.index_EN_content p {
  color: #777; }

.index_EN_title2 h3 {
  font-family: Calluna;
  font-size: 56px;
  font-weight: normal;
  line-height: 1.1;
  color: #fff; }

.index_EN_title2 a.button {
  font-family: Calluna;
  font-weight: normal;
  background: #206282;
  border-radius: 30px;
  font-size: 18px;
  padding: 5px 25px;
  border: 3px #fff solid; }

.index_EN_title2 p {
  color: #fff; }

.index_icon_div {
  border: 1px #ddd solid;
  padding: 25px 0;
  margin: 0 0px 30px;
  background: #fff;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }
  .index_icon_div:hover, .index_icon_div:focus {
    box-shadow: 1px 1px 3px #aaa; }
  .index_icon_div .fbox-border.fbox-effect .fbox-icon i:after {
    background-color: #047c8c; }
  .index_icon_div .button:hover, .index_icon_div .button:focus {
    background-color: #047c8c !important;
    color: #fff !important; }
  .index_icon_div .index_icon_title {
    color: #fff; }
  .index_icon_div .index_icon_text {
    height: 120px; }

.index_icon {
  position: relative;
  z-index: 1;
  border: 5px #fff solid;
  /* background: url(../images/index_button_bg.jpg) no-repeat;
            background-size: 100% 100%;*/ }

.index_icon_div2 {
  padding: 0px;
  /*&:nth-child(1), &:nth-child(3), &:nth-child(6), &:nth-child(8) {
        background: rgba(255,255,255, 0.85);

        .fbox-icon i {
            border: 1px #555 solid;
            color: #555 !important;

            &:hover {
                color: rgba(255, 255, 255, 1) !important;
            }
        }

        .index_icon_box {
        }

        .index_icon_title {
            span {
                color: #555;
            }
        }

        .index_icon_text {
            color: #555;
        }


        &:hover, &:focus {
            background: rgba(255,255,255, 0.95);

            .fbox-icon i {
                color: #555 !important;
            }

            .index_icon_box {
            }

            .index_icon_title {
                span {
                    color: #555;
                    border-bottom: 2px #555 solid;
                }
            }

            .index_icon_text {
                color: #555;
            }
        }
    }*/
  /*&:nth-child(2), &:nth-child(4), &:nth-child(5), &:nth-child(7) {
        background: $primary-color;

        .fbox-icon i {
            border: 1px #fff solid;
            color: #fff !important;

            &:hover {
                background: $primary-color;
            }
        }

        .index_icon_box {
        }

        .index_icon_title {
            span {
                color: #fff;
            }
        }

        .index_icon_text {
            color: #fff;
        }

        &:hover, &:focus {
            background: $primary-color;

            .fbox-icon i {
                color: #fff !important;
            }

            .index_icon_box {
            }

            .index_icon_title {
                span {
                    color: #fff;
                    border-bottom: 2px #fff solid;
                }
            }

            .index_icon_text {
                color: #fff;
            }
        }
    }*/
  /*
    .button {
        width: 100%;
        text-align: center;
        font-size: 1rem;
        margin: 0px;
    }

    .button:hover, .button:focus {
        color: $primary-color !important;
        background-color: #fff !important;
    }*/ }
  .index_icon_div2 .index_icon_box {
    padding: 10px;
    height: 100%; }
  .index_icon_div2 .index_icon_title {
    text-align: center;
    margin: 0; }
  .index_icon_div2:nth-child(n) {
    background: #eee;
    border: 5px #fff solid;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s; }
    .index_icon_div2:nth-child(n) .fbox-icon i {
      border: 1px #fff solid;
      color: #fff !important; }
      .index_icon_div2:nth-child(n) .fbox-icon i:hover {
        background: #047c8c; }
    .index_icon_div2:nth-child(n) .index_icon_box {
      transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      border-bottom: 5px solid #eee; }
    .index_icon_div2:nth-child(n) .index_icon_title span {
      color: #777; }
    .index_icon_div2:nth-child(n) .index_icon_text {
      color: #fff; }
    .index_icon_div2:nth-child(n):hover, .index_icon_div2:nth-child(n):focus {
      background: #e6eff0; }
      .index_icon_div2:nth-child(n):hover .fbox-icon i, .index_icon_div2:nth-child(n):focus .fbox-icon i {
        color: #047c8c !important; }
      .index_icon_div2:nth-child(n):hover .index_icon_box, .index_icon_div2:nth-child(n):focus .index_icon_box {
        border-bottom: 5px solid #047c8c; }
      .index_icon_div2:nth-child(n):hover .index_icon_title span, .index_icon_div2:nth-child(n):focus .index_icon_title span {
        color: #047c8c !important; }
      .index_icon_div2:nth-child(n):hover .index_icon_text, .index_icon_div2:nth-child(n):focus .index_icon_text {
        color: #fff; }
  .index_icon_div2 .fbox-icon {
    margin: 0 auto 10px !important; }

.index_announcement {
  background: #fff;
  padding: 20px;
  border: 1px solid #DDD; }
  .index_announcement .index_announcement_sub {
    margin: 0 0 5px; }
  .index_announcement .index_announcement_sub_div {
    border-bottom: 1px #ddd dashed;
    padding: 5px 15px; }
  .index_announcement .time {
    color: #555;
    vertical-align: middle; }

.index_tabs .tab-nav li a {
  padding: 0 !important; }

.index_tabs .tab-nav li.ui-tabs-active a {
  border-top: 2px solid #047c8c !important;
  color: #047c8c; }

.index_tabs .index_tab_main {
  padding: 10px 10px;
  margin: 0 0 15px;
  border-bottom: 5px #ddd solid; }
  .index_tabs .index_tab_main:hover, .index_tabs .index_tab_main:focus {
    background: #f5f5f5;
    border-bottom: 5px #047c8c solid;
    box-shadow: 0 0 10px #aaa;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; }
  .index_tabs .index_tab_main .main_img {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%; }
    .index_tabs .index_tab_main .main_img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 100%; }
  .index_tabs .index_tab_main .main_content .main_time {
    font-size: 16px; }
  .index_tabs .index_tab_main .main_content h3 {
    font-size: 24px;
    margin: 10px 0;
    height: 75px;
    white-space: normal;
    overflow: hidden; }
  .index_tabs .index_tab_main .main_content p {
    font-size: 18px;
    margin: 11px 0 11px;
    overflow: hidden;
    height: 65px; }

.index_tabs .index_tab_sub {
  padding: 10px;
  margin: 0 0 10px;
  border-bottom: 5px #ddd solid; }
  .index_tabs .index_tab_sub:hover, .index_tabs .index_tab_sub:focus {
    background: #f5f5f5;
    border-bottom: 5px #047c8c solid;
    box-shadow: 0 0 10px #aaa;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; }
  .index_tabs .index_tab_sub .sub_img {
    overflow: hidden;
    position: relative;
    padding-bottom: 56.25%; }
    .index_tabs .index_tab_sub .sub_img img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      min-height: 100%; }
  .index_tabs .index_tab_sub .row {
    align-items: center; }
  .index_tabs .index_tab_sub .sub_title {
    /*overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;*/
    margin: 10px 0 10px 0;
    height: 55px;
    overflow: hidden;
    font-size: 18px; }
  .index_tabs .index_tab_sub .sub_time {
    font-size: 16px;
    right: 0;
    top: 10px; }

.index_dr_search_area {
  background: url(../images/dr_search_bg.png);
  background-size: cover;
  background-position: center;
  padding-right: 0;
  padding-left: 0; }

.index_interview_div .interview_main_div {
  position: relative;
  overflow: hidden;
  margin: 0 0 30px; }
  .index_interview_div .interview_main_div .img img {
    width: 100%; }
  .index_interview_div .interview_main_div .text {
    height: auto;
    max-height: 270px;
    overflow: hidden; }
    .index_interview_div .interview_main_div .text h3 {
      font-size: 21px;
      color: #047c8c;
      margin: 0 0 10px; }
    .index_interview_div .interview_main_div .text p {
      font-size: 16px;
      margin: 0; }
  .index_interview_div .interview_main_div:hover .text, .index_interview_div .interview_main_div:focus .text {
    /*bottom: 0;*/ }

.index_interview_div .interview_sub_div {
  margin: 0 0 30px; }
  .index_interview_div .interview_sub_div .img img {
    width: 100%; }
  .index_interview_div .interview_sub_div .text {
    height: auto;
    max-height: 150px;
    overflow: hidden; }
    .index_interview_div .interview_sub_div .text h3 {
      font-size: 18px;
      color: #047c8c;
      margin: 5px 0 5px; }
    .index_interview_div .interview_sub_div .text p {
      font-size: 16px;
      margin: 0; }
  .index_interview_div .interview_sub_div h3, .index_interview_div .interview_sub_div p {
    margin: 0; }

#index_owlslider .owl-nav .owl-prev, #index_phone_owlslider .owl-nav .owl-prev {
  left: 15px; }

#index_owlslider .owl-nav .owl-next, #index_phone_owlslider .owl-nav .owl-next {
  right: 15px; }

#index_owlslider .owl-dots, #index_phone_owlslider .owl-dots {
  bottom: 20px;
  width: 100%;
  position: absolute; }
  #index_owlslider .owl-dots .owl-dot, #index_phone_owlslider .owl-dots .owl-dot {
    background-color: #ffffff;
    width: 15px;
    height: 15px;
    margin: 0 7px 0 7px; }

.images_card {
  background-repeat: no-repeat;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  height: 400px;
  position: relative; }
  .images_card .images_card_subdiv {
    position: absolute;
    padding: 20px;
    margin: 0px auto;
    left: 10%;
    width: 80%;
    background: rgba(255, 255, 255, 0.85); }
    .images_card .images_card_subdiv .pic {
      display: none; }
    .images_card .images_card_subdiv p {
      font-size: 18px; }

.img_div {
  overflow: hidden; }
  .img_div img {
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s; }
  .img_div:hover img {
    transform: scale(1.05); }

.knowledge_list {
  padding: 0 15px;
  position: relative; }
  .knowledge_list .row {
    padding: 20px; }
  .knowledge_list .knowledge_list_sub {
    box-sizing: border-box;
    padding: 10px;
    margin: 30px 0;
    border: 1px #ddd solid; }
    .knowledge_list .knowledge_list_sub:hover, .knowledge_list .knowledge_list_sub:focus {
      box-shadow: 0 0 10px #aaa;
      -moz-transition: all .3s ease-in;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in; }
    .knowledge_list .knowledge_list_sub .knowledge_title {
      margin: 0 0 0px;
      color: #047c8c;
      font-size: 21px;
      position: relative;
      margin: -60px 0 0 0; }
      .knowledge_list .knowledge_list_sub .knowledge_title h3 {
        /*background: #fff;
                display: inline-block;
                padding: 0 30px;*/
        background: #047c8c url(../images/test_bg.png);
        text-shadow: 1px 1px 8px #555;
        color: #ffffff;
        border-radius: 45px;
        display: inline-block;
        padding: 10px 30px;
        font-size: 28px;
        box-shadow: 1px 1px 5px #777; }
      .knowledge_list .knowledge_list_sub .knowledge_title a {
        color: #047c8c;
        font-weight: bold; }
    .knowledge_list .knowledge_list_sub .knowledge_img {
      margin: 0 0 10px; }
      .knowledge_list .knowledge_list_sub .knowledge_img img {
        width: 100%; }
    .knowledge_list .knowledge_list_sub .knowledge_content {
      padding: 0 3%; }
      .knowledge_list .knowledge_list_sub .knowledge_content .knowledge_time {
        font-size: 16px;
        color: #555; }
      .knowledge_list .knowledge_list_sub .knowledge_content .knowledge_content_text {
        padding: 0;
        font-size: 18px;
        clear: both;
        /*max-height: 5.4rem;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 3;*/
        margin-bottom: 0;
        height: 165px;
        overflow: hidden; }
  .knowledge_list .images_right .knowledge_img {
    /*position: absolute;
            right: 0;*/ }

.knowledge_detail_content .knowledge_detail_top {
  position: relative; }
  .knowledge_detail_content .knowledge_detail_top:hover .top_img img {
    transform: scale(1.1);
    opacity: 0.8; }
  .knowledge_detail_content .knowledge_detail_top .top_img {
    overflow: hidden; }
    .knowledge_detail_content .knowledge_detail_top .top_img img {
      transition: all 0.3s;
      -o-transition: all 0.3s;
      -webkit-transition: all 0.3s; }
  .knowledge_detail_content .knowledge_detail_top .text {
    position: absolute;
    top: 0;
    background: rgba(51, 51, 51, 0.5);
    height: 100%;
    width: 100%;
    padding: 10%;
    overflow: hidden;
    font-size: 28px;
    line-height: 1.6em;
    font-weight: bold;
    color: #fff;
    text-align: justify; }

.knowledge_detail_content #article_carousel .owl-dots .owl-dot, .knowledge_detail_content #dr_carousel .owl-dots .owl-dot, .knowledge_detail_content #video_carousel .owl-dots .owl-dot {
  width: 12px;
  height: 12px; }

.knowledge_detail_content #article_carousel .owl-nav [class*=owl-], .knowledge_detail_content #dr_carousel .owl-nav [class*=owl-], .knowledge_detail_content #video_carousel .owl-nav [class*=owl-] {
  opacity: 1 !important;
  width: 50px !important;
  height: 50px !important;
  font-size: 50px !important; }

.knowledge_detail_content #article_carousel .owl-next i, .knowledge_detail_content #dr_carousel .owl-next i, .knowledge_detail_content #video_carousel .owl-next i {
  margin: 0 -5px 0 0 !important;
  font-weight: bolder; }

.knowledge_detail_content #article_carousel .owl-prev i, .knowledge_detail_content #dr_carousel .owl-prev i, .knowledge_detail_content #video_carousel .owl-prev i {
  margin: 0 0 0 -5px !important;
  font-weight: bolder; }

.knowledge_detail_content .knowledge_detail_article, .knowledge_detail_content .knowledge_detail_doctor, .knowledge_detail_content .knowledge_detail_video {
  padding: 40px 20px; }
  .knowledge_detail_content .knowledge_detail_article .knowledge_detail_title, .knowledge_detail_content .knowledge_detail_doctor .knowledge_detail_title, .knowledge_detail_content .knowledge_detail_video .knowledge_detail_title {
    margin-bottom: 40px; }
  .knowledge_detail_content .knowledge_detail_article .article_subdiv, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv, .knowledge_detail_content .knowledge_detail_video .article_subdiv {
    margin: 0 0 30px;
    background: #fff; }
    .knowledge_detail_content .knowledge_detail_article .article_subdiv:hover, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv:hover, .knowledge_detail_content .knowledge_detail_video .article_subdiv:hover {
      box-shadow: 2px 2px 5px #ddd;
      transition: all 0.2s; }
      .knowledge_detail_content .knowledge_detail_article .article_subdiv:hover .article_img img, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv:hover .article_img img, .knowledge_detail_content .knowledge_detail_video .article_subdiv:hover .article_img img {
        transform: scale(1.1);
        opacity: 0.8; }
    .knowledge_detail_content .knowledge_detail_article .article_subdiv .article_img, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_img, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_img {
      height: 160px;
      overflow: hidden; }
      .knowledge_detail_content .knowledge_detail_article .article_subdiv .article_img img, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_img img, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_img img {
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s; }
    .knowledge_detail_content .knowledge_detail_article .article_subdiv .article_title, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_title, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_title {
      color: #333;
      padding: 10px;
      margin: 0;
      height: 90px;
      line-height: 36px;
      overflow: hidden;
      display: flex; }
      .knowledge_detail_content .knowledge_detail_article .article_subdiv .article_title span, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_title span, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_title span {
        color: #333;
        align-self: center;
        text-align: center;
        width: 100%;
        height: 60px;
        line-height: 30px;
        overflow: hidden; }
  .knowledge_detail_content .knowledge_detail_article .doctor_subdiv, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv {
    margin: 0 0 30px;
    background: #fff; }
    .knowledge_detail_content .knowledge_detail_article .doctor_subdiv:hover, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv:hover, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv:hover {
      box-shadow: 2px 2px 5px #ddd;
      transition: all 0.2s; }
      .knowledge_detail_content .knowledge_detail_article .doctor_subdiv:hover .doctor_img img, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv:hover .doctor_img img, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv:hover .doctor_img img {
        transform: scale(1.1);
        opacity: 0.8; }
    .knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_img, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_img, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_img {
      height: 250px;
      overflow: hidden; }
      .knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_img img, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_img img, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_img img {
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s; }
    .knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_title, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_title, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_title {
      color: #047c8c;
      padding: 10px;
      margin: 0;
      font-size: 21px; }
    .knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_name, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_name, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_name {
      padding: 0 10px 10px;
      margin: 0; }
  .knowledge_detail_content .knowledge_detail_article .video_subdiv, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv, .knowledge_detail_content .knowledge_detail_video .video_subdiv {
    margin: 0 0 30px;
    background: #fff; }
    .knowledge_detail_content .knowledge_detail_article .video_subdiv:hover, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv:hover, .knowledge_detail_content .knowledge_detail_video .video_subdiv:hover {
      box-shadow: 2px 2px 5px #ddd;
      transition: all 0.2s; }
      .knowledge_detail_content .knowledge_detail_article .video_subdiv:hover .video_img img, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv:hover .video_img img, .knowledge_detail_content .knowledge_detail_video .video_subdiv:hover .video_img img {
        transform: scale(1.1);
        opacity: 0.8; }
    .knowledge_detail_content .knowledge_detail_article .video_subdiv .video_img, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv .video_img, .knowledge_detail_content .knowledge_detail_video .video_subdiv .video_img {
      overflow: hidden; }
      .knowledge_detail_content .knowledge_detail_article .video_subdiv .video_img img, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv .video_img img, .knowledge_detail_content .knowledge_detail_video .video_subdiv .video_img img {
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s; }
    .knowledge_detail_content .knowledge_detail_article .video_subdiv .video_title, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv .video_title, .knowledge_detail_content .knowledge_detail_video .video_subdiv .video_title {
      padding: 10px;
      margin: 0;
      height: 90px;
      line-height: 36px;
      overflow: hidden;
      display: flex; }
      .knowledge_detail_content .knowledge_detail_article .video_subdiv .video_title span, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv .video_title span, .knowledge_detail_content .knowledge_detail_video .video_subdiv .video_title span {
        align-self: center;
        text-align: center;
        width: 100%;
        height: 60px;
        line-height: 30px;
        overflow: hidden; }

.knowledge_detail_content .knowledge_detail_start, .knowledge_detail_content .knowledge_detail_end {
  padding: 40px 0px;
  display: inline-block;
  width: 100%; }
  .knowledge_detail_content .knowledge_detail_start p, .knowledge_detail_content .knowledge_detail_start span, .knowledge_detail_content .knowledge_detail_start li, .knowledge_detail_content .knowledge_detail_end p, .knowledge_detail_content .knowledge_detail_end span, .knowledge_detail_content .knowledge_detail_end li {
    font-size: 21px; }

.knowledge_detail_content .knowledge_detail_article {
  background: #f5f5f5;
  clear: both; }

.knowledge_detail_content .knowledge_detail_doctor {
  clear: both; }

.knowledge_detail_content .knowledge_detail_video {
  background: #f5f5f5;
  clear: both; }

.link_btn, .back_btn {
  margin: 20px auto 10px;
  text-align: center; }

.link_div > h2 {
  color: #3f8acd;
  text-align: center;
  width: 100%;
  margin: 20px 0; }

.link_div .link_item {
  margin: 0 0 50px; }
  .link_div .link_item .link_images img {
    width: 100%; }
  .link_div .link_item .link_title h3 {
    font-size: 21px;
    margin: 10px 0px;
    line-height: 24px;
    border-left: 5px solid #047c8c;
    padding: 0 0 0 5px;
    font-weight: bold; }
    .link_div .link_item .link_title h3 a {
      color: #047c8c; }
  .link_div .link_item .link_text i {
    margin-right: 10px; }
  .link_div .link_item .link_text p {
    font-size: 16px;
    margin: 0 0 0px; }

.language_div {
  float: left;
  position: relative;
  margin: 18px 15px 0 15px; }
  .language_div a {
    padding: 3px 10px;
    background: #aaa;
    border-radius: 5px;
    color: #fff;
    margin: 0 5px 5px 0;
    display: inline-block; }
    .language_div a:hover, .language_div a:focus {
      background: #047c8c; }

.main_div {
  margin: 60px 0 40px;
  padding: 30px 5%;
  background: white;
  border: 1px #efefef solid;
  box-shadow: 0px 0px 10px #ddd; }
  .main_div .main_title {
    border-left: 5px #047c8c solid;
    padding: 0 0.5em;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    background: #eef6f6; }
    .main_div .main_title h2 {
      margin: 0 0.5em 0 0;
      display: inline-block;
      color: #047c8c;
      font-size: 28px; }
    .main_div .main_title span {
      color: #aaa;
      display: inline-block;
      margin: 0; }
  .main_div .main_content {
    position: relative; }
    .main_div .main_content .main_subtitle h3 {
      color: #3f8acd; }
    .main_div .main_content .main_subtitle a {
      color: #3f8acd; }
    .main_div .main_content .main_subtitle span {
      border-bottom: 3px solid #3f8acd;
      color: #3f8acd !important;
      padding: 0 10px 0 0px;
      letter-spacing: 1px; }
    .main_div .main_content .main_subtitle i {
      margin: 0 3px 0; }
    .main_div .main_content ul, .main_div .main_content ol {
      margin-left: 40px; }
  .main_div .line-sm {
    margin: 20px 0; }
  .main_div table thead tr {
    background: #047c8c url(../images/test_bg.png);
    font-weight: bold;
    color: #fff; }
  .main_div .table-middle * {
    vertical-align: middle !important; }

.modal-open {
  overflow: hidden; }
  .modal-open .modal {
    will-change: display;
    -webkit-transform: translate3d(0, 0, 50px);
    -webkit-overflow-scrolling: touch; }
    .modal-open .modal .modal-dialog {
      will-change: transform;
      -webkit-transform: translate3d(0, 0, 50px); }
      .modal-open .modal .modal-dialog > .modal-body {
        -webkit-transform: translate3d(0, 0, 100px); }
        .modal-open .modal .modal-dialog > .modal-body .modal-content {
          -webkit-transform: translate3d(0, 0, 200px); }
          .modal-open .modal .modal-dialog > .modal-body .modal-content * {
            -webkit-transform: translate3d(0, 0, 300px);
            -webkit-overflow-scrolling: touch; }
          .modal-open .modal .modal-dialog > .modal-body .modal-content .modal-body {
            -webkit-transform: translate3d(0, 0, 300px);
            overflow: auto;
            -webkit-overflow-scrolling: touch; }

#Modal_Symptom .modal-body .item, #Modal_BodyPart .modal-body .item {
  text-align: center; }
  #Modal_Symptom .modal-body .item:hover, #Modal_BodyPart .modal-body .item:hover {
    background: #f5f5f5;
    border-bottom: 5px #047c8c solid;
    transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s; }
  #Modal_Symptom .modal-body .item img, #Modal_BodyPart .modal-body .item img {
    width: 100%;
    max-width: 200px; }
  #Modal_Symptom .modal-body .item .text, #Modal_BodyPart .modal-body .item .text {
    margin: 10px 0 0 0; }

.news_search, .doctor_search, .theme_search, .event_search {
  margin: 0 0 20px;
  display: inline-block;
  width: 100%; }
  .news_search select, .doctor_search select, .theme_search select, .event_search select {
    width: auto;
    float: left;
    margin: 0 10px 0 0;
    height: 50px !important;
    padding: 0 15px; }
    .news_search select optgroup.title, .doctor_search select optgroup.title, .theme_search select optgroup.title, .event_search select optgroup.title {
      background: #ddd;
      color: #333; }
  .news_search .search_bar, .doctor_search .search_bar, .theme_search .search_bar, .event_search .search_bar {
    margin: 0;
    width: 280px !important;
    height: 50px; }

.news_status {
  padding: 15px;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  background: #f5f5f5;
  position: relative;
  clear: both; }

.news_list {
  padding: 0 15px; }
  .news_list > .row > div:nth-child(even) {
    background: #f9f9f9; }
  .news_list[class*="dep_custom_list"] > .row > div {
    background: none; }
  .news_list[class*="dep_custom_list"] .news_list_sub {
    border-bottom: 0px #ddd solid; }
  .news_list .news_list_sub {
    box-sizing: border-box;
    padding: 20px 15px;
    border-bottom: 1px #ddd solid; }
    .news_list .news_list_sub:hover, .news_list .news_list_sub:focus {
      background: #e9f3f5 !important;
      box-shadow: 0 0 10px #aaa;
      -moz-transition: all .3s ease-in;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in;
      z-index: 1; }
    .news_list .news_list_sub .news_img {
      padding: 0 0 0 15px;
      margin: 0 0 10px; }
      .news_list .news_list_sub .news_img img {
        width: 100%; }
    .news_list .news_list_sub .news_content .news_title {
      margin: 0;
      color: #3f8acd;
      font-size: 21px;
      max-height: 3em;
      overflow: hidden; }
      .news_list .news_list_sub .news_content .news_title a {
        color: #3f8acd;
        font-weight: bold; }
    .news_list .news_list_sub .news_content .news_time {
      font-size: 16px;
      color: #555; }
    .news_list .news_list_sub .news_content .news_content_text {
      padding: 0;
      font-size: 16px;
      clear: both;
      max-height: 5.4rem;
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      margin-bottom: 0; }

.news_ArticleContent > div {
  line-height: 1.4 !important; }
  .news_ArticleContent > div * {
    line-height: 1.4 !important; }

.news_ArticleContent * {
  line-height: 1.95 !important; }

.news_ArticleContent a {
  color: #3f8acd; }

.news_ArticleContent_EN > div {
  line-height: 1.2 !important; }
  .news_ArticleContent_EN > div * {
    line-height: 1.2 !important; }

.news_ArticleContent_EN * {
  line-height: 1.4 !important; }

.news_ArticleContent_EN a {
  color: #3f8acd; }

.no_data {
  padding: 0px; }
  .no_data p {
    padding: 20%;
    text-align: center;
    font-size: 21px;
    margin: 0;
    border-bottom: 1px solid #ddd; }

.newdr_div .owl-item {
  padding: 15px; }
  .newdr_div .owl-item:hover, .newdr_div .owl-item:focus {
    border-bottom: 5px #047c8c solid;
    background: #fff;
    box-shadow: 0 0 10px #aaa;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; }

.newdr_div h4 {
  margin: 10px 0 0 0;
  text-align: center;
  color: #047c8c; }

.newdr_div .dep {
  text-align: center;
  background: #aaa;
  color: #fff !important;
  font-size: 16px;
  padding: 0px 5px;
  border-radius: 5px;
  margin: 5px auto;
  display: table; }
  .newdr_div .dep:hover, .newdr_div .dep:focus {
    background: #3f8acd;
    color: #fff; }

.newdr_month .title {
  padding: 30px 0px 30px 30px; }
  .newdr_month .title h3 {
    padding: 15px; }
    .newdr_month .title h3 span.month {
      font-size: 50px;
      color: #ffeb3b; }
    .newdr_month .title h3 br {
      display: block; }

.onlineappointment_title {
  background: #047c8c url(../images/test_bg.png);
  text-align: center;
  color: #fff;
  margin-bottom: 15px;
  padding: 15px; }

.onlineappointment_box {
  background: #efefef;
  padding: 0px 15px 15px;
  margin: 0 0 15px; }
  .onlineappointment_box h3 {
    padding: 10px 15px 0;
    margin: 0px 0 10px;
    color: #555;
    text-align: center; }
  .onlineappointment_box .row p {
    margin: 0;
    padding: 0 15px; }
    .onlineappointment_box .row p a.link_btn {
      padding: 1px;
      margin: 5px auto;
      width: 100%;
      display: block;
      color: #ffffff !important;
      text-align: center;
      letter-spacing: 3px;
      font-weight: bold;
      font-size: 21px;
      border-bottom: 5px solid rgba(0, 0, 0, 0.15);
      background: #047c8c; }
      .onlineappointment_box .row p a.link_btn:hover, .onlineappointment_box .row p a.link_btn:focus {
        transition: .5s ease all;
        background: #ff6600;
        text-decoration: none !important; }

.onlineappointment_toparea .sub_div {
  text-align: center; }

.onlineappointment_toparea .sub_img {
  width: 100%;
  border-radius: 50%;
  padding-bottom: 100%;
  background: #20c997;
  text-align: center;
  color: #fff;
  position: relative; }
  .onlineappointment_toparea .sub_img i {
    position: absolute;
    font-size: 50px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

.onlineappointment_toparea .sub_text {
  margin-top: 15px; }

.onlinedivision_box {
  background: #f5f5f5;
  margin: 30px 0;
  padding: 0;
  /*&:nth-child(2) .title {
        background-color: #f29a83 !important;
    }

    &:nth-child(3) .title {
        background-color: #81c4de !important;
    }

    &:nth-child(4) .title {
        background-color: #f8d07f !important;
    }

    &:nth-child(5) .title {
        background-color: #d7a7e4 !important;
    }*/ }
  .onlinedivision_box .title {
    padding: 10px;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 28px;
    font-weight: bold; }
  .onlinedivision_box .dep_nm_odd, .onlinedivision_box .dep_nm_even, .onlinedivision_box .dep_nm_div {
    margin: 0;
    padding: 7px 10px;
    text-align: left; }
    .onlinedivision_box .dep_nm_odd a, .onlinedivision_box .dep_nm_odd span, .onlinedivision_box .dep_nm_even a, .onlinedivision_box .dep_nm_even span, .onlinedivision_box .dep_nm_div a, .onlinedivision_box .dep_nm_div span {
      padding: 5px;
      display: block;
      color: #555;
      background: #fff;
      border: 1px #ddd solid;
      border-left: 10px #d5caab solid; }
      .onlinedivision_box .dep_nm_odd a:hover, .onlinedivision_box .dep_nm_odd a:focus, .onlinedivision_box .dep_nm_odd span:hover, .onlinedivision_box .dep_nm_odd span:focus, .onlinedivision_box .dep_nm_even a:hover, .onlinedivision_box .dep_nm_even a:focus, .onlinedivision_box .dep_nm_even span:hover, .onlinedivision_box .dep_nm_even span:focus, .onlinedivision_box .dep_nm_div a:hover, .onlinedivision_box .dep_nm_div a:focus, .onlinedivision_box .dep_nm_div span:hover, .onlinedivision_box .dep_nm_div span:focus {
        background: #fff;
        box-shadow: 0 0 10px #aaa;
        -moz-transition: all .3s ease-in;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in; }
  .onlinedivision_box > .row {
    padding: 15px;
    margin: 0; }
  .onlinedivision_box .dep_nm_sub {
    margin: 20px 0;
    padding: 0;
    background: #fff;
    border: 1px solid #e6e4de; }
    .onlinedivision_box .dep_nm_sub .dep_nm_sub_title {
      padding: 0 5px;
      background: #e6e4de;
      text-align: center;
      width: 100%; }
      .onlinedivision_box .dep_nm_sub .dep_nm_sub_title a, .onlinedivision_box .dep_nm_sub .dep_nm_sub_title span {
        padding: 5px 0;
        display: block;
        color: #555;
        font-weight: bold;
        font-size: 21px; }
    .onlinedivision_box .dep_nm_sub > .row {
      padding: 15px 25px; }

#primary-menu {
  background: #eee; }
  #primary-menu ul li > a {
    display: block;
    line-height: 40px;
    padding: 0px 10px !important;
    margin: 30px 0 !important;
    color: #444;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: sans-serif, 微軟正黑體;
    -webkit-transition: margin .4s ease, padding .4s ease;
    -o-transition: margin .4s ease, padding .4s ease;
    transition: margin .4s ease, padding .4s ease; }
    #primary-menu ul li > a:hover {
      color: #444 !important;
      background-color: #ccc !important; }
  #primary-menu ul li:hover > a {
    color: #444;
    background-color: rgba(245, 245, 245, 0); }

#page-title {
  background-size: cover;
  padding: 50px 0;
  /*background: $primary-color url(../images/page_topbanner_test01.png) no-repeat;*/
  background: #fff url(../images/page_topbanner_test01.png) no-repeat;
  background-position: right !important;
  border-bottom: 0px solid #EEE; }
  #page-title > div {
    height: 60px; }
  #page-title h1 {
    color: #047c8c;
    text-transform: unset; }
  #page-title span {
    color: #777;
    margin-top: 5px; }

.content-wrap {
  /*background: #f5f5f5 url(../images/page_bg2.png) fixed no-repeat center 75%;*/
  background: #f5f5f5 url(../images/page_botoom_bg.png) no-repeat center bottom;
  background-size: 100%;
  padding: 0 0 60px !important;
  min-height: 700px; }

.page_tab .tab-nav li a {
  padding: 0 !important;
  font-size: 16px !important; }

.page_tab .page_tab_main {
  margin: 0 0 10px; }

.page_tab .page_tab_sub {
  padding: 10px 0 10px !important;
  border-bottom: 1px #ddd dashed; }
  .page_tab .page_tab_sub:hover, .page_tab .page_tab_sub:focus {
    background: #f5f5f5; }
  .page_tab .page_tab_sub .row {
    align-items: center; }
  .page_tab .page_tab_sub .sub_title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .page_tab .page_tab_sub .sub_time {
    text-align: right;
    font-size: 16px; }
    .page_tab .page_tab_sub .sub_time i {
      margin-right: 3px; }

.pagination_div {
  margin: 30px 0 0;
  text-align: center;
  width: 100%; }
  .pagination_div .pagination {
    display: block;
    margin: 0 !important; }
    .pagination_div .pagination li {
      display: inline-block;
      margin: 5px 0; }
      .pagination_div .pagination li .page-link {
        white-space: nowrap; }
    .pagination_div .pagination .page-item.active .page-link, .pagination_div .pagination .page-link:hover, .pagination_div .pagination .page-link:focus {
      color: #FFF !important;
      background-color: #047c8c !important;
      border-color: #047c8c !important; }

.public_trans_ul li {
  margin: 0 0 10px 0; }

.portfolio-filter li a {
  font-size: 16px; }

.portfolio-filter li.activeFilter a {
  background-color: #047c8c; }
  .portfolio-filter li.activeFilter a :hover {
    color: #047c8c; }

.portfolio .portfolio-item:hover .portfolio-image img {
  transition: transform .4s ease-in-out;
  transform: scale(1.1); }

.QA_accordion .acctitle {
  font-size: 18px;
  padding: 0 50px 0 15px !important; }
  .QA_accordion .acctitle:hover, .QA_accordion .acctitle:focus {
    background-color: #ddd; }
  .QA_accordion .acctitle i {
    right: 15px;
    left: auto !important;
    line-height: 45px !important;
    font-size: 21px;
    margin-right: 5px;
    position: absolute; }

.QA_accordion .acctitlec {
  background-color: #047c8c !important;
  color: #fff; }

.QA_accordion .acc_content {
  padding: 25px 15px 40px !important; }

.QA_accordion ul {
  list-style: none; }

.question_list {
  padding: 0 15px; }
  .question_list > .row > div:nth-child(even) {
    background: #f9f9f9; }
  .question_list .question_subdiv {
    display: inline-block;
    box-sizing: border-box;
    padding: 20px 10px;
    border-bottom: 1px #ddd solid; }
    .question_list .question_subdiv:hover, .question_list .question_subdiv:focus {
      background: #e9f3f5 !important;
      box-shadow: 0 0 10px #aaa;
      -moz-transition: all .3s ease-in;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in;
      z-index: 1; }
    .question_list .question_subdiv .feature-box {
      padding: 0px 0 0 90px; }
    .question_list .question_subdiv .fbox-icon {
      left: 10px; }
      .question_list .question_subdiv .fbox-icon .states_question {
        background: #047c8c;
        color: #fff;
        padding: 0px 0px;
        text-align: center;
        margin: 10px 0 0 0;
        border-radius: 5px; }
      .question_list .question_subdiv .fbox-icon .states_ok {
        background: #ff6600;
        color: #fff;
        padding: 0px 0px;
        text-align: center;
        margin: 10px 0 0 0;
        border-radius: 5px; }
    .question_list .question_subdiv .name {
      font-weight: bold;
      font-size: 18px;
      color: #333;
      margin-right: 5px; }
    .question_list .question_subdiv .time {
      font-size: 16px; }
    .question_list .question_subdiv .question_list_content {
      overflow: hidden;
      max-height: 65px;
      color: #333; }
    .question_list .question_subdiv .icon-question {
      background-color: #047c8c !important; }
      .question_list .question_subdiv .icon-question:after {
        box-shadow: 0 0 0 2px #047c8c !important; }
    .question_list .question_subdiv .icon-ok {
      background-color: #ff6600 !important; }
      .question_list .question_subdiv .icon-ok:after {
        box-shadow: 0 0 0 2px #ff6600 !important; }
    .question_list .question_subdiv .title {
      display: inline-block;
      font-size: 21px; }

.question_detail {
  padding: 15px;
  background: #f5f5f5;
  display: flex;
  flex-wrap: wrap; }
  .question_detail h3 {
    width: 100%;
    margin: 0 10px 10px; }
  .question_detail .img {
    width: 100px;
    margin: 0px 20px 0 5px; }
  .question_detail .status_q {
    background: #047c8c;
    color: #fff;
    padding: 0px 15px;
    text-align: center;
    margin: 0 0 10px 0;
    border-radius: 5px;
    display: inline-block;
    float: right; }
  .question_detail .status_a {
    background: #ff6600;
    color: #fff;
    padding: 0px 15px;
    text-align: center;
    margin: 0 0 10px 0;
    border-radius: 5px;
    display: inline-block; }
  .question_detail .content {
    flex: 1; }
    .question_detail .content p {
      background: #ffffff;
      border: 1px #ddd solid;
      padding: 15px;
      margin: 0;
      border-radius: 10px;
      clear: both;
      word-break: break-word; }

.question_detail_q .img {
  margin: 0px 5px 0 20px; }

.related_article {
  background: #fff;
  padding: 15px;
  margin: 20px 0 20px 0px;
  box-shadow: 0px 0px 10px #ddd; }
  .related_article .title h3 {
    border-bottom: 1px solid #ddd; }
    .related_article .title h3 span {
      border-bottom: 3px solid #047c8c;
      padding: 0 5px;
      color: #047c8c !important; }
  .related_article .related_article_sub a {
    padding: 0; }
  .related_article .related_article_sub span {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  .related_article .related_article_sub2 a {
    padding: 0; }
  .related_article .related_article_sub2 .content {
    padding: 0;
    margin: 10px 0 0;
    height: 1.8em;
    overflow: hidden; }
    .related_article .related_article_sub2 .content .title {
      border-left: 5px solid #047c8c;
      padding: 0 5px;
      color: #047c8c;
      font-weight: bold;
      font-size: 18px; }
    .related_article .related_article_sub2 .content .subtitle {
      font-size: 16px;
      color: #777; }

.Recruit_div {
  background: url(../images/Recruit_01.jpg) top center; }

.Recruit_content ul {
  margin: 0 0 15px; }
  .Recruit_content ul h3 {
    margin: 0 0 5px; }

.RightSideArea {
  background: #fff;
  position: fixed;
  top: 20%;
  right: 10px;
  width: 10%;
  max-width: 100px;
  z-index: 100;
  box-shadow: -1px 1px 5px #777;
  display: none;
  transition: right .2s ease-in-out; }

.search_bar {
  position: relative;
  float: left;
  margin: 5px 0;
  width: 250px;
  height: 50px;
  /*google search*/
  /*google search*/ }
  .search_bar .search_div input {
    width: 100%;
    float: left;
    height: 50px; }
  .search_bar .button {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 35px;
    height: 35px;
    padding: 0;
    background-color: #047c8c;
    margin: 5px 5px 0px 0px; }
    .search_bar .button:hover, .search_bar .button:focus {
      background-color: #047c8c; }
  .search_bar .cse .gsc-control-cse, .search_bar .gsc-control-cse {
    padding: 8px 0 0 0; }
  .search_bar .gsib_a {
    padding: 6px 9px 5px 9px; }
  .search_bar #gs_id50 {
    margin-bottom: 0; }
  .search_bar .gsc-input {
    width: 200px;
    margin-bottom: 0; }
  .search_bar .gsc-search-button .gsc-search-button-v2 {
    width: 40px;
    height: 38px;
    padding: 0;
    background-color: #047c8c;
    margin: 0;
    cursor: pointer;
    border: 0px solid #fff; }
    .search_bar .gsc-search-button .gsc-search-button-v2:hover, .search_bar .gsc-search-button .gsc-search-button-v2:focus {
      background-color: #ff6600; }
    .search_bar .gsc-search-button .gsc-search-button-v2 svg {
      width: 30px;
      height: 20px; }

.side_div {
  margin: 60px 0 40px;
  box-shadow: 0px 0px 10px #ddd; }
  .side_div h3 {
    padding: 10px;
    border-radius: 0;
    margin: 0;
    color: #fff;
    background: #047c8c url(../images/test_bg.png);
    text-align: center;
    font-size: 21px;
    text-shadow: 0px 0px 10px #555; }
  .side_div .widget {
    margin-top: 30px;
    background: white;
    border: 1px #efefef solid !important;
    padding: 0; }
  .side_div nav > ul {
    padding: 0;
    background: #fff;
    margin: 0; }
    .side_div nav > ul > li {
      border-bottom: 1px #ddd dashed;
      padding: 0px;
      /* 全部li */ }
      .side_div nav > ul > li a {
        width: 100%;
        background: none;
        padding: 10px 10%;
        font-size: 18px;
        color: #333;
        font-weight: normal;
        text-transform: unset;
        letter-spacing: 0;
        word-break: break-word; }
        .side_div nav > ul > li a:hover {
          background: #e9f3f5;
          color: #047c8c !important; }
        .side_div nav > ul > li a li a {
          color: #333;
          font-size: 16px; }
      .side_div nav > ul > li .have {
        color: #047c8c;
        margin: 0;
        width: 100%;
        padding: 10px 5%;
        font-size: 18px;
        font-weight: 600; }
        .side_div nav > ul > li .have i {
          font-size: 21px; }
      .side_div nav > ul > li h4 {
        color: #047c8c;
        margin: 0;
        width: 100%;
        padding: 10px 5%;
        font-size: 21px; }
        .side_div nav > ul > li h4:hover {
          background: #f5f5f5; }
        .side_div nav > ul > li h4 i {
          font-size: 21px; }
      .side_div nav > ul > li:last-child {
        border-bottom: 0px #ddd dashed; }
      .side_div nav > ul > li li a::before {
        content: "\e7a5";
        display: inline-block;
        font-family: 'font-icons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        width: 16px; }
      .side_div nav > ul > li li .have {
        font-size: 18px;
        color: #555; }
        .side_div nav > ul > li li .have i {
          font-size: 18px; }
        .side_div nav > ul > li li .have::before {
          content: "";
          display: none; }
      .side_div nav > ul > li li ul li a::before {
        content: "\e7a5";
        display: inline-block;
        font-family: 'font-icons';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: inherit;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 14px;
        width: 16px; }
    .side_div nav > ul > li.active {
      background: #f5f5f5; }
      .side_div nav > ul > li.active > a {
        color: #047c8c !important;
        font-weight: bold; }
        .side_div nav > ul > li.active > a:hover {
          color: #047c8c !important; }
      .side_div nav > ul > li.active li.active {
        background: #e5e5e5; }
        .side_div nav > ul > li.active li.active > a {
          color: #047c8c !important;
          font-weight: bold; }
          .side_div nav > ul > li.active li.active > a li a {
            color: #333; }
        .side_div nav > ul > li.active li.active a:hover {
          background: #c9c9c9;
          color: #047c8c !important;
          font-weight: bold; }
    .side_div nav > ul > li.in > a {
      color: #047c8c !important;
      font-weight: normal; }
    .side_div nav > ul li ul li ul {
      /*background: rgb(245, 245, 245);
               border-top: 1px solid rgb(221, 221, 221);
               border-bottom: 1px solid rgb(221, 221, 221);*/
      padding-left: 10px;
      padding-right: 10px; }
  .side_div nav ul ul {
    margin-left: 0;
    padding: 0 10px; }

.status_div {
  padding: 15px;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  background: #f5f5f5;
  position: relative;
  clear: both;
  display: flex;
  align-items: center;
  min-height: 70px; }
  .status_div .status_text {
    flex: 1; }

.sort_div {
  width: auto;
  float: right;
  right: 10px;
  position: absolute; }

.side_keyword a {
  color: #3f8acd;
  border: 1px #3f8acd solid;
  font-size: 14px;
  padding: 3px 5px;
  margin: 3px 2px;
  border-radius: 5px;
  display: inline-block; }
  .side_keyword a:hover, .side_keyword a:focus {
    background: #3f8acd;
    color: #fff; }

.share_div {
  right: 15px;
  top: 62%;
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px 15px 0;
  /* border: 1px #ddd solid; */
  z-index: 1000;
  box-shadow: 0px 0px 7px #777; }
  .share_div .share_text {
    margin: -40px 0 0 -15px;
    font-size: 14px;
    position: absolute;
    background: #047c8c;
    width: 75px;
    padding: 5px;
    color: #fff;
    text-align: center; }
  .share_div .icon {
    position: relative; }
    .share_div .icon .icon_link {
      position: relative;
      z-index: 2;
      margin: 0 0px 10px 0;
      display: block;
      width: 45px; }
    .share_div .icon .iconDetail {
      display: none; }
    .share_div .icon:hover .iconDetail {
      display: block;
      background: #777;
      position: absolute;
      top: 6px;
      right: 15px;
      height: 35px;
      line-height: 35px;
      z-index: 1;
      padding: 0px 40px 0 15px;
      border-radius: 15px;
      transition: all 0.2s ease-in; }
      .share_div .icon:hover .iconDetail a {
        color: #fff;
        white-space: nowrap; }

.step_div {
  background: #f5f5f5;
  padding: 15px; }
  .step_div > h3 {
    background: #047c8c url(../images/test_bg.png);
    padding: 5px 15px;
    color: #fff;
    display: inline-block; }
  .step_div .step_subdiv {
    clear: both;
    width: 100%;
    margin: 0 0 20px;
    display: inline-flex;
    align-items: center;
    background: #fff;
    padding: 15px;
    border: 1px #ddd solid;
    box-shadow: 2px 2px 5px #ddd; }
  .step_div .step_num {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    text-align: center;
    margin: 0 20px 0 0;
    min-width: 100px;
    min-height: 100px;
    background: #047c8c url(../images/test_bg.png);
    border-radius: 50px; }
    .step_div .step_num h3 {
      margin: 0;
      color: #fff; }
  .step_div .step_content {
    display: inline-block; }
    .step_div .step_content h3 {
      margin: 0 0 10px; }
    .step_div .step_content p {
      margin: 0; }

.step_div_square {
  background: #f5f5f5;
  padding: 15px; }
  .step_div_square > h3 {
    background: #047c8c url(../images/test_bg.png);
    padding: 5px 15px;
    color: #fff;
    display: inline-block; }
  .step_div_square .step_subdiv {
    clear: both;
    width: 100%;
    margin: 0 0 20px;
    display: inline-flex;
    background: #fff;
    padding: 0;
    border: 1px #ddd solid;
    box-shadow: 2px 2px 5px #ddd; }
  .step_div_square .step_num {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    text-align: center;
    margin: 0 0 0 0;
    min-width: 100px;
    min-height: 100%;
    background: #047c8c url(../images/test_bg.png);
    border-radius: 0; }
    .step_div_square .step_num h3 {
      margin: 0;
      color: #fff; }
  .step_div_square .step_content {
    display: inline-block;
    padding: 15px; }
    .step_div_square .step_content h3 {
      margin: 0 0 10px; }
    .step_div_square .step_content p {
      margin: 0; }

.SearchByDepartment_tabs .tab-nav, .SearchBySymptom_tabs .tab-nav {
  display: -webkit-flex;
  /* Safari */
  -webkit-flex-wrap: wrap;
  /* Safari 6.1+ */
  display: flex;
  flex-wrap: wrap;
  border-bottom: 0px solid #DDD !important; }
  .SearchByDepartment_tabs .tab-nav .ui-tabs-tab, .SearchBySymptom_tabs .tab-nav .ui-tabs-tab {
    height: auto;
    padding: 0;
    margin: 0 !important;
    border: 6px solid #fff; }
    .SearchByDepartment_tabs .tab-nav .ui-tabs-tab div, .SearchBySymptom_tabs .tab-nav .ui-tabs-tab div {
      padding: 5px;
      font-size: 18px; }
  .SearchByDepartment_tabs .tab-nav li.ui-tabs-active a, .SearchBySymptom_tabs .tab-nav li.ui-tabs-active a {
    border-top: 3px solid #047c8c !important;
    box-shadow: 0px 0px 15px #aaa; }

.SearchByDepartment_tabs .tab-content table th, .SearchBySymptom_tabs .tab-content table th {
  background: #047c8c url(../images/test_bg.png);
  color: #fff;
  font-size: 21px; }

.SearchByDepartment_tabs .tab-content table .col1, .SearchBySymptom_tabs .tab-content table .col1 {
  width: 150px;
  text-align: left; }

.SearchByDepartment_tabs .tab-content table .col2, .SearchBySymptom_tabs .tab-content table .col2 {
  text-align: left; }

.SearchBySymptom_tabs .tab-content table th {
  background: #047c8c url(../images/test_bg.png);
  color: #fff;
  font-size: 21px; }

.SearchBySymptom_tabs .tab-content table .col1 {
  width: 50%;
  text-align: left; }

.SearchBySymptom_tabs .tab-content table .col2 {
  text-align: left; }

.DymSchedule_table thead th {
  background: #047c8c;
  color: #fff;
  vertical-align: middle; }

.DymSchedule_table thead th.time {
  min-width: 80px;
  width: 5%; }

.DymSchedule_table thead th.week {
  min-width: 100px;
  width: 15%; }

.DymSchedule_table thead th.week2 {
  min-width: 100px;
  width: 10%; }

.DymSchedule_table tbody th {
  vertical-align: middle; }

.DymSchedule_table tbody td {
  vertical-align: middle; }
  .DymSchedule_table tbody td a {
    color: #047c8c;
    margin: 5px 0;
    display: block;
    text-align: left; }
    .DymSchedule_table tbody td a:hover, .DymSchedule_table tbody td a:focus {
      color: #047c8c;
      font-weight: bold; }
  .DymSchedule_table tbody td span {
    color: #555;
    display: block;
    text-align: left; }
  .DymSchedule_table tbody td br {
    display: none; }

.ServiceItem_div {
  margin: 0 0 30px; }
  .ServiceItem_div .title {
    color: #3f8acd;
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    margin: 0 0 20px; }
    .ServiceItem_div .title > i {
      margin: 0 10px -10px 0;
      font-size: 48px;
      vertical-align: sub; }
  .ServiceItem_div.doctor_div {
    margin: 0 0 30px; }
  .ServiceItem_div.file a {
    color: #777; }
    .ServiceItem_div.file a:hover, .ServiceItem_div.file afocus {
      color: #3f8acd; }
  .ServiceItem_div #dr_carousel .owl-dots .owl-dot, .ServiceItem_div #article_carousel .owl-dots .owl-dot {
    width: 12px;
    height: 12px; }
  .ServiceItem_div #dr_carousel .owl-nav [class*=owl-], .ServiceItem_div #article_carousel .owl-nav [class*=owl-] {
    opacity: 1 !important;
    width: 50px !important;
    height: 50px !important;
    font-size: 50px !important; }
  .ServiceItem_div #dr_carousel .owl-next i, .ServiceItem_div #article_carousel .owl-next i {
    margin: 0 -5px 0 0 !important;
    font-weight: bolder;
    position: relative;
    top: -25px;
    line-height: normal !important; }
  .ServiceItem_div #dr_carousel .owl-prev i, .ServiceItem_div #article_carousel .owl-prev i {
    margin: 0 0 0 -5px !important;
    font-weight: bolder;
    position: relative;
    top: -25px;
    line-height: normal !important; }

.SearchPage_carousel_div .owl-dots .owl-dot {
  display: none; }

.SearchPage_carousel_div .owl-item .content_div {
  padding: 5%; }
  .SearchPage_carousel_div .owl-item .content_div .img_div {
    overflow: hidden; }
    .SearchPage_carousel_div .owl-item .content_div .img_div:hover img, .SearchPage_carousel_div .owl-item .content_div .img_div:focus img {
      transform: scale(1.05); }

.SearchPage_GoogleSearch {
  float: none; }
  .SearchPage_GoogleSearch .gsc-control-cse {
    padding: 5px; }
    .SearchPage_GoogleSearch .gsc-control-cse .gsc-search-box {
      margin: 0; }
    .SearchPage_GoogleSearch .gsc-control-cse .gsc-input {
      margin: 0; }

.searchpage_sidemenu {
  margin: 0 0 10px;
  padding: 15px 25px;
  background: #D9EBED;
  border-top: 10px solid #047c8c;
  box-shadow: 0px 0px 10px #ddd; }
  .searchpage_sidemenu .togglet {
    font-size: 24px;
    padding: 0 0 0 28px;
    color: #047c8c;
    font-weight: bold; }
    .searchpage_sidemenu .togglet i {
      font-size: 21px;
      line-height: 26px; }
  .searchpage_sidemenu .togglec {
    padding: 15px 0; }
  .searchpage_sidemenu .nav-tree ul {
    background: none; }
    .searchpage_sidemenu .nav-tree ul li.sub-menu {
      border-bottom: 0px #ddd dashed; }
      .searchpage_sidemenu .nav-tree ul li.sub-menu a {
        color: #777;
        padding: 5px 5%; }

.searchpage_list > .row > div {
  background: none !important; }

#top-bar {
  height: 35px;
  line-height: 35px;
  background: #f5f5f5 url(../images/test_bg2.png); }
  #top-bar .top-links ul li {
    height: 35px;
    margin-right: 0px; }
    #top-bar .top-links ul li a {
      font-size: 16px;
      font-weight: normal;
      height: 35px; }

.timeline {
  position: relative;
  margin-bottom: 30px;
  padding: 15px; }
  .timeline::before {
    content: '';
    border-left: 2px solid #ddd;
    position: absolute;
    display: block;
    width: 4px;
    background: #ddd;
    top: 20px;
    bottom: 20px;
    margin-left: 40px; }
  .timeline .timeline_sub .year {
    position: relative;
    top: 0;
    left: 0px;
    border-radius: 40px;
    background: #047c8c url(../images/test_bg.png);
    padding: 20px 8px;
    width: 80px;
    height: 80px;
    display: inline-block;
    text-align: center;
    z-index: 2; }
    .timeline .timeline_sub .year span {
      color: #fff;
      font-size: 28px;
      font-weight: bold; }
  .timeline .timeline_sub .content {
    position: relative;
    margin: 10px 0 15px 80px; }
    .timeline .timeline_sub .content .date {
      font-size: 21px;
      color: #3f8acd;
      font-weight: bold;
      margin-right: 5px; }
      .timeline .timeline_sub .content .date::after {
        content: '';
        background: #1364ad url(../images/test_bg.png);
        width: 20px;
        height: 20px;
        border-radius: 10px;
        position: absolute;
        left: -48px;
        top: 7px;
        display: block; }
      .timeline .timeline_sub .content .date::before {
        content: '';
        background: #ddd;
        width: 20px;
        height: 4px;
        position: absolute;
        left: -30px;
        top: 15px;
        display: block;
        border-left: 2px solid #ddd; }
    .timeline .timeline_sub .content .text {
      font-size: 18px;
      margin: 0 0 0 20px; }
      .timeline .timeline_sub .content .text::before {
        content: '';
        background: #ddd;
        width: 10px;
        height: 10px;
        margin: 0 0 -5px 0;
        position: relative;
        left: -20px;
        top: 13px;
        display: block;
        border-radius: 20px; }
      .timeline .timeline_sub .content .text a {
        color: #047c8c; }
        .timeline .timeline_sub .content .text a:hover, .timeline .timeline_sub .content .text a:focus {
          color: #3f8acd; }

.tool_div {
  margin-bottom: 10px;
  text-align: right; }
  .tool_div a div {
    border: 1px solid #aaa;
    margin: 5px 0 5px 5px;
    padding: 5px 10px;
    display: inline-block;
    color: #333; }
    .tool_div a div:hover {
      border: 1px solid #047c8c;
      background: #efefef;
      color: #047c8c !important; }

.Volunteer_div {
  background: url(../images/Volunteer_01.jpg) top right; }

.website_list {
  margin: 0 0 20px;
  min-width: 150px; }
  .website_list .list_title {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 10px;
    border-left: 5px #555 solid; }
  .website_list .list_content {
    list-style: none;
    margin: 0 !important;
    font-size: 16px; }
  .website_list .list_item {
    margin: 0px 0 3px;
    font-weight: bold;
    padding: 0 0 3px;
    border-bottom: 1px #efefef solid; }
    .website_list .list_item i {
      margin: 0 10px 0 0px; }
    .website_list .list_item a {
      font-weight: normal; }

/*IE瀏覽器ICON問題修改*/
[class^="icon-"], [class*=" icon-"],
[class^="icon-line-"], [class*=" icon-line-"],
[class^="icon-line2-"], [class*=" icon-line2-"],
.side-header #primary-menu ul > li.sub-menu > a:after {
  display: none\9  !important; }

/*IE瀏覽器ICON問題修改*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [class^="icon-"], [class*=" icon-"],
  [class^="icon-line-"], [class*=" icon-line-"],
  [class^="icon-line2-"], [class*=" icon-line2-"],
  .side-header #primary-menu ul > li.sub-menu > a:after {
    display: none !important; } }

/*===================== desktop-large =====================*/
/*===================== desktop-medium =====================*/
@media (max-width: 1199px) {
  header .navbar .navbar-nav .nav-link, #header .navbar .navbar-nav .nav-link {
    padding: 0px 5px;
    font-size: 16px; } }

/*===================== tablet =====================*/
@media (max-width: 991px) {
  .breadcrumb {
    margin: 20px 0 -40px 0 !important;
    position: relative !important; }
  .doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_name {
    width: 100%;
    float: none;
    margin: 0 0 5px; }
  .doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_jobtitle {
    width: 100%;
    float: none;
    margin: 0 0 5px;
    text-align: left; }
  .doctor_list .doctor_list_sub .doctor_content .doctor_skill {
    padding: 0; }
  .doctor_list .doctor_list_sub .link_btn {
    text-align: right; }
  .department_menu {
    background: #047c8c; }
    .department_menu .department_menu_wrap > div {
      padding: 0 !important;
      background: #047c8c;
      border-radius: 0;
      top: 0; }
    .department_menu .department_menu_wrap .navbar-toggler {
      float: right;
      border: 0px #fff solid;
      color: #fff;
      display: block;
      width: 120px;
      height: 40px;
      padding: 0;
      line-height: 25px;
      position: absolute;
      right: 10px;
      top: 3px;
      z-index: 1; }
    .department_menu .department_menu_wrap nav {
      width: 100%;
      position: absolute;
      z-index: 2;
      top: 45px;
      background: #047c8c; }
      .department_menu .department_menu_wrap nav ul.nav > li > a {
        padding: 12px !important;
        color: #fff !important;
        font-size: 16px !important;
        border-top: 1px rgba(255, 255, 255, 0.3) solid; }
  .department_index_news .news_sub .sub_title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0; }
  .department_index_news .news_sub .sub_time {
    text-align: left;
    font-size: 16px;
    position: relative;
    top: 5px;
    right: 0; }
  .fslider_container {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  header, #header {
    position: relative !important;
    z-index: 3;
    width: 100%;
    background: #fff; }
    header #header-wrap, #header #header-wrap {
      padding: 0; }
    header #logo, #header #logo {
      text-align: left; }
      header #logo img, #header #logo img {
        height: 70px;
        margin: 10px 0 0 0; }
    header .nav_div, #header .nav_div {
      /* max-height: 300px;
            overflow-y: scroll;
            box-shadow: 1px 1px 2px #555;*/
      padding: 10px 0; }
    header .navbar-toggler, #header .navbar-toggler {
      border: 2px #777 solid;
      color: #777;
      display: none;
      position: absolute;
      right: 15px;
      top: 10px;
      width: 50px;
      height: 50px;
      padding: 0;
      line-height: 40px; }
      header .navbar-toggler span, #header .navbar-toggler span {
        font-size: 30px; }
    header .navbar, #header .navbar {
      padding: 0px; }
      header .navbar .navbar-nav, #header .navbar .navbar-nav {
        background: #e6eff0;
        margin: 20px 0; }
        header .navbar .navbar-nav .nav-item, #header .navbar .navbar-nav .nav-item {
          border-right: 0px #ddd solid;
          padding: 5px 10px; }
          header .navbar .navbar-nav .nav-item:hover, header .navbar .navbar-nav .nav-item:focus, #header .navbar .navbar-nav .nav-item:hover, #header .navbar .navbar-nav .nav-item:focus {
            color: #047c8c;
            background: #fff; }
            header .navbar .navbar-nav .nav-item:hover .nav-link, header .navbar .navbar-nav .nav-item:focus .nav-link, #header .navbar .navbar-nav .nav-item:hover .nav-link, #header .navbar .navbar-nav .nav-item:focus .nav-link {
              color: #047c8c; }
        header .navbar .navbar-nav .nav-link, #header .navbar .navbar-nav .nav-link {
          color: #555;
          padding: 10px;
          font-size: 18px; }
          header .navbar .navbar-nav .nav-link:hover, header .navbar .navbar-nav .nav-link:focus, #header .navbar .navbar-nav .nav-link:hover, #header .navbar .navbar-nav .nav-link:focus {
            color: #047c8c; }
          header .navbar .navbar-nav .nav-link .sub-arrow, #header .navbar .navbar-nav .nav-link .sub-arrow {
            border: 1px #555 solid;
            color: #555;
            width: 30px;
            height: 30px;
            margin: -15px 0px 0px 0px; }
    header .top_side_div, #header .top_side_div {
      position: relative;
      right: 0;
      bottom: 0;
      float: none;
      clear: both;
      top: 0;
      background: #fff;
      margin: 10px 0;
      padding: 10px;
      border-radius: 10px; }
  #header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
    height: 80px; }
  .index_icon {
    margin: 0 auto 0;
    padding: 5px !important;
    box-shadow: none; }
  .index_icon_div2 {
    border-right: 0px #fff solid;
    margin: 0px 0;
    /*&:last-child {
            border-right: 0px #fff solid;
        }*/ }
    .index_icon_div2 .index_icon_title {
      text-align: center; }
      .index_icon_div2 .index_icon_title img {
        width: 50px; }
      .index_icon_div2 .index_icon_title br {
        display: none; }
    .index_icon_div2 .index_icon_text {
      height: 80px;
      display: none; }
    .index_icon_div2 .button {
      width: 100%;
      text-align: center;
      font-size: 1rem; }
    .index_icon_div2 .button:hover, .index_icon_div2 .button:focus {
      color: #047c8c !important;
      background-color: #fff !important; }
  .index_interview_div .interview_main_div {
    position: relative;
    margin: 0 0 20px; }
    .index_interview_div .interview_main_div .text h3 {
      margin: 5px 0; }
  .index_interview_div .interview_sub_div .text {
    height: auto;
    max-height: 270px;
    overflow: hidden; }
    .index_interview_div .interview_sub_div .text h3 {
      font-size: 21px; }
  .index_tabs .index_tab_main .main_content {
    clear: both; }
  .index_tabs .index_tab_sub .sub_time {
    position: relative;
    top: 5px; }
  .news_search .search_bar {
    margin: 10px 0;
    width: 100% !important; }
  .newdr_month .title {
    padding: 0 15px; }
    .newdr_month .title h3 {
      padding: 15px; }
      .newdr_month .title h3 br {
        display: none; }
  #primary-menu {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto; }
  .primary-menu-open header {
    background: #fff;
    -webkit-transition: all .4s ease, opacity .3s ease;
    -o-transition: all .4s ease, opacity .3s ease;
    transition: all .4s ease, opacity .3s ease; }
  #page-title {
    background-position: right !important;
    padding: 20px 0;
    display: none; }
    #page-title > div {
      background: rgba(255, 255, 255, 0.9);
      padding: 15px; }
    #page-title h1 {
      color: #047c8c; }
    #page-title span {
      color: #777; }
  #page-menu nav, #page-menu-wrap nav {
    width: 100%;
    right: 0; }
  .page_tab .tab-nav {
    display: flex; }
    .page_tab .tab-nav li {
      flex: 1; }
  .page_tab .page_tab_sub .sub_title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .page_tab .page_tab_sub .sub_time {
    text-align: left; }
  .related_article .related_article_sub a {
    padding: 15px 0;
    width: 100%;
    display: block;
    border-bottom: 1px #aaa dashed; }
    .related_article .related_article_sub a:hover {
      background: #f5f5f5; }
  .related_article .related_article_sub .img_div, .related_article .related_article_sub img {
    display: none; }
  .related_article .related_article_sub2 .img_div, .related_article .related_article_sub2 img {
    display: block; }
  .search_bar {
    margin: 10px 0 20px 0px;
    width: 100%; }
    .search_bar .button:hover, .search_bar .button:focus {
      background-color: #047c8c; }
  .side_div .widget {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px; }
  .status_div {
    padding: 15px;
    border-top: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    background: #f5f5f5;
    position: relative;
    clear: both;
    display: block; }
  .sort_div {
    width: auto;
    float: none;
    margin: 10px 0 0;
    position: relative;
    right: 0; } }

/*===================== phone-large =====================*/
@media (max-width: 767px) {
  #content .container {
    position: relative;
    padding-left: 15px !important;
    padding-right: 15px !important; }
  .content-wrap {
    background: #f5f5f5;
    background-size: 100%;
    min-height: auto;
    padding: 0 !important; }
  footer #copyrights, #footer #copyrights {
    padding: 20px 0 60px; }
  .doctor_list .doctor_list_sub .link_btn {
    text-align: center; }
  .doctorinterview_div {
    margin: 15px !important; }
  .Education_img01 {
    height: auto;
    background-image: none; }
    .Education_img01 .text_l_div {
      width: 100%;
      top: 0;
      left: 0;
      position: relative;
      padding: 0; }
  .Education_img02 {
    height: auto;
    background-image: none; }
    .Education_img02 .text_r_div {
      width: 100%;
      top: 0;
      right: 0;
      position: relative;
      padding: 0; }
  .Education_img03 {
    height: auto;
    background-image: none; }
    .Education_img03 .text_l_div {
      width: 100%;
      top: 0;
      left: 0;
      position: relative;
      padding: 0; }
  .fluid_top_div {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    margin-left: 0;
    padding: 0 20px;
    border: 0px solid #efefef; }
  .fslider_container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .Goal_div {
    position: relative;
    text-align: center;
    height: auto;
    margin: 0 auto;
    background: none; }
    .Goal_div .Goal_subdiv {
      position: relative;
      margin: 0 auto;
      width: 100%;
      height: auto; }
      .Goal_div .Goal_subdiv i {
        font-size: 48px;
        color: #047c8c;
        margin: 0px; }
      .Goal_div .Goal_subdiv h3 {
        color: #047c8c;
        margin: 0 0 10px;
        font-size: 28px; }
      .Goal_div .Goal_subdiv p {
        font-size: 18px;
        color: #777; }
      .Goal_div .Goal_subdiv div {
        position: absolute;
        width: 100% !important;
        position: relative;
        left: 0 !important;
        top: 0 !important; }
  header, #header {
    z-index: 3;
    width: 100%;
    background: #fff;
    margin: 0 auto; }
    header .navbar .container, #header .navbar .container {
      padding-left: 0px !important;
      padding-right: 0px !important; }
    header #header-wrap, #header #header-wrap {
      padding: 0; }
    header #logo, #header #logo {
      text-align: left; }
      header #logo img, #header #logo img {
        height: auto;
        margin: 15px auto 15px; }
  .index_icon {
    margin: 5px;
    border: 0px #ddd solid;
    background: none; }
  .index_icon_div2 {
    border-right: 0px #fff solid; }
    .index_icon_div2 .index_icon_box {
      padding: 10px; }
      .index_icon_div2 .index_icon_box .index_icon_title {
        text-align: center; }
        .index_icon_div2 .index_icon_box .index_icon_title img {
          width: 50px; }
        .index_icon_div2 .index_icon_box .index_icon_title br {
          display: none; }
        .index_icon_div2 .index_icon_box .index_icon_title i {
          float: right; }
        .index_icon_div2 .index_icon_box .index_icon_title:hover i, .index_icon_div2 .index_icon_box .index_icon_title:focus i {
          position: relative;
          left: -5px; }
  .index_tabs .index_tab_main .main_content h3 {
    font-size: 18px;
    height: 55px;
    font-weight: normal; }
  #index_owlslider .owl-nav .owl-prev, #index_phone_owlslider .owl-nav .owl-prev {
    margin-top: 0; }
  #index_owlslider .owl-nav .owl-next, #index_phone_owlslider .owl-nav .owl-next {
    margin-top: 0; }
  #index_owlslider .owl-dots, #index_phone_owlslider .owl-dots {
    display: none !important; }
  .link_btn, .back_btn {
    margin: 20px auto 10px;
    text-align: center; }
  .knowledge_list {
    padding: 0 15px;
    position: relative; }
    .knowledge_list .row {
      padding: 20px; }
    .knowledge_list .knowledge_list_sub {
      box-sizing: border-box;
      padding: 10px;
      margin: 30px 0;
      border: 1px #ddd solid; }
      .knowledge_list .knowledge_list_sub .knowledge_title {
        margin: 0 0 0px;
        color: #047c8c;
        font-size: 21px; }
        .knowledge_list .knowledge_list_sub .knowledge_title h3 {
          background: #047c8c url(../images/test_bg.png);
          display: inline-block;
          padding: 0 30px; }
        .knowledge_list .knowledge_list_sub .knowledge_title a {
          color: #047c8c;
          font-weight: bold; }
      .knowledge_list .knowledge_list_sub .knowledge_img {
        margin: 0 0 10px; }
        .knowledge_list .knowledge_list_sub .knowledge_img img {
          width: 100%; }
      .knowledge_list .knowledge_list_sub .knowledge_content {
        padding: 0 3%; }
        .knowledge_list .knowledge_list_sub .knowledge_content .knowledge_time {
          font-size: 16px;
          color: #555; }
        .knowledge_list .knowledge_list_sub .knowledge_content .knowledge_content_text {
          padding: 0;
          font-size: 16px;
          clear: both;
          /*max-height: 5.4rem;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 3;*/
          margin-bottom: 0; }
    .knowledge_list .images_right .knowledge_img {
      position: relative;
      right: 0; }
  .knowledge_detail_content .knowledge_detail_top {
    position: relative; }
    .knowledge_detail_content .knowledge_detail_top .text {
      position: relative;
      top: 0;
      background: rgba(51, 51, 51, 0);
      height: 100%;
      width: 100%;
      padding: 10px;
      overflow: hidden;
      font-size: 21px;
      line-height: 1.6em;
      font-weight: bold;
      color: #555;
      text-align: justify; }
  .knowledge_detail_content .knowledge_detail_article .article_subdiv, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv, .knowledge_detail_content .knowledge_detail_video .article_subdiv {
    margin: 0 0 30px;
    background: #fff; }
    .knowledge_detail_content .knowledge_detail_article .article_subdiv:hover, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv:hover, .knowledge_detail_content .knowledge_detail_video .article_subdiv:hover {
      box-shadow: 1px 1px 5px #777;
      transition: all 0.2s; }
      .knowledge_detail_content .knowledge_detail_article .article_subdiv:hover .article_img img, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv:hover .article_img img, .knowledge_detail_content .knowledge_detail_video .article_subdiv:hover .article_img img {
        transform: scale(1.1);
        opacity: 0.8; }
    .knowledge_detail_content .knowledge_detail_article .article_subdiv .article_img, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_img, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_img {
      height: auto;
      overflow: hidden; }
      .knowledge_detail_content .knowledge_detail_article .article_subdiv .article_img img, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_img img, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_img img {
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s; }
    .knowledge_detail_content .knowledge_detail_article .article_subdiv .article_title, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_title, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_title {
      padding: 10px;
      margin: 0;
      height: 90px;
      line-height: 36px;
      overflow: hidden;
      display: flex; }
      .knowledge_detail_content .knowledge_detail_article .article_subdiv .article_title span, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_title span, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_title span {
        align-self: center;
        text-align: center;
        width: 100%;
        height: 60px;
        line-height: 30px;
        overflow: hidden; }
  .knowledge_detail_content .knowledge_detail_article .doctor_subdiv, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv {
    margin: 0 0 30px;
    background: #fff; }
    .knowledge_detail_content .knowledge_detail_article .doctor_subdiv:hover, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv:hover, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv:hover {
      box-shadow: 1px 1px 5px #777;
      transition: all 0.2s; }
      .knowledge_detail_content .knowledge_detail_article .doctor_subdiv:hover .doctor_img img, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv:hover .doctor_img img, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv:hover .doctor_img img {
        transform: scale(1.1);
        opacity: 0.8; }
    .knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_img, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_img, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_img {
      height: auto;
      overflow: hidden; }
      .knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_img img, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_img img, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_img img {
        transition: all 0.3s;
        -o-transition: all 0.3s;
        -webkit-transition: all 0.3s; }
    .knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_title, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_title, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_title {
      color: #047c8c;
      padding: 10px;
      margin: 0;
      font-size: 21px; }
    .knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_name, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_name, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_name {
      padding: 0 10px 10px;
      margin: 0; }
  .main_div .main_title {
    display: block; }
    .main_div .main_title h2 {
      margin: 0;
      display: inline-block; }
    .main_div .main_title span {
      color: #aaa;
      display: inline-block;
      margin: 0; }
  .main_div .main_content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
    .main_div .main_content .row {
      margin-right: 0;
      margin-left: 0; }
  #primary-menu {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto; }
  .primary-menu-open header {
    background: #fff;
    -webkit-transition: all .4s ease, opacity .3s ease;
    -o-transition: all .4s ease, opacity .3s ease;
    transition: all .4s ease, opacity .3s ease; }
  #page_container {
    padding: 0 !important;
    max-width: none; }
  .images_card {
    background: none !important;
    height: auto; }
    .images_card .images_card_subdiv {
      position: relative;
      padding: 0;
      margin: 0;
      height: auto;
      width: 100%;
      left: 0; }
      .images_card .images_card_subdiv .pic {
        display: block;
        margin: 0 0 20px; }
  .pagination_div {
    margin: 30px 0 0;
    text-align: center;
    width: 100%; }
  #slider {
    display: block; }
  .share_div {
    right: 0;
    top: auto;
    bottom: 0;
    width: 100%;
    background: #f5f5f3;
    display: flex;
    padding: 0; }
    .share_div .share_text {
      display: none; }
    .share_div .icon {
      position: relative;
      width: 33%;
      text-align: center; }
      .share_div .icon .icon_link {
        width: 30px;
        margin: 0 auto;
        padding: 5px 0px 0px; }
      .share_div .icon .iconDetail {
        display: block; }
        .share_div .icon .iconDetail a {
          font-size: 16px; }
      .share_div .icon:hover .iconDetail {
        display: block;
        background: rgba(255, 255, 255, 0);
        position: relative;
        top: 0;
        right: 0;
        height: auto;
        line-height: normal;
        z-index: 1;
        padding: 0;
        border-radius: 15px;
        transition: all 0.2s ease-in; }
        .share_div .icon:hover .iconDetail a {
          color: #3f8acd;
          white-space: nowrap; }
  .step_div .step_subdiv {
    display: block; }
  .step_div .step_num {
    float: none;
    margin: 20px auto 10px;
    min-width: auto;
    min-height: auto; }
    .step_div .step_num br {
      display: none; }
  .step_div .step_content {
    display: inline-block;
    width: 100%; }
    .step_div .step_content h3 {
      margin: 0; }
    .step_div .step_content p {
      margin: 0; }
  .step_div_square .step_subdiv {
    display: block; }
  .step_div_square .step_num {
    float: none;
    margin: 0px auto 0px;
    min-width: auto;
    min-height: auto; }
    .step_div_square .step_num br {
      display: none; }
  .step_div_square .step_content {
    display: inline-block;
    width: 100%; }
    .step_div_square .step_content h3 {
      margin: 0; }
    .step_div_square .step_content p {
      margin: 0; }
  .sticky-sidebar-wrap {
    padding: 0; }
  #top-bar .top-links > ul {
    text-align: right; } }

/*===================== phone =====================*/
@media (max-width: 575px) {
  .fslider_container {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important; }
  header, #header {
    z-index: 3;
    width: 100%;
    background: #fff; }
    header #header-wrap, #header #header-wrap {
      padding: 0; }
    header .navbar-toggler, #header .navbar-toggler {
      display: none;
      position: absolute;
      right: 15px;
      top: 10px;
      width: 50px;
      height: 50px;
      padding: 0; }
    header #logo, #header #logo {
      height: auto;
      margin: 0 70px 0 0 !important; }
      header #logo img, #header #logo img {
        margin: 20px auto 15px;
        /*height: 45px;
                    position: absolute;
                    left: -30px;
                    top: 25px;
                    margin: 0;*/ }
  .index_title {
    text-align: center; }
  .index_icon_div2 {
    padding: 0; }
  .news_list {
    padding: 0 15px; }
    .news_list .news_list_sub .news_img {
      display: none; }
  .onlineappointment_toparea .sub_div {
    margin: 10px 0;
    text-align: left;
    white-space: nowrap; }
  .onlineappointment_toparea .sub_img {
    width: 100%;
    border-radius: 50%;
    padding-bottom: 0;
    background: #20c997;
    text-align: center;
    color: #fff;
    position: relative;
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px 0 0; }
    .onlineappointment_toparea .sub_img i {
      position: absolute;
      font-size: 30px;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .onlineappointment_toparea .sub_text {
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    white-space: normal; }
  #primary-menu {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto; }
  .primary-menu-open header {
    background: #fff;
    -webkit-transition: all .4s ease, opacity .3s ease;
    -o-transition: all .4s ease, opacity .3s ease;
    transition: all .4s ease, opacity .3s ease; }
  .search_bar {
    margin: 30px 0px 20px 0px;
    width: 100%; }
    .search_bar .button:hover, .search_bar .button:focus {
      background-color: #047c8c; }
  .SearchByDepartment_tabs .tab-nav, .SearchBySymptom_tabs .tab-nav {
    display: -webkit-flex;
    /* Safari */
    -webkit-flex-wrap: wrap;
    /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
    border-bottom: 0px solid #DDD !important; }
    .SearchByDepartment_tabs .tab-nav .ui-tabs-tab, .SearchBySymptom_tabs .tab-nav .ui-tabs-tab {
      height: auto;
      padding: 0;
      /*margin: 5px 10px !important;
                    border: 1px solid #DDD;*/ } }