File: /www/wwwroot/www.hsdfxz.com/com/tg/index_files/site.css
@charset "UTF-8";
/*@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: 微軟正黑體, 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: 微軟正黑體, 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: 微軟正黑體, serif; }
.font-body {
font-family: 微軟正黑體, serif !important; }
.font-primary {
font-family: 微軟正黑體, serif !important; }
.font-secondary {
font-family: 微軟正黑體, 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; }
/*Font_Style End*/
/*base_Style*/
* {
letter-spacing: 0.5px; }
a {
color: #678daf;
word-break: break-all; }
a:hover, a:focus {
color: #678daf; }
body {
font-family: 微軟正黑體, serif;
font-size: 18px;
line-height: 1.6; }
dl, dt, dd, li {
margin: 0;
padding: 0 0 0px; }
label {
font-size: 16px; }
ol, ul {
margin: 0 0 20px; }
p {
margin: 0 0 20px; }
.primary-color {
color: #e79366 !important; }
.secondary-color {
color: #678daf !important; }
.tertiary-color {
color: #72bb91 !important; }
.highlight-color {
color: #dc7583 !important; }
.highlight-color2 {
color: #9c90c1 !important; }
.table th, .table td {
padding: 10px 5px; }
/*base_Style End*/
/*Button_style*/
.button {
background-color: #e79366; }
.button:hover, .button:focus {
background-color: #e79366;
color: #fff !important;
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.button.button-3d {
background-color: #e79366;
font-size: 21px;
margin: 0 5px 0 0;
box-shadow: 0px 5px 0px #ccc;
border: 0;
border-radius: 15px;
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.button.button-3d:hover, .button.button-3d:focus {
background-color: #dc7583 !important;
opacity: 0.9; }
.button.button-3d:active {
background-color: #e79366;
box-shadow: 0px 0 0px #ccc;
border: 0;
opacity: 0.9; }
.button.button-small {
font-size: 18px; }
.button.button-mini {
font-size: 16px; }
.button.highlight_btn {
background-color: #dc7583; }
.button.highlight_btn:hover, .button.highlight_btn:focus {
opacity: 0.9;
background-color: #dc7583 !important; }
a.first_btn {
background-color: #e79366 !important; }
a.first_btn:hover, a.first_btn:focus {
background-color: #dc7583 !important; }
a.second_btn {
background-color: #678daf !important; }
a.second_btn:hover, a.second_btn:focus {
background-color: #dc7583 !important; }
a.third_btn {
background-color: #72bb91 !important; }
a.third_btn:hover, a.third_btn:focus {
background-color: #dc7583 !important; }
a.interview_btn {
background-color: #8053ca !important; }
a.interview_btn:hover, a.interview_btn:focus {
background-color: #dc7583 !important; }
.article_top_div {
margin: 10px 0;
padding: 0;
position: relative; }
.article_top_div .article_title {
margin: 0; }
.article_top_div .article_time {
font-size: 16px;
color: #555; }
.article_top_div .article_keyword {
margin: 0; }
.article_top_div .article_keyword a {
color: #678daf;
border: 1px #678daf solid;
font-size: 17px;
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: #678daf;
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: #e79366;
text-align: center;
font-size: 21px; }
.ad_div .widget {
margin-top: 30px;
background: white;
border: 1px #efefef solid !important;
padding: 0 0 20px; }
.breadcrumb {
top: 0 !important;
margin: 20px 0 0 0 !important;
z-index: 1;
font-size: 18px;
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; }
.card_box {
background: #fefcf2;
padding: 15px;
border-radius: 10px;
border: 1px solid #ddd;
box-shadow: 7px 7px #ddd; }
.card_box h3 {
background: #e79366;
border-radius: 20px;
padding: 5px 15px;
color: #fff;
display: inline-block; }
.card_box p {
margin: 0;
padding: 15px; }
.card_box .sub {
background: #fffacd;
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; }
.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 #e79366 !important; }
.Education_img01 {
height: 300px;
background-position: center right;
position: relative;
background-image: url(../images/Education_01.jpg);
display: flex;
align-items: center; }
.Education_img01 .text_l_div {
width: 60%;
position: absolute;
left: 50px;
padding: 20px;
background: rgba(255, 255, 255, 0.9); }
.Education_img01 .text_l_div p {
font-size: 18px; }
.Education_img02 {
height: 300px;
background-position: center left;
position: relative;
background-image: url(../images/Education_02.jpg);
display: flex;
align-items: center; }
.Education_img02 .text_r_div {
width: 60%;
position: absolute;
right: 50px;
padding: 20px;
background: rgba(255, 255, 255, 0.9); }
.Education_img02 .text_r_div p {
font-size: 18px; }
.Education_img03 {
height: 300px;
background-position: center right;
position: relative;
background-image: url(../images/Education_03.jpg);
display: flex;
align-items: center; }
.Education_img03 .text_l_div {
width: 60%;
position: absolute;
left: 50px;
padding: 20px;
background: rgba(255, 255, 255, 0.9); }
.Education_img03 .text_l_div p {
font-size: 18px; }
.doctor_tabs .tab-nav .ui-tabs-tab a {
font-size: 18px; }
.doctor_tabs .tab-container .departments_type .departments_sub {
border-bottom: 1px #ddd dashed; }
.doctor_tabs .tab-container .departments_type .departments_sub h3 {
margin: 15px 0; }
.doctor_tabs .tab-container .departments_type .departments_sub p {
margin: 0 0 10px; }
.doctor_tabs .tab-container .departments_type .departments_sub p a i {
margin: 0 3px 0 0; }
.doctor_tabs .name_type .search_bar {
width: 100%;
margin: 0px auto;
max-width: 300px; }
.doctor_tabs .name_type .name_grid_area {
width: 100%;
border-top: 1px #ddd solid;
margin: 20px auto 0;
padding: 20px 10px;
text-align: justify; }
.doctor_tabs .name_type .name_grid_area a {
padding: 5px;
font-size: 21px;
margin: 3px;
line-height: 45px;
background: #f5f5f5; }
.doctor_tabs .name_type .name_grid_area a.action {
background: #e79366;
color: #fff; }
.doctor_tabs .name_type .name_grid_area a:hover, .doctor_tabs .name_type .name_grid_area a:focus {
background: #e79366;
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: #fefcf2;
box-shadow: 7px 7px #aaa;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in; }
.doctor_list .doctor_list_sub .doctor_img {
overflow: hidden; }
.doctor_list .doctor_list_sub .doctor_img img {
width: 100%; }
.doctor_list .doctor_list_sub .doctor_content .row {
padding: 15px;
border-radius: 20px;
background: #fff;
margin: 0;
border: 1px #ddd solid; }
.doctor_list .doctor_list_sub .doctor_content .doctor_title {
padding: 0; }
.doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_name {
width: 100%;
float: left;
margin: 0 0 5px;
color: #e79366;
font-size: 21px; }
.doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_name a {
color: #e79366; }
.doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_jobtitle {
width: calc(100% - 50%);
float: left;
margin: 0 0 0px;
text-align: right;
color: #e79366;
font-size: 18px; }
.doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_jobtitle a {
color: #e79366; }
.doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_dep {
margin: 5px 0;
padding: 5px;
background: #f5f5f5;
border-radius: 10px; }
.doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_dep a {
background: none;
color: #777;
font-size: 16px;
padding: 0px 5px;
border-radius: 5px;
font-weight: normal;
margin: 0 3px 0 0;
display: inline-block; }
.doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_dep a:hover, .doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_dep a:focus {
background: #678daf;
color: #fff; }
.doctor_list .doctor_list_sub .doctor_content .doctor_skill {
padding: 0;
font-size: 16px;
clear: both;
margin-bottom: 0;
max-height: 5.5em;
overflow: hidden; }
.doctor_list .doctor_list_sub .link_btn {
text-align: right; }
.doctor_list .doctor_list_interviewsub {
padding: 25px 15px 25px;
border-bottom: 5px #ddd solid; }
.doctor_list .doctor_list_interviewsub:hover {
border-bottom: 5px #e79366 solid;
box-shadow: 0 0 10px #aaa;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in; }
.doctor_list .doctor_list_interviewsub .doctor_content .row {
border: 0px #ddd solid !important;
background: none !important; }
.doctor_list .doctor_list_interviewsub .doctor_content .doctor_title {
margin: 10px 0; }
.doctor_list .doctor_list_interviewsub .doctor_content .doctor_skill {
padding: 0;
font-size: 16px;
clear: both;
margin-bottom: 10px;
max-height: 5.5em;
overflow: hidden; }
.doctor_list .doctor_list_interviewsub .doctor_tagdiv {
padding: 0 15px;
font-size: 14px;
clear: both;
/*position: absolute;
bottom: 10px;*/
/*height: 3.2em;
overflow: hidden;*/ }
.doctor_list .doctor_list_interviewsub .doctor_tagdiv a {
padding: 0 5px;
color: #678daf;
display: inline-block; }
.doctor_list .doctor_list_interviewsub .doctor_tagdiv a:hover {
background: #678daf;
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: 5px !important; }
.doctor_detail .link_btn a:hover, .doctor_detail .link_btn a:focus {
background-color: #dc7583 !important; }
.doctor_detail .doctor_detail_content h3 {
color: #e79366; }
.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: #678daf;
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: #e79366; }
.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: #e79366;
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: #e79366; }
.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: 100px; }
.doctor_detail .doctor_news .doctor_news_content .news_title {
display: inline-block;
margin: 0;
vertical-align: middle;
color: #555;
width: calc(100% - 120px); }
.doctor_detail .doctor_video h3 {
border-top: 1px #ddd solid;
margin: 30px 0 10px;
padding-top: 20px;
color: #e79366; }
.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: #e79366;
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: #fefcf2;
padding: 15px;
border-radius: 10px;
border: 1px solid #ddd;
box-shadow: 7px 7px #ddd; }
.department_list h3 {
background: #e79366;
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: #e79366;
font-weight: bold;
box-shadow: 0 0 10px #aaa;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in; }
.department_list .department_list_sub a img {
margin: 0 0 10px; }
.department_list .department_list_sub a span {
display: inline-block;
margin: 0; }
.department_index_about {
padding: 20px 0; }
.department_index_news {
padding: 20px 0; }
.department_index_news .news_main {
margin: 0 0 10px; }
.department_index_news .news_main .main_time {
font-size: 16px; }
.department_index_news .news_sub {
padding: 10px 15px 10px !important;
border-bottom: 1px #ddd dashed; }
.department_index_news .news_sub:hover, .department_index_news .news_sub:focus {
background: #f5f5f5; }
.department_index_news .news_sub .sub_title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0px 100px 0 0; }
.department_index_news .news_sub .sub_time {
text-align: center;
font-size: 16px;
position: absolute;
right: 15px;
top: 10px; }
.department_index_news .news_sub .sub_time i {
margin-right: 3px; }
.dropdown-menu > li {
position: relative; }
.dropdown-menu .dropdown-item {
font-size: 16px;
padding: 0.5rem 1.5rem;
border-bottom: 1px #ddd dashed; }
.dropdown-menu > li:last-child > .dropdown-item {
border-bottom: 0px #ddd dashed; }
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: #e79366; }
.dep_content * {
line-height: 1.95 !important; }
.dep_content a {
color: #678daf; }
.dep_content a.button {
color: #ffffff;
margin: 0 0 10px; }
.dep_content .TitleDiv1 {
background: #f3cc20;
padding: 0px 15px;
margin: 20px 0;
color: #fff;
display: inline-block;
font-size: 24px;
font-weight: bold;
border-radius: 5px; }
.dep_content .TitleDiv2 {
font-size: 21px;
color: #678daf;
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: #e79366;
color: #fff; }
.doctorinterview_div {
margin: -80px 60px 40px !important;
position: relative; }
.doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content {
padding: 0 5%; }
.doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .title {
font-size: 28px;
text-align: center; }
.doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .subtitle {
font-size: 21px;
text-align: center; }
.doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .time {
font-size: 16px;
color: #aaa;
text-align: center; }
.doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .tag {
text-align: center; }
.doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .tag a {
padding: 0 5px;
font-size: 14px;
color: #678daf;
display: inline-block; }
.doctorinterview_div .main_content .doctorinterview_detail .doctorinterview_detail_content .tag a:hover {
background: #678daf;
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 #e79366 solid;
background: #fff;
box-shadow: 0 0 10px #aaa;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in; }
#drinterview_carousel .interview_sub_div .title {
padding: 10px 0;
font-size: 18px;
font-weight: bold;
color: #e79366; }
#drinterview_carousel .interview_sub_div .subtitle {
padding: 0;
font-size: 16px;
clear: both;
margin-bottom: 10px;
max-height: 5.5em;
overflow: hidden; }
.event_list {
padding: 0 15px; }
.event_list .event_list_sub {
box-sizing: border-box;
padding: 20px 10px;
border-bottom: 1px #ddd solid; }
.event_list .event_list_sub:hover, .event_list .event_list_sub:focus {
background: #f5f5f5; }
.event_list .event_list_sub .event_img {
padding: 0 0 0 15px;
margin: 0 0 10px; }
.event_list .event_list_sub .event_img img {
width: 100%; }
.event_list .event_list_sub .event_content .event_content_sub {
margin: 0 0 10px; }
.event_list .event_list_sub .event_content .event_content_date {
font-size: 16px;
color: #555; }
.event_list .event_list_sub .event_content .event_content_date .date_text {
color: #dc7583; }
.event_list .event_list_sub .event_content .event_content_title_link {
margin: 0 0 0px;
color: #e79366;
font-size: 21px;
vertical-align: middle;
font-weight: bold; }
.event_list .event_list_sub .event_content .event_content_title_link a {
color: #e79366;
font-weight: bold; }
.event_list .event_list_sub .event_content .event_content_title {
margin: 0 5px 0 0;
font-size: 18px;
background: #777;
border-radius: 20px;
padding: 1px 10px;
color: #fff;
vertical-align: middle; }
.event_list .event_list_sub .event_content .event_content_text {
padding: 0;
font-size: 18px;
margin-bottom: 0;
vertical-align: middle; }
.event_list .event_list_sub .event_content .link_btn {
text-align: left; }
.event_content_status.yes {
color: #dc7583; }
.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: #e79366; }
.event_detail .event_detail_table .event_detail_sub .event_detail_text {
display: inline-block;
margin: 3px 0;
width: 75%;
text-align: left; }
.event_detail_content {
padding: 15px;
margin: 20px 0; }
.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
footer .footer_link .widget_nav_menu li a, footer .footer_link .widget_links li a, footer .footer_link .widget_meta li a, footer .footer_link .widget_archive li a, footer .footer_link .widget_recent_entries li a, footer .footer_link .widget_categories li a, footer .footer_link .widget_pages li a, footer .footer_link .widget_rss li a, footer .footer_link .widget_recent_comments li a, #footer .footer_link .widget_nav_menu li a, #footer .footer_link .widget_links li a, #footer .footer_link .widget_meta li a, #footer .footer_link .widget_archive li a, #footer .footer_link .widget_recent_entries li a, #footer .footer_link .widget_categories li a, #footer .footer_link .widget_pages li a, #footer .footer_link .widget_rss li a, #footer .footer_link .widget_recent_comments li a {
font-size: 18px; }
footer .footer_link ul, #footer .footer_link ul {
list-style: none; }
footer .footer_link ul i, #footer .footer_link ul i {
margin: 0 5px 0 0; }
footer .footer_link ul li, #footer .footer_link ul li {
margin: 0 0 5px; }
footer .footer_iconlink, #footer .footer_iconlink {
display: inline-flex;
width: 100%;
justify-content: center; }
footer .footer_iconlink a, #footer .footer_iconlink a {
border-radius: 5px;
padding: 0 5px;
width: 100%; }
footer .footer_iconlink a:focus, footer .footer_iconlink a:hover, #footer .footer_iconlink a:focus, #footer .footer_iconlink a:hover {
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: #fefcf2 url(../images/footer_bgimg.jpg) no-repeat;
background-position-x: center;
background-position-y: bottom;
background-size: cover;
min-height: 250px;
border-top: 5px solid rgba(243, 204, 32, 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: #000; }
.fluid_top_div {
position: relative;
margin-top: -10%;
margin-bottom: 10%;
background: rgba(255, 255, 255, 0.9);
width: 95%;
margin-left: 2.5%;
padding: 30px 5%;
border: 1px solid #efefef; }
.fluid-width-video-wrapper {
padding-top: 56.25% !important; }
.form-group input[type="radio"] {
padding: 0;
width: 18px;
height: 18px;
margin: 0 3px 0px 10px;
position: relative;
top: -5px; }
.form-group input[type="checkbox"] {
padding: 0;
width: 20px;
height: 20px;
margin: 0 3px 0 10px;
position: relative;
top: 3px; }
.Goal_div {
position: relative;
text-align: center;
height: 600px;
margin: 0 auto;
background: url(../images/Goal_01.jpg) center center; }
.Goal_div .Goal_subdiv {
position: relative;
margin: 0 auto;
width: 500px;
height: 600px; }
.Goal_div .Goal_subdiv i {
font-size: 48px;
color: #fff;
margin: 0px; }
.Goal_div .Goal_subdiv h3 {
color: #fff;
margin: 0 0 10px;
font-size: 28px; }
.Goal_div .Goal_subdiv p {
font-size: 18px;
color: #fff; }
.Goal_div .Goal_subdiv div {
position: absolute; }
.Goal_div .Goal_subdiv div:nth-child(1) {
top: 14%;
width: 180px;
left: 32%; }
.Goal_div .Goal_subdiv div:nth-child(2) {
top: 50%;
width: 180px;
left: 8%; }
.Goal_div .Goal_subdiv div:nth-child(3) {
top: 50%;
width: 180px;
left: 56%; }
.form_box {
background: #f5f5f5;
padding: 20px; }
.form_box .text {
font-size: 18px; }
.form_box .textinput {
padding: 5px; }
.flex-control-nav {
position: absolute;
z-index: 10;
text-align: center;
bottom: 10px;
top: auto;
left: 50%;
margin-left: -85px; }
.flex-control-nav li {
margin: 0 5px;
width: 25px;
height: 20px; }
.flex-control-nav li a {
width: 20px !important;
height: 20px !important; }
.google_maps > div.fluid-width-video-wrapper {
padding: 0 !important; }
header, #header {
height: auto;
border-bottom: 0px solid #F5F5F5;
background: #fefcf2; }
header #header-wrap, #header #header-wrap {
padding: 0;
height: auto;
background: #fffcf2; }
header #header-wrap .nav_div, #header #header-wrap .nav_div {
padding: 0; }
header #logo, #header #logo {
margin-right: 10px;
margin: 5px 0; }
header #logo img, #header #logo img {
height: 50px;
margin: 0; }
header .navbar-toggler, #header .navbar-toggler {
display: none; }
header .navbar, #header .navbar {
padding: 0.5rem 1rem;
background: #e79366;
/*background: #f5f5f5 url(../images/test_bg2.png);*/
background-size: 100% 100%;
color: #555; }
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: #e79366;
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: #e79366; }
header .navbar .navbar-nav .nav-link, #header .navbar .navbar-nav .nav-link {
color: #fff;
padding: 0 10px;
font-size: 18px; }
header .top_side_div, #header .top_side_div {
float: right;
clear: both;
position: relative;
right: 10px;
top: 5px;
bottom: 0; }
header .top_side_div ul li, #header .top_side_div ul li {
margin: 0 auto; }
header .top_side_div ul li a, #header .top_side_div ul li a {
padding: 3px 7px;
text-decoration: underline !important;
color: #777; }
header .top_side_div ul li a:hover, header .top_side_div ul li align-content:focus, #header .top_side_div ul li a:hover, #header .top_side_div ul li align-content:focus {
padding: 3px 7px;
border-radius: 5px;
color: #fff;
background: #e79366;
text-decoration: none !important; }
header .header_top_bg, #header .header_top_bg {
background-image: url(../images/top_bg.png);
background-size: 35px;
background-repeat-y: no-repeat;
height: 31px;
width: 100%;
position: relative;
top: -10px; }
#gotoTop {
right: 50px;
display: block; }
#gotoTop:hover {
background-color: #e79366; }
#header.sticky-header:not(.static-sticky), #header.sticky-header:not(.static-sticky) #header-wrap {
position: relative;
height: auto; }
#header.sticky-header:not(.static-sticky):not(.sticky-style-2):not(.sticky-style-3) #logo img {
height: 50px; }
.HealthEducationInfo_content * {
width: 100% !important;
margin-left: 0 !important;
font-family: 微軟正黑體, 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: #e79366; }
.healthedu_detail_content .healthedu_detail_top .healthedu_time {
display: inline-block;
font-size: 16px;
position: absolute;
right: 0;
bottom: 20px; }
.healthedu_detail_content .healthedu_detail_bottom {
font-weight: bold; }
.healthedu_detail_content .healthedu_detail_bottom .healthedu_bottom_text {
color: #e79366;
text-align: right;
font-size: 18px; }
.healthedu_detail_content .healthedu_detail_bottom .healthedu_footer {
background: #e79366;
font-size: 16px;
padding: 3px 10px;
font-size: 16px;
text-align: right;
color: #fff;
margin-top: 35px; }
.healthedu_detail_content .line {
border-color: #e79366;
border-width: 3px; }
.healthedu_detail_content .content {
/*background: url(../Content/images/medical_bg.png);
background-size: 100%;*/ }
.healthedu_detail_content .content * {
width: 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: #555;
border-bottom: 1px solid #ddd;
font-size: 24px; }
.index_title h3 span {
border-bottom: 3px solid #e79366;
color: #fff !important;
padding: 0 25px 0 30px;
letter-spacing: 1px;
margin: 0px 0 0 25px;
background: #e79366;
border-radius: 0 25px 0 0; }
.index_title h3 span img {
position: absolute;
left: 10px;
top: -20px;
width: 60px; }
.index_title i {
margin: 0 3px 0;
display: none; }
.index_icon_div {
border: 1px #ddd solid;
padding: 25px 0;
margin: 0 0px 30px;
background: #fff;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }
.index_icon_div:hover, .index_icon_div:focus {
box-shadow: 1px 1px 3px #aaa; }
.index_icon_div .fbox-border.fbox-effect .fbox-icon i:after {
background-color: #e79366; }
.index_icon_div .button:hover, .index_icon_div .button:focus {
background-color: #e79366 !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: 0px #fff solid;
/* background: url(../images/index_button_bg.jpg) no-repeat;
background-size: 100% 100%;*/ }
.index_icon_div2 {
padding: 0px;
/*
.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 * {
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.index_icon_div2 .index_icon_box {
padding: 10px; }
.index_icon_div2 .index_icon_title {
text-align: center;
margin: 0; }
.index_icon_div2:nth-child(4n+1) {
background: #ffeee5;
border: 0px #fff solid;
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.index_icon_div2:nth-child(4n+1) .fbox-icon i {
border: 1px #fff solid;
color: #fff !important; }
.index_icon_div2:nth-child(4n+1) .fbox-icon i:hover {
background: #e79366; }
.index_icon_div2:nth-child(4n+1) .index_icon_box {
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
border-bottom: 5px solid #e79366; }
.index_icon_div2:nth-child(4n+1) .index_icon_title span {
color: #777; }
.index_icon_div2:nth-child(4n+1) .index_icon_text {
color: #fff; }
.index_icon_div2:nth-child(4n+1):hover, .index_icon_div2:nth-child(4n+1):focus {
opacity: 0.8; }
.index_icon_div2:nth-child(4n+1):hover .fbox-icon i, .index_icon_div2:nth-child(4n+1):focus .fbox-icon i {
color: #e79366 !important; }
.index_icon_div2:nth-child(4n+1):hover .index_icon_box, .index_icon_div2:nth-child(4n+1):focus .index_icon_box {
border-bottom: 5px solid #e79366; }
.index_icon_div2:nth-child(4n+1):hover .index_icon_title img, .index_icon_div2:nth-child(4n+1):focus .index_icon_title img {
transform: scale(1.2); }
.index_icon_div2:nth-child(4n+1):hover .index_icon_title span, .index_icon_div2:nth-child(4n+1):focus .index_icon_title span {
color: #e79366 !important; }
.index_icon_div2:nth-child(4n+1):hover .index_icon_text, .index_icon_div2:nth-child(4n+1):focus .index_icon_text {
color: #fff; }
.index_icon_div2:nth-child(4n+2) {
background: #c2d2e8;
border: 0px #fff solid;
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.index_icon_div2:nth-child(4n+2) .fbox-icon i {
border: 1px #fff solid;
color: #fff !important; }
.index_icon_div2:nth-child(4n+2) .fbox-icon i:hover {
background: #678daf; }
.index_icon_div2:nth-child(4n+2) .index_icon_box {
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
border-bottom: 5px solid #678daf; }
.index_icon_div2:nth-child(4n+2) .index_icon_title span {
color: #777; }
.index_icon_div2:nth-child(4n+2) .index_icon_text {
color: #fff; }
.index_icon_div2:nth-child(4n+2):hover, .index_icon_div2:nth-child(4n+2):focus {
opacity: 0.8; }
.index_icon_div2:nth-child(4n+2):hover .fbox-icon i, .index_icon_div2:nth-child(4n+2):focus .fbox-icon i {
color: #678daf !important; }
.index_icon_div2:nth-child(4n+2):hover .index_icon_box, .index_icon_div2:nth-child(4n+2):focus .index_icon_box {
border-bottom: 5px solid #678daf; }
.index_icon_div2:nth-child(4n+2):hover .index_icon_title img, .index_icon_div2:nth-child(4n+2):focus .index_icon_title img {
transform: scale(1.2); }
.index_icon_div2:nth-child(4n+2):hover .index_icon_title span, .index_icon_div2:nth-child(4n+2):focus .index_icon_title span {
color: #678daf !important; }
.index_icon_div2:nth-child(4n+2):hover .index_icon_text, .index_icon_div2:nth-child(4n+2):focus .index_icon_text {
color: #fff; }
.index_icon_div2:nth-child(4n+3) {
background: #d0e6d6;
border: 0px #fff solid;
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.index_icon_div2:nth-child(4n+3) .fbox-icon i {
border: 1px #fff solid;
color: #fff !important; }
.index_icon_div2:nth-child(4n+3) .fbox-icon i:hover {
background: #72bb91; }
.index_icon_div2:nth-child(4n+3) .index_icon_box {
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
border-bottom: 5px solid #72bb91; }
.index_icon_div2:nth-child(4n+3) .index_icon_title span {
color: #777; }
.index_icon_div2:nth-child(4n+3) .index_icon_text {
color: #fff; }
.index_icon_div2:nth-child(4n+3):hover, .index_icon_div2:nth-child(4n+3):focus {
opacity: 0.8; }
.index_icon_div2:nth-child(4n+3):hover .fbox-icon i, .index_icon_div2:nth-child(4n+3):focus .fbox-icon i {
color: #72bb91 !important; }
.index_icon_div2:nth-child(4n+3):hover .index_icon_box, .index_icon_div2:nth-child(4n+3):focus .index_icon_box {
border-bottom: 5px solid #72bb91; }
.index_icon_div2:nth-child(4n+3):hover .index_icon_title img, .index_icon_div2:nth-child(4n+3):focus .index_icon_title img {
transform: scale(1.2); }
.index_icon_div2:nth-child(4n+3):hover .index_icon_title span, .index_icon_div2:nth-child(4n+3):focus .index_icon_title span {
color: #72bb91 !important; }
.index_icon_div2:nth-child(4n+3):hover .index_icon_text, .index_icon_div2:nth-child(4n+3):focus .index_icon_text {
color: #fff; }
.index_icon_div2:nth-child(4n+4) {
background: #fcf6df;
border: 0px #fff solid;
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.index_icon_div2:nth-child(4n+4) .fbox-icon i {
border: 1px #fff solid;
color: #fff !important; }
.index_icon_div2:nth-child(4n+4) .fbox-icon i:hover {
background: #72bb91; }
.index_icon_div2:nth-child(4n+4) .index_icon_box {
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
border-bottom: 5px solid #f3cc20; }
.index_icon_div2:nth-child(4n+4) .index_icon_title span {
color: #777; }
.index_icon_div2:nth-child(4n+4) .index_icon_text {
color: #fff; }
.index_icon_div2:nth-child(4n+4):hover, .index_icon_div2:nth-child(4n+4):focus {
opacity: 0.8; }
.index_icon_div2:nth-child(4n+4):hover .fbox-icon i, .index_icon_div2:nth-child(4n+4):focus .fbox-icon i {
color: #f3cc20 !important; }
.index_icon_div2:nth-child(4n+4):hover .index_icon_box, .index_icon_div2:nth-child(4n+4):focus .index_icon_box {
border-bottom: 5px solid #f3cc20; }
.index_icon_div2:nth-child(4n+4):hover .index_icon_title img, .index_icon_div2:nth-child(4n+4):focus .index_icon_title img {
transform: scale(1.2); }
.index_icon_div2:nth-child(4n+4):hover .index_icon_title span, .index_icon_div2:nth-child(4n+4):focus .index_icon_title span {
color: #f3cc20 !important; }
.index_icon_div2:nth-child(4n+4):hover .index_icon_text, .index_icon_div2:nth-child(4n+4):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 {
border: 0px !important; }
.index_tabs .tab-nav li {
border: 0px solid #DDD !important;
height: auto !important; }
.index_tabs .tab-nav li a {
padding: 5px !important;
border-radius: 15px;
border: 2px #e79366 dashed !important;
height: auto !important;
line-height: normal !important;
width: 90%;
margin: 0 auto; }
.index_tabs .tab-nav li.ui-tabs-active a {
top: 0 !important;
background-color: #e79366 !important;
color: #fff;
height: auto !important; }
.index_tabs .index_tab_main {
padding: 10px 10px;
margin: 0 0 15px;
border-bottom: 2px #ddd dashed; }
.index_tabs .index_tab_main:hover, .index_tabs .index_tab_main:focus {
background: #fefcf2;
border-bottom: 2px #e79366 dashed;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in; }
.index_tabs .index_tab_main .main_img {
width: 100%;
overflow: hidden;
position: relative;
padding-bottom: 56.25%; }
.index_tabs .index_tab_main .main_img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%; }
.index_tabs .index_tab_main .main_content .main_time {
font-size: 16px; }
.index_tabs .index_tab_main .main_content h3 {
font-size: 24px;
margin: 10px 0;
height: 75px;
white-space: normal;
overflow: hidden; }
.index_tabs .index_tab_main .main_content p {
font-size: 18px;
margin: 11px 0 11px;
overflow: hidden;
height: 65px; }
.index_tabs .index_tab_sub {
padding: 10px;
margin: 0 0 10px;
border-bottom: 2px #ddd dashed; }
.index_tabs .index_tab_sub:hover, .index_tabs .index_tab_sub:focus {
background: #fefcf2;
border-bottom: 2px #e79366 dashed;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in; }
.index_tabs .index_tab_sub .sub_img {
overflow: hidden;
position: relative;
padding-bottom: 56.25%; }
.index_tabs .index_tab_sub .sub_img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%; }
.index_tabs .index_tab_sub .row {
align-items: center; }
.index_tabs .index_tab_sub .sub_title {
/*overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;*/
/*margin: 10px 0 10px 0;
height: 55px;*/
margin: 10px 0;
height: 55px;
overflow: hidden;
font-size: 18px; }
.index_tabs .index_tab_sub .sub_time {
font-size: 16px;
right: 0;
top: 10px; }
.index_dr_search_area {
background: url(../images/dr_search_bg.png);
background-size: cover;
background-position: center;
padding-right: 0;
padding-left: 0; }
.index_interview_div .interview_main_div {
position: relative;
overflow: hidden;
margin: 0 0 30px; }
.index_interview_div .interview_main_div .img img {
width: 100%; }
.index_interview_div .interview_main_div .text {
height: auto;
max-height: 270px;
overflow: hidden; }
.index_interview_div .interview_main_div .text h3 {
font-size: 21px;
color: #e79366;
margin: 0 0 10px; }
.index_interview_div .interview_main_div .text p {
font-size: 16px;
margin: 0; }
.index_interview_div .interview_main_div:hover .text, .index_interview_div .interview_main_div:focus .text {
/*bottom: 0;*/ }
.index_interview_div .interview_sub_div {
margin: 0 0 30px; }
.index_interview_div .interview_sub_div .img img {
width: 100%; }
.index_interview_div .interview_sub_div .text {
height: auto;
max-height: 150px;
overflow: hidden; }
.index_interview_div .interview_sub_div .text h3 {
font-size: 18px;
color: #e79366;
margin: 5px 0 5px; }
.index_interview_div .interview_sub_div .text p {
font-size: 16px;
margin: 0; }
.index_interview_div .interview_sub_div h3, .index_interview_div .interview_sub_div p {
margin: 0; }
#index_owlslider .owl-nav .owl-prev {
left: 15px; }
#index_owlslider .owl-nav .owl-next {
right: 15px; }
#index_owlslider .owl-dots {
bottom: 20px;
width: 100%;
position: absolute; }
#index_owlslider .owl-dots .owl-dot {
background-color: #ffffff;
width: 15px;
height: 15px;
margin: 0 7px 0 7px; }
.images_card {
background-repeat: no-repeat;
margin: 0 0 20px;
display: flex;
align-items: center;
height: 400px;
position: relative; }
.images_card .images_card_subdiv {
position: absolute;
padding: 20px;
margin: 0px auto;
left: 10%;
width: 80%;
background: rgba(255, 255, 255, 0.85); }
.images_card .images_card_subdiv .pic {
display: none; }
.images_card .images_card_subdiv p {
font-size: 18px; }
.img_div {
overflow: hidden; }
.img_div img {
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.img_div:hover img {
transform: scale(1.05); }
.knowledge_list {
padding: 0 15px;
position: relative; }
.knowledge_list .row {
padding: 20px; }
.knowledge_list .knowledge_list_sub {
box-sizing: border-box;
padding: 10px;
margin: 30px 0;
border: 1px #ddd solid; }
.knowledge_list .knowledge_list_sub:hover, .knowledge_list .knowledge_list_sub:focus {
box-shadow: 0 0 10px #aaa;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in; }
.knowledge_list .knowledge_list_sub .knowledge_title {
margin: 0 0 0px;
color: #e79366;
font-size: 21px;
position: relative;
margin: -60px 0 0 0; }
.knowledge_list .knowledge_list_sub .knowledge_title h3 {
/*background: #fff;
display: inline-block;
padding: 0 30px;*/
background: #e79366;
text-shadow: 1px 1px 8px #555;
color: #ffffff;
border-radius: 45px;
display: inline-block;
padding: 10px 30px;
font-size: 28px;
box-shadow: 1px 1px 5px #777; }
.knowledge_list .knowledge_list_sub .knowledge_title a {
color: #e79366;
font-weight: bold; }
.knowledge_list .knowledge_list_sub .knowledge_img {
margin: 0 0 10px; }
.knowledge_list .knowledge_list_sub .knowledge_img img {
width: 100%; }
.knowledge_list .knowledge_list_sub .knowledge_content {
padding: 0 3%; }
.knowledge_list .knowledge_list_sub .knowledge_content .knowledge_time {
font-size: 16px;
color: #555; }
.knowledge_list .knowledge_list_sub .knowledge_content .knowledge_content_text {
padding: 0;
font-size: 18px;
clear: both;
/*max-height: 5.4rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;*/
margin-bottom: 0;
height: 165px;
overflow: hidden; }
.knowledge_list .images_right .knowledge_img {
/*position: absolute;
right: 0;*/ }
.knowledge_detail_content .knowledge_detail_top {
position: relative; }
.knowledge_detail_content .knowledge_detail_top:hover .top_img img {
transform: scale(1.1);
opacity: 0.8; }
.knowledge_detail_content .knowledge_detail_top .top_img {
overflow: hidden; }
.knowledge_detail_content .knowledge_detail_top .top_img img {
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.knowledge_detail_content .knowledge_detail_top .text {
position: absolute;
top: 0;
background: rgba(51, 51, 51, 0.5);
height: 100%;
width: 100%;
padding: 10%;
overflow: hidden;
font-size: 28px;
line-height: 1.6em;
font-weight: bold;
color: #fff;
text-align: justify; }
.knowledge_detail_content #article_carousel .owl-dots .owl-dot, .knowledge_detail_content #dr_carousel .owl-dots .owl-dot {
width: 12px;
height: 12px; }
.knowledge_detail_content #article_carousel .owl-nav [class*=owl-], .knowledge_detail_content #dr_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 {
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 {
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: #555;
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: #555;
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: #e79366;
padding: 10px;
margin: 0;
font-size: 21px; }
.knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_name, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_name, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_name {
padding: 0 10px 10px;
margin: 0; }
.knowledge_detail_content .knowledge_detail_article .video_subdiv, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv, .knowledge_detail_content .knowledge_detail_video .video_subdiv {
margin: 0 0 30px;
background: #fff; }
.knowledge_detail_content .knowledge_detail_article .video_subdiv:hover, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv:hover, .knowledge_detail_content .knowledge_detail_video .video_subdiv:hover {
box-shadow: 2px 2px 5px #ddd;
transition: all 0.2s; }
.knowledge_detail_content .knowledge_detail_article .video_subdiv:hover .video_img img, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv:hover .video_img img, .knowledge_detail_content .knowledge_detail_video .video_subdiv:hover .video_img img {
transform: scale(1.1);
opacity: 0.8; }
.knowledge_detail_content .knowledge_detail_article .video_subdiv .video_img, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv .video_img, .knowledge_detail_content .knowledge_detail_video .video_subdiv .video_img {
overflow: hidden; }
.knowledge_detail_content .knowledge_detail_article .video_subdiv .video_img img, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv .video_img img, .knowledge_detail_content .knowledge_detail_video .video_subdiv .video_img img {
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.knowledge_detail_content .knowledge_detail_article .video_subdiv .video_title, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv .video_title, .knowledge_detail_content .knowledge_detail_video .video_subdiv .video_title {
padding: 10px;
margin: 0;
height: 90px;
line-height: 36px;
overflow: hidden;
display: flex; }
.knowledge_detail_content .knowledge_detail_article .video_subdiv .video_title span, .knowledge_detail_content .knowledge_detail_doctor .video_subdiv .video_title span, .knowledge_detail_content .knowledge_detail_video .video_subdiv .video_title span {
align-self: center;
text-align: center;
width: 100%;
height: 60px;
line-height: 30px;
overflow: hidden; }
.knowledge_detail_content .knowledge_detail_start, .knowledge_detail_content .knowledge_detail_end {
padding: 40px 0px;
display: inline-block; }
.knowledge_detail_content .knowledge_detail_start p, .knowledge_detail_content .knowledge_detail_start span, .knowledge_detail_content .knowledge_detail_start li, .knowledge_detail_content .knowledge_detail_end p, .knowledge_detail_content .knowledge_detail_end span, .knowledge_detail_content .knowledge_detail_end li {
font-size: 21px; }
.knowledge_detail_content .knowledge_detail_article {
background: #f5f5f5;
clear: both; }
.knowledge_detail_content .knowledge_detail_doctor {
clear: both; }
.knowledge_detail_content .knowledge_detail_video {
background: #f5f5f5;
clear: both; }
.link_btn, .back_btn {
margin: 20px auto 10px;
text-align: center; }
.link_btn a, .back_btn a {
border-radius: 10px !important; }
.link_div > h2 {
color: #678daf;
text-align: center;
width: 100%;
margin: 20px 0; }
.link_div .link_item {
margin: 0 0 50px; }
.link_div .link_item .link_images img {
width: 100%; }
.link_div .link_item .link_title h3 {
font-size: 21px;
margin: 10px 0px;
line-height: 24px;
border-left: 5px solid #e79366;
padding: 0 0 0 5px;
font-weight: bold; }
.link_div .link_item .link_title h3 a {
color: #e79366; }
.link_div .link_item .link_text i {
margin-right: 10px; }
.link_div .link_item .link_text p {
font-size: 16px;
margin: 0 0 0px; }
.language_div {
float: left;
position: relative;
margin: 18px 0 0 15px; }
.language_div a {
padding: 7px 10px;
background: #aaa;
border-radius: 5px;
color: #fff;
margin: 0 5px 0 0; }
.language_div a:hover, .language_div a:focus {
background: #e79366; }
.main_div {
margin: 30px 0 0px;
padding: 30px 3%;
background: white;
border: 1px #efefef solid;
box-shadow: 0px 0px 10px #ddd;
}
.main_div .main_title {
border-left: 5px #e79366 solid;
padding: 0 1em 0 0.5em;
align-items: center;
display: inline-flex;
flex-wrap: wrap;
border-radius: 30px;
background: #e79366;
box-shadow: 3px 3px 3px #ddd;
position: relative; }
.main_div .main_title h2 {
margin: 0 0.5em 0 65px;
display: inline-block;
/*color: $primary-color;*/
color: #fff;
font-size: 25px; }
.main_div .main_title span {
color: #fff;
display: inline-block;
margin: 0; }
.main_div .main_content {
position: relative; }
.main_div .main_content .main_subtitle h3 {
color: #678daf; }
.main_div .main_content .main_subtitle a {
color: #678daf; }
.main_div .main_content .main_subtitle span {
border-bottom: 3px solid #678daf;
color: #678daf !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: #e79366;
font-weight: bold;
color: #fff; }
.main_div table tbody tr {
background-color: #fefcf2; }
.main_div .table-striped tbody tr {
background-color: #fefcf2; }
.main_div .table-striped tbody tr:nth-of-type(odd) {
background-color: #fffacd; }
.main_div .table-middle * {
vertical-align: middle !important; }
#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 #e79366 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: #fffcf2; }
.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 10px;
border-bottom: 1px #ddd solid; }
.news_list .news_list_sub:hover, .news_list .news_list_sub:focus {
background: #e9f3f5 !important;
box-shadow: 0 0 10px #aaa;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
z-index: 1; }
.news_list .news_list_sub .news_img {
padding: 0 0 0 15px;
margin: 0 0 10px; }
.news_list .news_list_sub .news_img img {
width: 100%; }
.news_list .news_list_sub .news_content .news_title {
margin: 0;
color: #e79366;
font-size: 21px;
max-height: 3em;
overflow: hidden; }
.news_list .news_list_sub .news_content .news_title a {
color: #e79366;
font-weight: bold; }
.news_list .news_list_sub .news_content .news_time {
font-size: 16px;
color: #555; }
.news_list .news_list_sub .news_content .news_content_text {
padding: 0;
font-size: 16px;
clear: both;
max-height: 5.4rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
margin-bottom: 0; }
.news_ArticleContent * {
line-height: 1.95 !important; }
.news_ArticleContent a {
color: #678daf; }
.no_data {
padding: 0px; }
.no_data p {
padding: 20%;
text-align: center;
font-size: 21px;
margin: 0;
border-bottom: 1px solid #ddd; }
.newdr_div .owl-item {
padding: 15px; }
.newdr_div .owl-item:hover, .newdr_div .owl-item:focus {
border-bottom: 5px #e79366 solid;
background: #fff;
box-shadow: 0 0 10px #aaa;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in; }
.newdr_div h4 {
margin: 10px 0 0 0;
text-align: center;
color: #e79366; }
.newdr_div .dep {
text-align: center;
background: #aaa;
color: #fff !important;
font-size: 16px;
padding: 0px 5px;
border-radius: 5px;
margin: 5px auto;
display: table; }
.newdr_div .dep:hover, .newdr_div .dep:focus {
background: #678daf;
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_box {
background: #efefef;
padding: 0px 15px 15px;
margin: 0 0 15px; }
.onlineappointment_box h3 {
padding: 10px 15px 0;
margin: 0px 0 10px;
color: #555;
text-align: center; }
.onlineappointment_box .row p {
margin: 0;
padding: 0 15px; }
.onlineappointment_box .row p a.link_btn {
padding: 1px;
margin: 5px auto;
width: 100%;
display: block;
color: #ffffff !important;
text-align: center;
letter-spacing: 3px;
font-weight: bold;
font-size: 21px;
border-bottom: 5px solid rgba(0, 0, 0, 0.15);
background: #e79366; }
.onlineappointment_box .row p a.link_btn:hover, .onlineappointment_box .row p a.link_btn:focus {
transition: .5s ease all;
background: #dc7583;
text-decoration: none !important; }
.onlinedivision_box {
background: rgba(255, 255, 255, 0);
margin: 30px 0;
padding: 0;
/*&:nth-child(2) .title {
background-color: #f29a83 !important;
}
&:nth-child(3) .title {
background-color: #81c4de !important;
}
&:nth-child(4) .title {
background-color: #f8d07f !important;
}
&:nth-child(5) .title {
background-color: #d7a7e4 !important;
}*/ }
.onlinedivision_box .title {
padding: 10px;
margin: 0;
color: #fff;
text-align: center;
font-size: 28px;
font-weight: bold; }
.onlinedivision_box .dep_nm_odd, .onlinedivision_box .dep_nm_even, .onlinedivision_box .dep_nm_div {
margin: 0;
padding: 7px 10px;
text-align: left; }
.onlinedivision_box .dep_nm_odd a, .onlinedivision_box .dep_nm_even a, .onlinedivision_box .dep_nm_div a {
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_even a:hover, .onlinedivision_box .dep_nm_even a:focus, .onlinedivision_box .dep_nm_div a:hover, .onlinedivision_box .dep_nm_div a:focus {
background: #fff;
box-shadow: 0 0 10px #aaa;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in; }
.onlinedivision_box > .row {
padding: 15px;
margin: 0; }
.onlinedivision_box .dep_nm_sub {
margin: 20px 0;
padding: 0;
background: #fff;
border: 1px solid #e6e4de; }
.onlinedivision_box .dep_nm_sub .dep_nm_sub_title {
padding: 0 5px;
background: #e6e4de;
text-align: center;
width: 100%; }
.onlinedivision_box .dep_nm_sub .dep_nm_sub_title a {
padding: 5px 0;
display: block;
color: #555;
font-weight: bold;
font-size: 21px; }
.onlinedivision_box .dep_nm_sub > .row {
padding: 15px 25px; }
#primary-menu {
background: #eee; }
#primary-menu ul li > a {
display: block;
line-height: 40px;
padding: 0px 10px !important;
margin: 30px 0 !important;
color: #444;
font-weight: bold;
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: 微軟正黑體, serif;
-webkit-transition: margin .4s ease, padding .4s ease;
-o-transition: margin .4s ease, padding .4s ease;
transition: margin .4s ease, padding .4s ease; }
#primary-menu ul li > a:hover {
color: #444 !important;
background-color: #ccc !important; }
#primary-menu ul li:hover > a {
color: #444;
background-color: rgba(245, 245, 245, 0); }
#page-title {
background-size: cover;
padding: 50px 0;
/*background: $primary-color url(../images/page_topbanner_test01.png) no-repeat;*/
background: #fff url(../images/page_topbanner_test01.png) no-repeat;
background-position: right !important;
border-bottom: 0px solid #EEE; }
#page-title > div {
height: 60px; }
#page-title h1 {
color: #e79366; }
#page-title span {
color: #777;
margin-top: 5px; }
.content-wrap {
/*background: #f5f5f5 url(../images/page_bg2.png) fixed no-repeat center 75%;*/
background: #fffcf2 url(../images/page_bg4.png) no-repeat center bottom;
background-size: 100%;
padding: 0 0 60px !important;
}
.page_tab .tab-nav li a {
padding: 0 !important;
font-size: 16px !important; }
.page_tab .page_tab_main {
margin: 0 0 10px; }
.page_tab .page_tab_sub {
padding: 10px 0 10px !important;
border-bottom: 1px #ddd dashed; }
.page_tab .page_tab_sub:hover, .page_tab .page_tab_sub:focus {
background: #f5f5f5; }
.page_tab .page_tab_sub .row {
align-items: center; }
.page_tab .page_tab_sub .sub_title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
.page_tab .page_tab_sub .sub_time {
text-align: right;
font-size: 16px; }
.page_tab .page_tab_sub .sub_time i {
margin-right: 3px; }
.pagination_div {
margin: 30px 0 0;
text-align: center;
width: 100%; }
.pagination_div .pagination {
display: block; }
.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: #e79366 !important;
border-color: #e79366 !important; }
.public_trans_ul li {
margin: 0 0 10px 0; }
.portfolio-filter li a {
font-size: 16px; }
.portfolio-filter li.activeFilter a {
background-color: #e79366; }
.portfolio-filter li.activeFilter a :hover {
color: #e79366; }
.portfolio .portfolio-item:hover .portfolio-image img {
transition: transform .4s ease-in-out;
transform: scale(1.1); }
.QA_accordion .acctitle {
font-size: 18px;
padding: 0 50px 0 15px !important; }
.QA_accordion .acctitle:hover, .QA_accordion .acctitle:focus {
background-color: #ddd; }
.QA_accordion .acctitle i {
right: 15px;
left: auto !important;
line-height: 45px !important;
font-size: 21px;
margin-right: 5px;
position: absolute; }
.QA_accordion .acctitlec {
background-color: #e79366 !important;
color: #fff; }
.QA_accordion .acc_content {
padding: 25px 15px 40px !important; }
.QA_accordion ul {
list-style: none; }
.question_list {
padding: 0 15px; }
.question_list > .row > div:nth-child(even) {
background: #f9f9f9; }
.question_list .question_subdiv {
display: inline-block;
box-sizing: border-box;
padding: 20px 10px;
border-bottom: 1px #ddd solid; }
.question_list .question_subdiv:hover, .question_list .question_subdiv:focus {
background: #e9f3f5 !important;
box-shadow: 0 0 10px #aaa;
-moz-transition: all .3s ease-in;
-webkit-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
z-index: 1; }
.question_list .question_subdiv .feature-box {
padding: 0px 0 0 90px; }
.question_list .question_subdiv .fbox-icon {
left: 10px; }
.question_list .question_subdiv .fbox-icon .states_question {
background: #678daf;
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: #dc7583;
color: #fff;
padding: 0px 0px;
text-align: center;
margin: 10px 0 0 0;
border-radius: 5px; }
.question_list .question_subdiv .name {
font-weight: bold;
font-size: 18px;
color: #555;
margin-right: 5px; }
.question_list .question_subdiv .time {
font-size: 16px; }
.question_list .question_subdiv .question_list_content {
overflow: hidden;
max-height: 65px;
color: #555; }
.question_list .question_subdiv .icon-question {
background-color: #678daf !important; }
.question_list .question_subdiv .icon-question:after {
box-shadow: 0 0 0 2px #678daf !important; }
.question_list .question_subdiv .icon-ok {
background-color: #dc7583 !important; }
.question_list .question_subdiv .icon-ok:after {
box-shadow: 0 0 0 2px #dc7583 !important; }
.question_list .question_subdiv .title {
display: inline-block;
font-size: 21px;
color: #678daf; }
.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: #678daf;
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: #dc7583;
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 #e79366;
padding: 0 5px;
color: #e79366 !important; }
.related_article .related_article_sub a {
padding: 0; }
.related_article .related_article_sub span {
font-size: 16px; }
.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 #e79366;
padding: 0 5px;
color: #e79366;
font-weight: bold;
font-size: 18px; }
.related_article .related_article_sub2 .content .subtitle {
font-size: 16px;
color: #777; }
.Recruit_div {
background: url(../images/Recruit_01.jpg) top center; }
.Recruit_content ul {
margin: 0 0 15px; }
.Recruit_content ul h3 {
margin: 0 0 5px; }
.RightSideArea {
background: #fff;
position: fixed;
top: 20%;
right: 10px;
width: 10%;
max-width: 100px;
z-index: 100;
box-shadow: -1px 1px 5px #777;
display: none;
transition: right .2s ease-in-out; }
.search_bar {
position: relative;
float: right;
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: #e79366;
margin: 5px 5px 0px 0px;
box-shadow: 0px 0px 0px #ccc;
border-radius: 20px; }
.search_bar .button:hover, .search_bar .button:focus {
background-color: #e79366;
box-shadow: 0px 0px 0px #ccc; }
.search_bar .cse .gsc-control-cse, .search_bar .gsc-control-cse {
padding: 8px 0 0 0;
background-color: rgba(255, 255, 255, 0); }
.search_bar .gsib_a {
padding: 6px 9px 5px 9px; }
.search_bar #gs_id50 {
margin-bottom: 0; }
.search_bar .gsc-input {
width: 200px; }
.search_bar .gsc-search-button .gsc-search-button-v2 {
width: 40px;
height: 38px;
padding: 0;
background-color: #e79366;
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: #dc7583; }
.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: #e79366;
text-align: center;
font-size: 21px;
text-shadow: 0px 0px 10px #555; }
.side_div .widget {
margin-top: 30px;
background: white;
border: 1px #efefef solid !important;
padding: 0; }
.side_div nav > ul {
padding: 0;
background: #fff;
margin: 0; }
.side_div nav > ul > li {
border-bottom: 1px #ddd dashed;
padding: 0px; }
.side_div nav > ul > li a {
width: 100%;
background: none;
padding: 10px 10%;
font-size: 18px;
color: #555;
font-weight: normal; }
.side_div nav > ul > li a:hover {
background: #e9f3f5;
color: #e79366 !important; }
.side_div nav > ul > li a li a {
color: #555;
font-size: 16px; }
.side_div nav > ul > li h4 {
color: #e79366;
margin: 0;
width: 100%;
padding: 10px 5%;
font-size: 21px; }
.side_div nav > ul > li h4:hover {
background: #f5f5f5; }
.side_div nav > ul > li h4 i {
font-size: 21px; }
.side_div nav > ul > li:last-child {
border-bottom: 0px #ddd dashed; }
.side_div nav > ul > li.active {
background: #fefcf2; }
.side_div nav > ul > li.active > a {
color: #e79366 !important;
font-weight: bold; }
.side_div nav > ul > li.active > a:hover {
color: #e79366 !important; }
.side_div nav > ul > li.active li.active {
background: #e5e5e5; }
.side_div nav > ul > li.active li.active > a {
color: #e79366 !important;
font-weight: bold; }
.side_div nav > ul > li.active li.active > a li a {
color: #555; }
.side_div nav > ul > li.active li.active a:hover {
background: #e5e5e5;
color: #e79366 !important; }
.side_div nav > ul > li.in > a {
color: #e79366 !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; }
.side_div nav ul ul {
margin-left: 0; }
.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: #678daf;
border: 1px #678daf 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: #678daf;
color: #fff; }
.share_div {
right: 15px;
top: 40%;
position: fixed;
background: rgba(255, 255, 255, 0.8);
padding: 10px 15px 0;
/* border: 1px #ddd solid; */
z-index: 1; }
.share_div .share_text {
margin: -40px 0 0 -15px;
font-size: 14px;
position: absolute;
background: #e79366;
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: #e79366;
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: #e79366;
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: #e79366;
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: #e79366;
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; }
.section {
background-color: #fefcf2; }
.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 {
flex: 20%;
height: auto;
padding: 0;
margin: 5px !important;
/*border: 1px solid #DDD;*/
border: 0px solid #DDD; }
.SearchByDepartment_tabs .tab-nav .ui-tabs-tab div, .SearchBySymptom_tabs .tab-nav .ui-tabs-tab div {
padding: 0px;
font-size: 18px; }
.SearchByDepartment_tabs .tab-nav li.ui-tabs-active a, .SearchBySymptom_tabs .tab-nav li.ui-tabs-active a {
border-top: 0px solid #e79366 !important; }
.SearchByDepartment_tabs .tab-content table th, .SearchBySymptom_tabs .tab-content table th {
background: #e79366;
color: #fff;
font-size: 21px; }
.SearchByDepartment_tabs .tab-content table .col1, .SearchBySymptom_tabs .tab-content table .col1 {
width: 150px;
text-align: left; }
.SearchByDepartment_tabs .tab-content table .col2, .SearchBySymptom_tabs .tab-content table .col2 {
text-align: left; }
.SearchBySymptom_tabs .tab-content table th {
background: #e79366;
color: #fff;
font-size: 21px; }
.SearchBySymptom_tabs .tab-content table .col1 {
width: 50%;
text-align: left; }
.SearchBySymptom_tabs .tab-content table .col2 {
text-align: left; }
.DymSchedule_table thead th {
background: #e79366;
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: #e79366;
margin: 5px 0;
display: block; }
.DymSchedule_table tbody td a:hover, .DymSchedule_table tbody td a:focus {
color: #e79366;
font-weight: bold; }
.DymSchedule_table tbody td br {
display: none; }
#top-bar {
height: 35px;
line-height: 35px;
background: #f5f5f5 url(../images/test_bg2.png); }
#top-bar .top-links ul li {
height: 35px;
margin-right: 0px; }
#top-bar .top-links ul li a {
font-size: 16px;
font-weight: normal;
height: 35px; }
.timeline {
position: relative;
margin-bottom: 30px;
padding: 15px; }
.timeline::before {
content: '';
border-left: 2px solid #ddd;
position: absolute;
display: block;
width: 4px;
background: #ddd;
top: 20px;
bottom: 20px;
margin-left: 40px; }
.timeline .timeline_sub .year {
position: relative;
top: 0;
left: 0px;
border-radius: 40px;
background: #e79366;
padding: 20px 8px;
width: 80px;
height: 80px;
display: inline-block;
text-align: center;
z-index: 2; }
.timeline .timeline_sub .year span {
color: #fff;
font-size: 28px;
font-weight: bold; }
.timeline .timeline_sub .content {
position: relative;
margin: 10px 0 15px 80px; }
.timeline .timeline_sub .content .date {
font-size: 21px;
color: #678daf;
font-weight: bold;
margin-right: 5px; }
.timeline .timeline_sub .content .date::after {
content: '';
background: #dc7583;
width: 20px;
height: 20px;
border-radius: 10px;
position: absolute;
left: -48px;
top: 7px;
display: block; }
.timeline .timeline_sub .content .date::before {
content: '';
background: #ddd;
width: 20px;
height: 4px;
position: absolute;
left: -30px;
top: 15px;
display: block;
border-left: 2px solid #ddd; }
.timeline .timeline_sub .content .text {
font-size: 18px;
margin: 0 0 0 20px; }
.timeline .timeline_sub .content .text::before {
content: '';
background: #ddd;
width: 10px;
height: 10px;
margin: 0 0 -5px 0;
position: relative;
left: -20px;
top: 13px;
display: block;
border-radius: 20px; }
.timeline .timeline_sub .content .text a {
color: #e79366; }
.timeline .timeline_sub .content .text a:hover, .timeline .timeline_sub .content .text a:focus {
color: #678daf; }
.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: #555; }
.tool_div a div:hover {
border: 1px solid #e79366;
background: #efefef;
color: #e79366 !important; }
.tabs-bordered .tab-container {
background: #fff;
border: 3px solid #e79366;
border-top: 3px solid #e79366;
border-radius: 20px;
margin: 20px 0; }
.Volunteer_div {
background: url(../images/Volunteer_01.jpg) top right; }
.website_list {
margin: 0 0 20px;
min-width: 200px; }
.website_list .list_title {
font-size: 21px;
font-weight: bold;
margin-bottom: 5px;
padding-left: 10px;
border-left: 5px #555 solid; }
.website_list .list_content {
list-style: none;
margin: 0 !important;
font-size: 16px; }
.website_list .list_item {
margin: 0px 0 3px;
font-weight: bold;
padding: 0 0 3px;
border-bottom: 1px #efefef solid; }
.website_list .list_item i {
margin: 0 10px 0 0px; }
.website_list .list_item a {
font-weight: normal; }
#wrapper {
background: #fefcf2; }
/*===================== desktop-large =====================*/
/*===================== desktop-medium =====================*/
@media (max-width: 1199px) {
header .navbar .navbar-nav .nav-link, #header .navbar .navbar-nav .nav-link {
padding: 0px 5px;
font-size: 16px; } }
/*===================== tablet =====================*/
@media (max-width: 991px) {
.breadcrumb {
margin: 20px 0 -40px 0 !important;
position: relative !important; }
.doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_name {
width: 100%;
float: none;
margin: 0 0 5px; }
.doctor_list .doctor_list_sub .doctor_content .doctor_title .doctor_jobtitle {
width: 100%;
float: none;
margin: 0 0 5px;
text-align: left; }
.doctor_list .doctor_list_sub .doctor_content .doctor_skill {
padding: 0; }
.doctor_list .doctor_list_sub .link_btn {
text-align: right; }
.department_menu {
background: #e79366; }
.department_menu .department_menu_wrap > div {
padding: 0 !important;
background: #e79366;
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: #e79366; }
.department_menu .department_menu_wrap nav ul.nav > li > a {
padding: 12px !important;
color: #fff !important;
font-size: 16px !important;
border-top: 1px rgba(255, 255, 255, 0.3) solid; }
.department_index_news .news_sub .sub_title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin: 0; }
.department_index_news .news_sub .sub_time {
text-align: left;
font-size: 16px;
position: relative;
top: 5px;
right: 0; }
.fslider_container {
padding-left: 0 !important;
padding-right: 0 !important; }
header, #header {
position: relative !important;
z-index: 3;
width: 100%;
background: #fffcf2; }
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;*/ }
header .navbar-toggler, #header .navbar-toggler {
border: 2px #777 solid;
color: #777;
display: none;
position: absolute;
right: 15px;
/*top: 20px;*/
top: 80px;
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: #e79366;
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: #e79366; }
header .navbar .navbar-nav .nav-link, #header .navbar .navbar-nav .nav-link {
color: #555;
padding: 10px;
font-size: 18px; }
header .navbar .navbar-nav .nav-link:hover, header .navbar .navbar-nav .nav-link:focus, #header .navbar .navbar-nav .nav-link:hover, #header .navbar .navbar-nav .nav-link:focus {
color: #e79366; }
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: 0 !important;
box-shadow: none; }
.index_icon_div2 {
border-right: 0px #fff solid;
margin: 0px 0; }
.index_icon_div2:last-child {
border-right: 0px #fff solid; }
.index_icon_div2 .index_icon_title {
text-align: center; }
.index_icon_div2 .index_icon_title img, .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: #e79366 !important;
background-color: #fff !important; }
.index_interview_div .interview_main_div {
position: relative;
margin: 0 0 20px; }
.index_interview_div .interview_main_div .text h3 {
margin: 5px 0; }
.index_interview_div .interview_sub_div .text {
height: auto;
max-height: 270px;
overflow: hidden; }
.index_interview_div .interview_sub_div .text h3 {
font-size: 21px; }
.index_tabs .index_tab_main .main_content {
clear: both; }
.index_tabs .index_tab_sub .sub_time {
position: relative;
top: 5px; }
.news_search .search_bar {
margin: 10px 0;
width: 100% !important; }
.newdr_month .title {
padding: 0 15px; }
.newdr_month .title h3 {
padding: 15px; }
.newdr_month .title h3 br {
display: none; }
#primary-menu {
max-height: 500px;
overflow-x: hidden;
overflow-y: auto; }
.primary-menu-open header {
background: #fff;
-webkit-transition: all .4s ease, opacity .3s ease;
-o-transition: all .4s ease, opacity .3s ease;
transition: all .4s ease, opacity .3s ease; }
#page-title {
background-position: right !important;
padding: 20px 0;
display: none; }
#page-title > div {
background: rgba(255, 255, 255, 0.9);
padding: 15px; }
#page-title h1 {
color: #e79366; }
#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: #e79366; }
.side_div .widget {
width: 100%;
padding-left: 0px;
padding-right: 0px; }
.status_div {
padding: 15px;
border-top: 1px #ddd solid;
border-bottom: 1px #ddd solid;
background: #f5f5f5;
position: relative;
clear: both;
display: block; }
.sort_div {
width: auto;
float: none;
margin: 10px 0 0;
position: relative;
right: 0; } }
/*===================== phone-large =====================*/
@media (max-width: 767px) {
#content .container {
position: relative;
padding-left: 15px !important;
padding-right: 15px !important; }
.content-wrap {
background: #f5f5f5;
background-size: 100%;
min-height: auto;
padding: 0 !important; }
footer #copyrights, #footer #copyrights {
padding: 20px 0 60px; }
.doctor_list .doctor_list_sub .link_btn {
text-align: center; }
.doctor_list .doctor_list_sub .link_btn a {
margin: 15px 0 0; }
.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: #e79366;
margin: 0px; }
.Goal_div .Goal_subdiv h3 {
color: #e79366;
margin: 0 0 10px;
font-size: 28px; }
.Goal_div .Goal_subdiv p {
font-size: 18px;
color: #777; }
.Goal_div .Goal_subdiv div {
position: absolute;
width: 100% !important;
position: relative;
left: 0 !important;
top: 0 !important; }
header, #header {
z-index: 3;
width: 100%;
background: #fffcf2; }
header .navbar-toggler, #header .navbar-toggler {
top: 25px; }
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: 50px;
margin: 15px auto 15px; }
.index_icon {
margin: 0 auto 0;
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 i {
float: right; }
.index_icon_div2 .index_icon_box .index_icon_title:hover i, .index_icon_div2 .index_icon_box .index_icon_title:focus i {
position: relative;
left: -5px; }
.index_tabs .index_tab_main .main_content h3 {
font-size: 18px;
height: 55px;
font-weight: normal; }
#index_owlslider .owl-nav .owl-prev {
margin-top: 0; }
#index_owlslider .owl-nav .owl-next {
margin-top: 0; }
#index_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: #e79366;
font-size: 21px; }
.knowledge_list .knowledge_list_sub .knowledge_title h3 {
background: #e79366;
display: inline-block;
padding: 0 30px; }
.knowledge_list .knowledge_list_sub .knowledge_title a {
color: #e79366;
font-weight: bold; }
.knowledge_list .knowledge_list_sub .knowledge_img {
margin: 0 0 10px; }
.knowledge_list .knowledge_list_sub .knowledge_img img {
width: 100%; }
.knowledge_list .knowledge_list_sub .knowledge_content {
padding: 0 3%; }
.knowledge_list .knowledge_list_sub .knowledge_content .knowledge_time {
font-size: 16px;
color: #555; }
.knowledge_list .knowledge_list_sub .knowledge_content .knowledge_content_text {
padding: 0;
font-size: 16px;
clear: both;
/*max-height: 5.4rem;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;*/
margin-bottom: 0; }
.knowledge_list .images_right .knowledge_img {
position: relative;
right: 0; }
.knowledge_detail_content .knowledge_detail_top {
position: relative; }
.knowledge_detail_content .knowledge_detail_top .text {
position: relative;
top: 0;
background: rgba(51, 51, 51, 0);
height: 100%;
width: 100%;
padding: 10px;
overflow: hidden;
font-size: 21px;
line-height: 1.6em;
font-weight: bold;
color: #555;
text-align: justify; }
.knowledge_detail_content .knowledge_detail_article .article_subdiv, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv, .knowledge_detail_content .knowledge_detail_video .article_subdiv {
margin: 0 0 30px;
background: #fff; }
.knowledge_detail_content .knowledge_detail_article .article_subdiv:hover, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv:hover, .knowledge_detail_content .knowledge_detail_video .article_subdiv:hover {
box-shadow: 1px 1px 5px #777;
transition: all 0.2s; }
.knowledge_detail_content .knowledge_detail_article .article_subdiv:hover .article_img img, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv:hover .article_img img, .knowledge_detail_content .knowledge_detail_video .article_subdiv:hover .article_img img {
transform: scale(1.1);
opacity: 0.8; }
.knowledge_detail_content .knowledge_detail_article .article_subdiv .article_img, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_img, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_img {
height: auto;
overflow: hidden; }
.knowledge_detail_content .knowledge_detail_article .article_subdiv .article_img img, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_img img, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_img img {
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.knowledge_detail_content .knowledge_detail_article .article_subdiv .article_title, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_title, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_title {
padding: 10px;
margin: 0;
height: 90px;
line-height: 36px;
overflow: hidden;
display: flex; }
.knowledge_detail_content .knowledge_detail_article .article_subdiv .article_title span, .knowledge_detail_content .knowledge_detail_doctor .article_subdiv .article_title span, .knowledge_detail_content .knowledge_detail_video .article_subdiv .article_title span {
align-self: center;
text-align: center;
width: 100%;
height: 60px;
line-height: 30px;
overflow: hidden; }
.knowledge_detail_content .knowledge_detail_article .doctor_subdiv, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv {
margin: 0 0 30px;
background: #fff; }
.knowledge_detail_content .knowledge_detail_article .doctor_subdiv:hover, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv:hover, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv:hover {
box-shadow: 1px 1px 5px #777;
transition: all 0.2s; }
.knowledge_detail_content .knowledge_detail_article .doctor_subdiv:hover .doctor_img img, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv:hover .doctor_img img, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv:hover .doctor_img img {
transform: scale(1.1);
opacity: 0.8; }
.knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_img, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_img, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_img {
height: auto;
overflow: hidden; }
.knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_img img, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_img img, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_img img {
transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s; }
.knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_title, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_title, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_title {
color: #e79366;
padding: 10px;
margin: 0;
font-size: 21px; }
.knowledge_detail_content .knowledge_detail_article .doctor_subdiv .doctor_name, .knowledge_detail_content .knowledge_detail_doctor .doctor_subdiv .doctor_name, .knowledge_detail_content .knowledge_detail_video .doctor_subdiv .doctor_name {
padding: 0 10px 10px;
margin: 0; }
.main_div .main_title {
display: inline-flex; }
.main_div .main_title h2 {
margin: 0 0.5em 0 65px;
display: inline-block; }
.main_div .main_title span {
color: #fff;
display: inline-block;
margin: 0; }
.main_div .main_content {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar; }
#primary-menu {
max-height: 500px;
overflow-x: hidden;
overflow-y: auto; }
.primary-menu-open header {
background: #fff;
-webkit-transition: all .4s ease, opacity .3s ease;
-o-transition: all .4s ease, opacity .3s ease;
transition: all .4s ease, opacity .3s ease; }
#page_container {
padding: 0 !important;
max-width: none; }
.images_card {
background: none !important;
height: auto; }
.images_card .images_card_subdiv {
position: relative;
padding: 0;
margin: 0;
height: auto;
width: 100%;
left: 0; }
.images_card .images_card_subdiv .pic {
display: block;
margin: 0 0 20px; }
#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: 40px;
margin: 0 auto;
padding: 10px 0px 10px; }
.share_div .icon .iconDetail {
display: none; }
.share_div .icon:hover .iconDetail {
display: none; }
.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; }
#top-bar .top-links > ul {
text-align: right; }
/*===================== phone =====================*/ }
@media (max-width: 767px) and (max-width: 575px) {
.fslider_container {
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important; }
header, #header {
z-index: 3;
width: 100%;
background: #fffcf2; }
header #header-wrap, #header #header-wrap {
padding: 0; }
header .navbar-toggler, #header .navbar-toggler {
display: none;
position: absolute;
right: 15px;
/*top: 10px;*/
top: 30px;
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_icon_div2 {
padding: 0; }
.news_list {
padding: 0 15px; }
.news_list .news_list_sub .news_img {
display: none; }
#primary-menu {
max-height: 500px;
overflow-x: hidden;
overflow-y: auto; }
.primary-menu-open header {
background: #fff;
-webkit-transition: all .4s ease, opacity .3s ease;
-o-transition: all .4s ease, opacity .3s ease;
transition: all .4s ease, opacity .3s ease; }
.search_bar {
margin: 30px 0px 20px 0px;
width: 100%; }
.search_bar .button:hover, .search_bar .button:focus {
background-color: #e79366; } }