@charset "UTF-8";
/*$font-xxl: 28px;
$font-xl: 24px;
$font-l: 21px;
$font-m: 18px;
$font-s: 16px;
$font-xs: 14px;*/
/*$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: 24px;
  line-height: 1.6;
}

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

label {
  font-size: 21px;
}

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: 32px;
  margin: 0 5px 0 0;
}

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

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

.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: 21px;
  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: 32px;
}
.ad_div .widget {
  margin-top: 30px;
  background: rgb(255, 255, 255);
  border: 1px #efefef solid !important;
  padding: 0 0 20px;
}

.breadcrumb {
  top: 0 !important;
  margin: 20px 0 0 0 !important;
  z-index: 1;
  font-size: 21px;
  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: 24px;
}
.BrandContact .title {
  font-size: 32px;
  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: 24px;
}

.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: 24px;
}

.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: 24px;
}

.doctor_tabs .tab-nav .ui-tabs-tab a {
  font-size: 24px;
}
.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: 32px;
  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 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.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: 32px;
}
.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: 50%;
  float: left;
  margin: 0 0 0px;
  text-align: right;
  color: #047c8c;
  font-size: 24px;
}
.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: 21px;
  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: 21px;
  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 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.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: 21px;
  clear: both;
  margin-bottom: 10px;
  max-height: 5.5em;
  overflow: hidden;
}
.doctor_list .doctor_list_interviewsub .doctor_tagdiv {
  padding: 0 15px;
  font-size: 18px;
  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 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.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: 21px;
}
.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: 21px;
  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: 21px;
  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: 36px;
  font-weight: bold;
  border-radius: 5px;
}
.dep_content .TitleDiv2 {
  font-size: 32px;
  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: 42px;
  text-align: center;
}
.doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .subtitle {
  font-size: 32px;
  text-align: center;
}
.doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .time {
  font-size: 21px;
  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: 18px;
  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 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#drinterview_carousel .interview_sub_div .title {
  padding: 10px 0;
  font-size: 24px;
  font-weight: bold;
  color: #047c8c;
}
#drinterview_carousel .interview_sub_div .subtitle {
  padding: 0;
  font-size: 21px;
  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: 21px;
  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: 32px;
  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: 24px;
  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: 24px;
  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: 24px;
}
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;
  font-size: 21px;
}

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: 42px;
}
.Goal_div .Goal_subdiv p {
  font-size: 24px;
  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: 24px;
}
.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: 75px;
  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: 32px;
}
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: 35px !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: 75px;
}

.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: 21px;
  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: 24px;
  padding: 5px 0 0 115px;
}
.healthedu_detail_content .healthedu_detail_bottom .healthedu_footer {
  background: #047c8c url(../images/test_bg.png);
  font-size: 21px;
  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: 36px;
}
.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 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.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 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.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: 21px;
}
.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: 24px;
  margin: 11px 0 11px;
  overflow: hidden;
  height: 80px;
}
.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 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.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: 70px;
  overflow: hidden;
  font-size: 24px;
}
.index_tabs .index_tab_sub .sub_time {
  font-size: 21px;
  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: 32px;
  color: #047c8c;
  margin: 0 0 10px;
}
.index_interview_div .interview_main_div .text p {
  font-size: 21px;
  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: 24px;
  color: #047c8c;
  margin: 5px 0 5px;
}
.index_interview_div .interview_sub_div .text p {
  font-size: 21px;
  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: 24px;
}

.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 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
.knowledge_list .knowledge_list_sub .knowledge_title {
  margin: 0 0 0px;
  color: #047c8c;
  font-size: 32px;
  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: 42px;
  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: 21px;
  color: #555;
}
.knowledge_list .knowledge_list_sub .knowledge_content .knowledge_content_text {
  padding: 0;
  font-size: 24px;
  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: 42px;
  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: 32px;
}
.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: 32px;
}
.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: 32px;
  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: 21px;
  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: rgb(255, 255, 255);
  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: 42px;
}
.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 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.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: 32px;
  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: 21px;
  color: #555;
}
.news_list .news_list_sub .news_content .news_content_text {
  padding: 0;
  font-size: 21px;
  clear: both;
  max-height: 6.6rem;
  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: 32px;
  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 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.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: 21px;
  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: 32px;
  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: 0.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: 42px;
  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 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.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: 32px;
}
.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: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: sans-serif, 微軟正黑體;
  -webkit-transition: margin 0.4s ease, padding 0.4s ease;
  -o-transition: margin 0.4s ease, padding 0.4s ease;
  transition: margin 0.4s ease, padding 0.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: 21px !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: 21px;
}
.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: 21px;
}
.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 0.4s ease-in-out;
  transform: scale(1.1);
}

.QA_accordion .acctitle {
  font-size: 24px;
  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 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.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: 24px;
  color: #333;
  margin-right: 5px;
}
.question_list .question_subdiv .time {
  font-size: 21px;
}
.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: 32px;
}

.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: 21px;
  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: 24px;
}
.related_article .related_article_sub2 .content .subtitle {
  font-size: 21px;
  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 0.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: 32px;
  text-shadow: 0px 0px 10px #555;
}
.side_div .widget {
  margin-top: 30px;
  background: rgb(255, 255, 255);
  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: 24px;
  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: 21px;
}
.side_div nav > ul > li .have {
  color: #047c8c;
  margin: 0;
  width: 100%;
  padding: 10px 5%;
  font-size: 24px;
  font-weight: 600;
}
.side_div nav > ul > li .have i {
  font-size: 32px;
  margin-right: 18px;
  top: 5px;
}
.side_div nav > ul > li h4 {
  color: #047c8c;
  margin: 0;
  width: 100%;
  padding: 10px 5%;
  font-size: 32px;
}
.side_div nav > ul > li h4:hover {
  background: #f5f5f5;
}
.side_div nav > ul > li h4 i {
  font-size: 32px;
}
.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: 24px;
  color: #555;
}
.side_div nav > ul > li li .have i {
  font-size: 24px;
}
.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: 24px;
}
.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: 32px;
}
.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: 32px;
}
.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: 36px;
  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: 36px;
  padding: 0 0 0 28px;
  color: #047c8c;
  font-weight: bold;
}
.searchpage_sidemenu .togglet i {
  font-size: 32px;
  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: 21px;
  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: 32px;
  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: 24px;
  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: 32px;
  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: 1200px-1) {
  header .navbar .navbar-nav .nav-link, #header .navbar .navbar-nav .nav-link {
    padding: 0px 5px;
    font-size: 24px;
  }
}
/*===================== tablet =====================*/
@media (max-width: 992px-1) {
  .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: 21px;
    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: 24px;
  }
  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: 32px;
  }
  .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 0.4s ease, opacity 0.3s ease;
    -o-transition: all 0.4s ease, opacity 0.3s ease;
    transition: all 0.4s ease, opacity 0.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: 768px-1) {
  #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: 42px;
  }
  .Goal_div .Goal_subdiv p {
    font-size: 24px;
    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: 24px;
    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: 32px;
  }
  .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: 21px;
    color: #555;
  }
  .knowledge_list .knowledge_list_sub .knowledge_content .knowledge_content_text {
    padding: 0;
    font-size: 21px;
    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: 32px;
    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: 32px;
  }
  .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 0.4s ease, opacity 0.3s ease;
    -o-transition: all 0.4s ease, opacity 0.3s ease;
    transition: all 0.4s ease, opacity 0.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: 576px-1) {
  .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 0.4s ease, opacity 0.3s ease;
    -o-transition: all 0.4s ease, opacity 0.3s ease;
    transition: all 0.4s ease, opacity 0.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;*/
  }
}