﻿/*思源黑體 TW ExtraLight*/
@font-face {
  font-family: SourceHanSansTWLight;
  src: url(../font/SourceHanSansTW-Light.eot);
  src: url(../font/SourceHanSansTW-Light.otf);
  src: url(../font/SourceHanSansTW-Light.ttf);
  src: url(../font/SourceHanSansTW-Light.woff);
}

/*思源黑體柔體*/
@font-face {
  font-family: GenJyuuGothic-Bold;
  src: url(../font/GenJyuuGothic-Bold.ttf);
}
@font-face {
  font-family: GenJyuuGothic-ExtraLight;
  src: url(../font/GenJyuuGothic-ExtraLight.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Heavy;
  src: url(../font/GenJyuuGothic-Heavy.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Light;
  src: url(../font/GenJyuuGothic-Light.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Medium;
  src: url(../font/GenJyuuGothic-Medium.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Monospace-Bold;
  src: url(../font/GenJyuuGothic-Monospace-Bold.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Monospace-ExtraLight;
  src: url(../font/GenJyuuGothic-Monospace-ExtraLight.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Monospace-Heavy;
  src: url(../font/GenJyuuGothic-Monospace-Heavy.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Monospace-Light;
  src: url(../font/GenJyuuGothic-Monospace-Light.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Monospace-Medium;
  src: url(../font/GenJyuuGothic-Monospace-Medium.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Monospace-Normal;
  src: url(../font/GenJyuuGothic-Monospace-Normal.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Monospace-Regular;
  src: url(../font/GenJyuuGothic-Monospace-Regular.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Normal;
  src: url(../font/GenJyuuGothic-Normal.ttf);
}
@font-face {
  font-family: GenJyuuGothic-P-Bold;
  src: url(../font/GenJyuuGothic-P-Bold.ttf);
}
@font-face {
  font-family: GenJyuuGothic-P-ExtraLight;
  src: url(../font/GenJyuuGothic-P-ExtraLight.ttf);
}
@font-face {
  font-family: GenJyuuGothic-P-Heavy;
  src: url(../font/GenJyuuGothic-P-Heavy.ttf);
}
@font-face {
  font-family:GenJyuuGothic-P-Light ;
  src: url(../font/GenJyuuGothic-P-Light.ttf);
}
@font-face {
  font-family: GenJyuuGothic-P-Medium;
  src: url(../font/GenJyuuGothic-P-Medium.ttf);
}
@font-face {
  font-family: GenJyuuGothic-P-Normal;
  src: url(../font/GenJyuuGothic-P-Normal.ttf);
}
@font-face {
  font-family: GenJyuuGothic-P-Regular;
  src: url(../font/GenJyuuGothic-P-Regular.ttf);
}
@font-face {
  font-family: GenJyuuGothic-Regular;
  src: url(../font/GenJyuuGothic-Regular.ttf);
}

html,body{
    scroll-behavior: smooth;		
	font-family:Arial;
	font-family:SourceHanSansTWLight,Arial;
}
a{
	text-decoration: none;
}
/*橫幅*/
.banner{
	width:100%;	
	position: relative;
	min-height:75px;
}
.banner img{
	width:100%;
}
.banner_box{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 15%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
	text-align:center;
    letter-spacing: 2px;	
}
.banner_box > h1{		
	font-size: 30px;
    font-weight: 600;
    color: #BAA382;
    letter-spacing: 2px;
}
.banner_box > .title{
    width: 100%;		
	font-size: 30px;
    font-weight: 900;
    color: #000;
    letter-spacing: 2px;
}
.banner_box > .en{
    width: 100%;		
	font-size: 24px;
    font-weight: 900;
}
.banner_box > .en::first-letter {
	color: #D4AD90;
}
.banner_box > .text{
    width: 100%;
    font-size: 20px;
    font-weight: 900;
    color: white;	
}
.bannerSwiper_box{
	padding-bottom:10px;
}
/*區塊標題*/
.item_title_box{
    margin: 20px 0px;
    text-align: center;	
}
.item_title_box .en{
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2.7px;	
}
.item_title_box .en::first-letter {
	color: #D4AD90;
}
.item_title_box .ch{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
}
/*頁碼*/
.manu {
    clear: both;
    text-align: center;
    color: #999999;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    padding-top: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.manu .disabled {
    padding: 6px 10px;
    border: #d3d3d3 1px solid;
    COLOR: #222222;
    margin: 0 2px;
}
.manu .current {
	COLOR: #ffffff;
    padding: 6px 10px;
    border: #f5bc91 1px solid;
    BACKGROUND: #d4ad90;
    margin: 0 2px;
}
.manu a {
    border: #d3d3d3 1px solid;
    margin: 0 2px;
    padding: 6px 10px;
    overflow: hidden;
    color: #222222;
    line-height: 3;
}
/*按鈕*/
.btn_box{
	display: flex;
    justify-content: center;
    margin: 20px 0px;
}
.btn_box .back_btn{
	padding: 5px 15px;
    background: #edceb7;
    color: white;
    border-radius: 10px;
}
.btn_box .back_btn:hover{
    background: #d4ad90;	
}
.btn_box_row{
    display: flex;
    justify-content: center;
    margin: 40px 0px;	
}
.btn_box_row > .view_more_btn{
	padding: 5px 20px;
    background: #d4ad90;
    color: white;
    border-radius: 5px;
}
.btn_box_row > .view_more_btn:hover{
    background: #E6CDBA;	
}
.news_ii_box{
	margin: 70px 10px;
}
.news_ii_img{
	width:100%;
}
.news_ii_img > img{
	width:100%;
}
.news_ii_edit_box{
    background: white;
    padding: 50px;
    border-radius: 20px;
    margin: auto;
    width: 100%;
    max-width: 800px;
}
@media only screen and (max-width: 800px) {
.news_ii_box{
	margin: 20px 10px
}
.news_ii_swiper_box{
	padding:10px;
}
.news_ii_edit_box{
	padding:20px;
}
}

/*切換分頁按鈕*/
.page_btn_box{
    position: relative;
    margin-bottom: 35px;
    width: 100%;
    height: 45px;
}

.page_btn_box:before {
	content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 10px);
    background: #a59595;
    left: 50%;
}

.page_btn{
    position: relative;
    width: 50%;
	display: flex;
    flex-wrap: wrap;
}
/*
.page_btn_box .page_btn:nth-child(1){
	justify-content: flex-start;
	padding-right: 10px;
	padding-left: 35px;
	text-align:left;
}
.page_btn_box .page_btn:nth-child(2){
	justify-content: flex-end;
	padding-right: 35px;
	padding-left: 10px;
	text-align: right;
}
.page_btn_box .page_btn:nth-child(1) .icon{
	left: 0px;
}
.page_btn_box .page_btn:nth-child(2) .icon{
	right: 0px;
}
*/
.page_btn_box .page_btn.left{
	justify-content: flex-start;
	padding-right: 10px;
	padding-left: 35px;
	text-align:left;
	float: left;
}
.page_btn_box .page_btn.right{
    padding-right: 35px;
    padding-left: 10px;
    text-align: right;
    float: right;
}
.page_btn_box .page_btn.left .icon{
	left: 0px;
}
.page_btn_box .page_btn.right .icon{
	right: 0px;
}
.page_btn > .icon{
	position: absolute;
    font-size: 20px;
	top: 10px;
}
.page_btn > .text{
	width: 100%;
    font-size: 18px;
    color: #d4ad90;
    font-weight: 900;
    letter-spacing: 1.2px;
}
.page_btn > .title{
	width: 100%;
	font-size: 15px;
    font-weight: 400;
    letter-spacing: 1.2px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
/*日期*/
.calendar_date {
  text-align: center;
}

.calendar {
  width: 100%;
}

.calendar a {
  color: #8e352e;
  text-decoration: none;
}

.calendar ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.calendar li {
  display: block;
  float: left;
  width: 14.342%;
  padding: 5px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  margin-right: -1px;
  margin-bottom: -1px;
}

.calendar ul.weekdays {
  height: 40px;
  background: #ffe8d6;
}

.calendar ul.weekdays li {
  text-align: center;
  text-transform: uppercase;
  line-height: 20px;
  border: none !important;
  padding: 10px 6px;
  color: #000;
  font-size: 13px;
}

.calendar .days li {
	height: 215px;
    overflow: auto; 
}

.calendar .days li:hover {
  background: #d3d3d3;
}

.calendar .date {
    text-align: center;
    margin-bottom: 5px;
    padding: 3px;
    background: #f5f5f5;
    color: #000;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    float: right;
    font-size: 10px;
}
.day_time_box{
    overflow: hidden;
    overflow-y: auto;
    display: block;
    width: 100%;
    height: calc(100% - 35px);	
}
.calendar .event {
    clear: both;
    display: block;
    font-size: 10px;
    border-radius: 4px;
    padding: 1px;
    margin-bottom: 0px;
    line-height: 14px;
    background: #e4f2f2;
    border: 1px solid #b5dbdc;
    color: #009aaf;
    text-decoration: none;
}
.calendar .event.bg1{
	background: #FFFF00;		
}
.calendar .event.bg2{
    background: #ff94c1;	  
}
.calendar .event.bg3{
	background: #B0C4E3;
}
.store_time_doctor_color{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.doctor_color_list{
    margin: 0px 10px;	
}
.doctor_color_list .text{}
.doctor_color_list .text .color_box{
	display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.calendar .event-desc {
	font-size: 13px;	
	color: #000;
	margin: 0px;
	text-decoration: none;
}
.event-time{
	font-size:10px;
}
.calendar .other-month {
  background: #efe4e4;
  color: #666;
}
.week_day {
    display: none;
}
@media (max-width: 768px) {
.calendar .weekdays, .calendar .other-month {
  display: none;
}

.calendar li {
  height: auto !important;
  border: 1px solid #ededed;
  width: 100%;
  padding: 10px;
  margin-bottom: -1px;
}

.calendar .date {
  float: none;
}
.week_day {
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 900;
}
}
/*編輯器*/
.edit{
	width:100%;
    letter-spacing: 2px;	
	font-size:1em;
	font-weight:400;
	line-height:1.2;
    display: inline-block;
}
.edit iframe{
	max-width:100%;
}
.edit table{
	max-width:100%;
}
.edit p{
	margin-bottom:0px;
}
.edit img{
	max-width:100%;
	height:auto;}
.edit ul{
	list-style-type: disc;
	padding-left: 1.5rem;
}
.edit li::marker {
  color: var(--marker-color) !important;
}
.edit table td{
	padding:5px;
	border: 1px solid rgba(0,0,0,.2);
}
.swiper_next,
.swiper_prev{
	position: absolute;
	top: calc(50% - 25px);
    z-index: 1;
	width: 50px;
    height: 100px;
    background: #d1d1d191;
    border-radius: 0px 100px 100px 0%;
}
.swiper_next{	
    right: 0;
    border-radius: 100px 0% 0% 100px;
}
.swiper_prev{	
    left: 0px;  
    border-radius: 0px 100px 100px 0%;
}
.swiper_next > div,
.swiper_prev > div{
	position: relative;
}
.swiper_next > div span,
.swiper_prev > div span{
	position: absolute;
    top: 25px;
    font-size: 35px;
    color: white;
}
.swiper_next > div span{
    left: 22px;	
}
.swiper_prev > div span{
    right: 22px;
}
.swiper_next:hover,
.swiper_prev:hover{
	    background: #023f78;
}
.swiper_ph{
	display: none;
}
@media only screen and (max-width: 760px) {
.swiper_pc{
	display: none;
}	
.swiper_ph{
	display: block;
}
}
/*gotop*/
#gotop {
    
    background-repeat: no-repeat;
    background-color: rgba(255, 255, 255, 0.7);
    background-size: 100%;
    border: 1px solid #ccc;
    border-radius: 45px;
    bottom: 20px;
    color: #000000;
    cursor: pointer;
    display: none;
    font: bold 15px/58px Century Gothic, sans-serif;
    height: 45px;
    opacity: 1;
    padding: 0;
    position: fixed;
    right: 3px;
    text-align: center;
    width: 45px;
    z-index: 10;
}
#gotop > .icon{
	position: relative;
    bottom: 5px;
}
#gotop > .icon:before{
    content: '';
    position: absolute;
    top: 0px;
    background-color: #000;
    width: 100%;
    height: 2px;
    border-radius: 200px;
}
/*top*/
.top_h{
	padding:0px;
	margin:0px;
	height:80px;
}
.head_box{
	background: white;
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 9;
}
.head_row{
    padding: 0px 15px;	
	display: flex;
    flex-wrap: wrap;
    height: 80px;
    align-items: center;
    justify-content: space-between;
}
.head_row > .logo{
    height: 100%;
    max-width: 300px;
    display: flex;
    align-items: center;	
}
.head_row > .logo img{
	max-width:100%;
	max-height:100%;
	padding:5px;
}
.top_menu{
	display: flex;
}
.top_menu_ul{
	display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.top_menu_ul > li{
	position: relative;
    padding: 0px 15px;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 14px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top_menu_ul > li a{
	color:#000;
    font-weight: 900;	
}
.top_menu_ul .language{
	display: flex;
    align-items: center;
	margin-left:10px;
}
.top_menu_ul > li .icon{
    color: #717071;
	font-size:22px;
	padding-right:5px;
}
.top_menu_icon{
	display: flex;
	list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 25px;
}
.top_menu_icon > li{
	padding: 0px 5px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.top_menu_icon > li{
	font-size:22px;
}
.top_menu_icon .top_search_btn{
    color: #000;
}
.top_menu_icon a:hover{
	color: #000000;
}
/*menu dowm*/
.top_menu_down{
   display: none;
	position: absolute;
    top: 80px;
    left: 0px;
    width: 140px;
    background: white;
    border: 2px solid #ba935b;	
    z-index: 9;
}
.top_menu_down_list{
	position: relative;
}
.top_menu_down_list > a{
    display: block;
    width: 100%;
    padding: 10px;
	background: linear-gradient(to right, #eac490 0%, #f6eadb 100%);
}
.top_menu_down_list:not(:last-child) > a{
    border-bottom: 2px solid #ba935b;
}
.top_menu_down_list > a > .menu_icon2{
    font-size: 10px;
}
/*menu dowm2*/
.top_menu_down2{
	display: none;
	position: absolute;
    left: 138px;
    top: 0px;
    width: 140px;
    background: white;
	border: 2px solid #ba935b;
	z-index: 9;
}
.top_menu_down2_list a{
	display: block;
    width: 100%;
    padding: 10px 15px;	
    background: linear-gradient(to right, #eac490 0%, #f6eadb 100%);	
}
.top_menu_down2_list:not(:last-child) > a{
	border-bottom: 2px solid #ba935b;
}
/*hover top*/
.top_menu_ul > li:hover{
	background: #c39a61;		
	color: #BAA382;
}

/*hover top menu down*/
.top_menu_ul > li:hover .top_menu_down{
	display: block;
}
.top_menu_down_list > a:hover{
	background: #c39a61;
    color: white;
}
/*hover top menu down2*/
.top_menu_down_list:hover .top_menu_down2{
	display: block;
}
.top_menu_down2_list > a:hover{
	background: #c39a61;
    color: white;
}
.bar, .mobile_top_menu_bg, .mobile_top_menu{
	display: none;
}
@media only screen and (max-width: 1321px){
.head_row > .logo > a{
	height: 100%;
}	
.top_menu{
    display: none;	
}	
/*bar*/
.bar {
    display: block;
    z-index: 3;
    width: 28px;
    height: 18px;
    position: absolute;
    right: 35px;
    top: 32%;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.bar div {
    content: '';
    background-color: #3f4f70;
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    top: 50%;
}
.bar::before {
    content: '';
    background-color: #3f4f70;
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    top: 0;
}
.bar::after {
    content: '';
    background-color: #3f4f70;
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    bottom: 0;
}
/*top left box*/
.mobile_top_menu{
	    display: block;
}
.mobile_top_menu_bg{
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #000000b3;
    z-index: 8;
}
.mobile_top_menu_bg_colse{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 8;
}
.mobile_top_menu{
	position: absolute;
    background: #e6cdba;
    box-shadow: #e6cdba 0 0 3px 2px;
    width: 350px;
	max-width:80%;
    height: calc(100% - 80px);
    left: -350px;
    top: 80px;
    z-index: 9;
    padding: 10px 10px 40px;
    overflow-y: auto;
    transition: .3s ease-in all;	
}
.mobile_top_menu.active{
	left: 0px;
}
.mobile_top_menu_colse{
	text-align: right;
}
.mobile_top_menu_colse span{
	cursor: pointer;
    color: white;
    font-size: 24px;
}
.mobile_top_menu_icon{
    display: flex;
    justify-content: flex-start;
    margin: 20px 0px;
}
.mobile_top_menu_icon >a{
        font-size: 28px;
    color: #000000;	
	margin: 0px 10px;
}
.mobile_top_menu_box> .mobile_top_menu_link{
	display: block;
    color: black;
    font-size: 16px;
    font-weight: 600;
    padding: 5px;
}
.mobile_top_menu_link_box{
	position: relative;
    display: flex;
    justify-content: space-between;
    padding: 5px;
    margin-top: 40px;
}
.mobile_top_menu_link_box > a{
	width: 50%;
    color: black;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}
.mobile_top_menu_link_box:before{
	content: '';
    position: absolute;
    width: 2px;
    height: calc(100% - 10px);
    background: black;
    left: 48%;
}
/*選單第1層*/
.mobile_top_menu_ul{
	list-style-type: none;
	font-size: 16px;
	background: #f1d8c4;
    padding:  5px; 
    margin-bottom: 0px;   
}
.mobile_top_menu_ul_list{
    margin: 10px 5px;	
}
.mobile_top_menu_class {
    display: flex;
    justify-content: space-between;
}
.mobile_top_menu_class > a{
	    color: #000;
    font-weight: 900;
}
.mobile_top_menu_down {
    display: none;
    position: relative;
    width: 100%;
    margin: 10px 0px;
    padding-left: 5px;
}
/*選單第2層*/
.mobile_top_menu_ul2{
	list-style-type: none;
	font-size: 16px;
    background: #f3dfcf;
    padding: 5px; 
    margin-bottom: 0px; 
}
.mobile_top_menu_down2{
    margin: 10px 0px;
    background: #ffedde;
    padding-left: 10px;
}
.mobile_top_menu_ul2_list > .menu_down_btn{
	position: relative;
    color: black;
    display: block;
    margin: 5px 0px;
    padding: 15px 5px;	
}
.mobile_top_menu_ul2_list > a.menu_down_btn > i, .mobile_top_menu_ul2_list > a.menu_down_btn > svg{
    padding-left: 10px;
}
/*選單3*/
.mobile_top_menu_down2{
    display: none;	
}
.mobile_top_menu_ul3{
	list-style-type: none;
	font-size: 16px;
    padding: 5px; 
    margin-bottom: 0px; 
}
.mobile_top_menu_ul3_list a{
	position: relative;
    color: black;
    display: block;
    margin: 5px 0px;
}
}
@media only screen and (max-width: 760px){
.top_h{
	height:55px;
}	
.head_row{
    height: 55px;
}
.mobile_top_menu{
	height: calc(100% - 55px);
	top:55px;
}
}
/*寬度*/
.index_box{
	padding: 45px 0px 60px 0px;
	background-position: center right;
    background-size: cover;
    background-repeat: no-repeat;
}
.container_box{
	width: 100%;
    max-width: 1100px;
    margin: auto;
}
.product_container_box{
	width: 100%;
    max-width: 900px;
    margin: auto;
	
}
@media only screen and (max-width: 760px){
.container_box{
	padding:10px;
}
.index_box{

}
}
/*搜尋*/
.search_box_bg{
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: #8081838c;
    display: flex;
    justify-content: center;
    align-items: center;
	z-index:9;
}
.search_box01{
    width: 100%;
    max-width: 400px;
    border-radius: 3px;
    background: #FFF;
    border: 1px solid #e1e1e1;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 4%);
}
.search_b01a {
    width: 20px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    background-image: url(../images/icon/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 0;
}
.search_box01a {
    padding: 10px 15px;
}
.search_t01 {
    position: relative;
    line-height: 20px;
    margin: 0 0 10px;
    font-size: 16px;
}
.search {
    display: block;
    color: #717071;
}
.search > .search_list {
    width: 100%;
    padding: 7px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: initial;
    align-items: center;
    justify-content: center;
}
.search > .search_list > .title{
    width: 6.5em;
    font-size: 14px;
}
.search > .search_list > .input_box{
	flex: 1;
}
.input_box > input, .input_box > select {
    width: 100%;
    height: 30px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 5px;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}
a.sear_b01 {
    display: block;
    text-align: center;
    line-height: 1;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 10px;
    background: rgba(0,0,0,0.051);
    border-top: 1px solid #e1e1e1;
}
a.sear_b01 span {
    display: inline-block;
    margin: 0 0 0 0.5em;
}
/*標題*/
.item_box{
	display: flex;
    justify-content: center;
}
.item_box_title{
    color: #003064;
    margin-bottom: 10px;
	text-align: center;
}
.item_box_title .ch{
	font-size: 1.2em;
    font-weight: 600;
    padding-bottom: 5px;
    margin-bottom: 5px;
	letter-spacing: 5px;
}
.item_box_title .en{
    margin-bottom: 15px;
    font-size: 1.5em;
    color: #6d6d6d;
	font-weight: 600;
    letter-spacing: 3px;
}
.item_box.margin_title{
	margin: 150px 0px 20px 0px;
}
/*index_brand*/
.index_brand_item_box{
	margin:0px;
}
.index_brand_list .img{
	text-align:center;
}
.index_brand_list .img img{
	max-width:100%;
}
.index_brand_title{
	font-size: 1em;
    letter-spacing: 1.5px;
    text-align: center;
    margin: 20px 0px 5px 0px;
}
/*index_news*/

.index_news_content{
	width: 100%;
    background-color: #C7CED6;
    padding-top: 20px;
    padding-bottom: 55px;
}
.index_news_content_box{
	width:80%;
	margin:auto;
}
.index_news_content_title{
	margin-bottom:30px;
}
.index_news_content_title .en{
	font-size: 16px;
	letter-spacing: 1px;
	margin-bottom: 0px;
    display: block;
}
.index_news_content_title .ch{
    font-size: 25px;
    font-weight: bold;
    display: block;
    width: 35%;
}
.index_news_content_img{
	padding-right: 0px;
	padding-left:0px;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.index_news_content_list{
	background-color:#E2E7EA;
	padding: 30px 40px 40px 40px;
	border-radius: 0px 10px 10px 0px;
}
.index_news_content_list .more{
	text-align: right;
}
.index_news_content_list .more a{
	color: #28444F;
}
.index_news_content_row{
	display: flex;
	border-bottom: 1px solid #c9c9c9;
	padding-top: 5px;
    padding-bottom: 5px;
}
.index_news_content_date{
	width: 80px;
   
	text-align: center;
}
.index_news_content_date .day{
	display: block;
	font-weight: 600;
	font-size: 1.5rem;
	margin-bottom:-10px;
}
.index_news_content_date .month{
	color: #7a7a7a;
    font-size: 14px;
}
.index_news_content_class{
	width:85px;
    margin: auto 5px auto auto;
}
.index_news_content_class span{
	font-size: .9em;
	color:white;
	border-radius: 5px;
	padding:5px 5px 5px 5px;
	letter-spacing: 3px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.index_news_content_headline{
	margin: auto;
	width: calc(100% - 165px);
}
.index_news_content_headline span{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
@media only screen and (max-width: 760px){
.index_news_content_row{
	border-bottom: 1px dashed #c9c9c9;
}
.index_news_content_date{
	width:62px;
}
.index_news_content_class span{
	border-radius: 3px;
    padding: 5px 4px 5px 7px;
    letter-spacing: 4px;
    font-size: 13px;
}
.index_news_content_headline{
	margin-left: 0px;
}
.index_news_content_headline span{
	font-size: 15px;
}
.index_news_content_title .ch{
	font-size:20px;
}
.index_news_content_img{
	display: none;
}
.index_news_content_box{
	width: 90%;
}
.index_news_content{
	margin-top:30px;
	
}
.index_news_content_list{
	padding: 15px 20px 40px 20px;
	border-radius:10px;
}	
}
/**/
.index_team_box{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
}
.index_team_box_title1{
    color: #292421;
    font-size: 1.5em;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 20px;
}
.index_team_box_title2{
	font-size: 1.2em;
    font-weight: 900;
    margin-bottom: 90px;
}
.index_team_box_edit{
	margin-bottom: 90px;
}
.storeTeam_row{
    display: flex;
    flex-wrap: wrap;
    padding: 0px 0px;
}
.index_team_row{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0px 10px;
    align-items: center;
    align-content: flex-start;
}
.Clinic_name{
    width: 100%;
    color: #804f21;
    font-size: 22px;
    margin-bottom: 5px;
    margin-top: 30px;
    padding-left: 20px;
}
.index_team_row > a{
	width:calc(100% / 3 - 20px);
	margin:10px;
    padding-left: 10px;
    color: #d4ad90;
}

.LicensesSwiper{
	padding-bottom:25px;
}
.LicensesSwiper > .LicensesSwiper-pagination{
	bottom: 0px;
}
.LicensesSwiper > .LicensesSwiper-pagination .swiper-pagination-bullet{
	 background: #bfbfbf;
	   
}
.LicensesSwiper > .LicensesSwiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
	 background: #000;
	width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
	border-radius: 50%;
}
@media only screen and (max-width: 760px){
#IndexDoctors{
	background-image: none !important;
}	
.index_team_box_title1{
	margin-bottom:10px;
	margin-top:15px;
}
.index_team_box_title2{
	margin-bottom:25px;
}
.index_team_box_edit{
	margin-top:10px;
	margin-bottom:0px;
}
.index_box.doctor_team_bg{
    padding-bottom: 0px;
}
.index_team_row{
    width: 100%;
    margin: 0px 0px 20px 0px;
}
.index_team_row > .Clinic_name{
	padding-left: 10px;
}	
.index_team_box{
	position: relative;
}
.index_team_row > a{
	width:calc(100% / 2 - 20px);
	margin:10px;
    padding-left: 10px;
    color: #d4ad90;
}
}
.storeTeam_left_box{
	width:60%;
	padding-right:60px;
}
.storeTeam_right_box{
    display: flex;
    align-items: flex-end;
    width: 40%;
}
.storeTeam_right_box img{
	width:100%;
}
.storeTeam_left_box .index_team_row{
    padding: 20px 0px 0px 0px;
	/*
	2024.02.17
	background: linear-gradient(to bottom, #fddf95 0%, #ffffff00 30%, #ffffff00 100%);
	*/
	background: linear-gradient(to bottom, #fddf95 0%, #ffffff3d 30%, #ffffff00 100%);
}
@media only screen and (max-width: 760px){
.storeTeam_left_box{
	width:100%;
	padding-right:0px;
}
.storeTeam_right_box{
	display:none;
}
}
/*about*/
.about_logo_box{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 40px 0px;
}
.about_logo_box > .img{
	width: 100%;
    max-width: 165px;
}
.about_logo_box > .img img{
	width:100%;
}
.about_logo_box > .name{
    width: 100%;
    text-align: center;
}
.about_logo_box > .name h1{
	font-size: 1.3em;
    font-weight: 900;
    letter-spacing: 5px;
}
.about_title{
	font-size: 1.5em;
    font-weight: 900;
    letter-spacing: 5px;
	text-align: center;
	padding:0px 0px 10px 0px;
	margin-bottom:0px;
}
.about_edit{
	letter-spacing: 3px;
	padding: 40px 0px 60px 0px;
}
.about_CLINIC_box{
	padding: 40px 0px 50px 0px;
}
.about_title_edit{
	margin-bottom:30px;
}
.about_row_title{
    display: flex;
    justify-content: center;
	
}
.about_row_title > h3{
	display: inline-block;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 5px;
    width: 50%;
    text-align: center;
    background: antiquewhite;
    padding: 10px;
    color: #717071;
    position: relative;
    top: 25px;
    z-index: 2;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) !important;
}
.about_row{
	display: flex;
    margin-bottom: 15%;
}
.about_row .img{
	width:55%;
    z-index: 1;	
}
.about_row .img .box{
    margin: 0% -10% 0% 0%;
}
.about_row .img .box img{
	max-width:100%;
}
.about_row .text{
	width:45%;
    z-index: 0;
}
.about_row .text .box{
    margin: 15% 0% -15% 0%;
	padding: 10% 15% 10% 25%;
	    background: antiquewhite;
}
@media only screen and (max-width: 1200px){
.about_row{
	display: flex;
    margin-bottom: 15%;
    flex-wrap: wrap;
}
.about_row .img{
	width:100%;
	
}	
.about_row .img .box{
	width:75%;
	margin:0%	
}
.about_row .img .box img {
    max-width: 100%;
}
.about_row .text .box{
    margin: 0px;	
}
.about_row .text{
	width:100%;
}
.about_row .text .box{
    margin: -10% 0% 15% 20%;
    width: 80%;	
}
}
@media only screen and (max-width: 760px){
.about_CLINIC_box{
	padding:0px;
}	
.about_title{
    font-size: 1em;
    padding: 0px 0px 10px 0px;
}	
.about_title_edit{
	margin-bottom:15px;
}
.about_row{
	margin-bottom:5%;
}	
.about_row .img .box{
	width:100%;
}	
.about_row .text .box{
	width: 100%;
    margin: 0px;
    padding: 15px;	
}	

}
/**/
.about_doctor_row{
	    display: flex;
    flex-wrap: wrap;
}
.about_doctor_list{
	width: calc(100% / 4 - 60px);
    margin: 10px 30px;
	padding:10px;
    background: antiquewhite;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);	
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.about_doctor_list_data{
	width: 100%;
    border: 10px solid #ffffff;
}
.about_doctor_list_data .img{
	width:100%;
}
.about_doctor_list_data .img img{
	width:100%;
}
.about_doctor_list_data_title{
	font-size: 15px;
    letter-spacing: 1.5px;
    text-align: center;
    margin: 10px 0px 5px 0px;
    font-family: Times New Roman;	
}
.about_doctor_list:hover{
	box-shadow: 0 1.5rem 2rem rgb(0 0 0 / 15%);
}
@media only screen and (max-width: 768px){
.about_doctor_list_data .img{
    max-height: 400px;
    overflow: hidden;
}
.about_doctor_list{
	width: calc(100% / 2 - 80px);
	margin: 10px 40px;
}	
}
@media only screen and (max-width: 580px){
.about_doctor_list{
    width: calc(100% / 2 - 20px);
    margin: 10px;
}
.about_doctor_list_data .img{
   height: auto;
}	
}
/*about 版本2*/
.about_img{
	width:100%;
	padding: 20px 20px 65px 20px;
}
.about_img img{
	width:100%;
}
.about_flex{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 60px;	
}
@media only screen and (max-width: 768px){
.about_img{
	width:100%;
	padding: 20px;
}	
.about_flex{
    padding: 20px ;	
}	
}
/*news*/
.news_btn_row{
	display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0px 0px 10px 0px;	
}
.news_btn_row > a{
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.2px;
    background: #D4AD90;
    border-radius: 20px;
    padding: 10px 15px;
    color: white;
    margin: 10px 5px;
    line-height: 1;
}
.news_btn_row > a:hover{
	background: #E6CDBA;
}
.news_row{
    display: flex;
    flex-wrap: wrap;	
}
.news_list{
	width:calc(100% / 3 - 20px);
	margin:10px;
}
.news_list >.img{
	width:100%;
	overflow: hidden;
}
.news_list >.img > img{
	width:100%;
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.news_list > .title{
	font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1.2px;
	margin-top:10px;
    margin-bottom: 14px;
	color: #000;
}
.news_list >.time{
	font-size: 12px;
    color: #adadad;
	line-height: 1.6em;
}
.news_list:hover .img > img{
	transform: scale(1.06);
}
.news_list:hover .title{
    color: #BAA382;
}
@media only screen and (max-width: 900px) {
.news_btn_row{
    margin: 15px 0px;
}
.news_list {
    width: calc(100% / 2 - 20px);
}
}
@media only screen and (max-width: 600px) {
.news_list {
    width: 100%;
}
}
/*product*/
.product_row{
    display: flex;
    flex-wrap: wrap;	
}
.product_list{
	width:calc(100% / 3 - 20px);
	margin:10px;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%) ;	
    transition: all 1.3s;	
}
.product_list:hover{
    box-shadow: 0 13px 10px rgb(0 0 0 / 15%);
}
.product_list .img{
	width:100%;
	padding:10px;
}
.product_list .img > img{
	width:100%;
}
.product_list .text{
    padding: 15px 5px;
    text-align: center;
}
.product_list .text > .title{
    font-size: 1em;	
}
	

@media only screen and (max-width: 700px) {
.product_list{
	width:calc(100% / 2 - 20px);
}	
}
@media only screen and (max-width: 600px) {
.product_list{
	width:100%;
}	
}
/*product_ii*/
.product_ii_row{
	margin:40px 0px;
}
.product_h1_box{
	width:100%;
}
.product_h1{
	font-size: 23px;
    font-weight: 500;
    text-transform: none;
    line-height: 1.5;
    padding: 0 10px;
    margin: 40px 0 20px;
    position: relative;
    border-left: 3px solid #d4ad90;
}

.product_col-12{
	width:100%;
}
.product_h2{
	font-size: 16px;
    line-height: 1.5;
}
.product_top_edit{
	font-size:14px;
	margin-bottom:15px;
}
.product_edit{
    padding: 15px;
}
.product_describe{
    text-align: center;
    margin-top: 70px;
    margin-bottom: 20px;
    padding: 0 70px;
    font-size: 20px;
    font-weight: 600;
}
.product_describe span{
	 position: relative;
}
.product_describe span:before{
    content: '';
    position: absolute;
    top: 50%;
    width: 40px;
	left: -60px;
    border-bottom: 1px solid #878787;
}
.product_describe span:after{
    content: '';
    position: absolute;
    top: 50%;
    width: 40px;
	right: -60px;
    border-bottom: 1px solid #878787;
}
.modal_product_introduction{
	padding: 5px;
    box-shadow: 3px 3px 10px 0px rgb(225 225 225);
}
.modal_product_price{
	margin:25px 0px;
	color: red;
}
.modal_product_specification{
	margin:10px 0px;
}
.modal_product_specification a{
    display: inline-block;
	border: 1px solid #82ccd2;
    padding: 5px 8px;
	border-radius: 5px;
    margin-top: 10px;
	
}
.modal_product_specification a.active{
	border: 1px solid #ff0002;
    color: #ff0002;
}
.modal_price{
	color: red;
    font-weight: 900;
	font-size:20px;
}
.modal_original_price{
	color: #4a4a4a;
    font-weight: 300;
    text-decoration: line-through;
}
@media only screen and (max-width: 768px) {
.product_ii_row{
	margin:0px;
}
.product_h1{
    margin: 10px 0 20px;
}
.modal_product_introduction{
	margin-bottom:15px;
}
.product_describe {
	margin-top:40px;
}
}
/*productSwiper*/
.productSwiper{
	max-width:350px;
}
.ad_swiper_page_box {
    position: absolute;
    width: 50px;
    top: calc(50% - 65px);
    z-index: 9;
}
.ad_swiper_page_box a {
    display: block;
    background-color: #d4ad90ba;
    padding: 10px;
    color: white;
    font-size: 26px;
}
@media only screen and (max-width: 768px) {
.productSwiper{
	max-width:100%;
	padding:20px 0px;
}

}

/*store*/
.store_box{
    margin: 0px auto 30px auto;
    width: 100%;
    max-width: 900px;
}
.store_box_title{
    font-size: 20px;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.store_addr{
	display: flex;
    flex-wrap: wrap;
}
.store_addr .img, .store_addr .text{ 
	width:50%;
    background: whitesmoke;	
	padding: 30px;	
}
.store_addr .text{ 
    border-radius: 0px 200px 200px 0px;
}
.store_addr .img{
    overflow: hidden;	
}
.store_addr .img img{
	width:100%;
	transition-property: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.store_addr .img img:hover {
    transform: scale(1.1);
}
.text_list{
	margin-bottom:20px;
}
.text_list .title{
	color: #D4AD90;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
}
.addr_map_link{
	color: #D4AD90;		
}
.addr_map_link >span{
	color: #717071;
}
.store_edit{
    line-height: 2;
    font-size: 14px;	
}
@media only screen and (max-width: 800px) {
.store_box{
    margin: 10px auto;
}
.store_addr .img, .store_addr .text{ 
	width:100%;
}
.store_addr .text{
	border-radius: 0px;
}
}
/*poto*/
.store_poto_box .img{
	width:100%;
}
.store_poto_box .img > img{
	width:100%;
	transition-property: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.store_poto_box .img:hover img{
	    transform: scale(1.1);
}
/*time*/
.store_time_row{
	display: flex;
    flex-wrap: wrap;
}
.store_time_list{
    width: calc(100% / 7 - 30px);
    margin: 15px;	
}
.store_time_list_box{
	display: flex;
	flex-direction: column;	
	text-align: center;
	font-size: 14px;
    padding: 30px 0px;
	border-radius: 200px;
}
.Schedule_box > .store_time_list:nth-child(even) .store_time_list_box,
.Doctor_box > .store_time_list:nth-child(even) .store_time_list_box{
    background: #ffe8d6;	
}
.Schedule_box > .store_time_list:nth-child(odd) .store_time_list_box,
.Doctor_box > .store_time_list:nth-child(odd) .store_time_list_box{
    background: whitesmoke;
}
.store_time_list_box > .store_week_text1{
	color: #D4AD90;
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 900;
}
.store_time_list_box > .store_name{
	margin-bottom: 15px;
}
.store_time_list_box > .time{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
	height: 95px;
}
.store_time_list_box > .time > .s_time{
    position: relative;
    margin-bottom: 40px;
}
.store_time_list_box > .time > .s_time:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    left: 50%;
    top: 30px;
    background: black;
}
.store_time_list_box > .time > .e_time{
	margin-bottom: 15px;
}

.store_time_list_box > .store_week_text2{
	color: #D4AD90;
}
@media only screen and (max-width: 800px) {
.store_time_row {
    display: flex;
    flex-wrap: inherit;
    overflow: auto;
}
.store_time_list {
    width: auto;
    white-space: nowrap; 
}	
.store_time_list_box {
	padding: 30px 10px;
}
}
@media only screen and (max-width: 600px) {

}
/**/
.Doctor_box .store_time_list{
    display: flex;
    flex-direction: column;
}
.store_time_list_box.store_doctor_time{
	height: -webkit-fill-available;
}
.store_doctor{
	
}
.store_doctor > .img{}
.store_doctor > .img img{
	width:100%;
}
.store_doctor_time .time:not(:last-child):after{
	content: '';
    position: absolute;
	width: 90%;
    height: 1px;
	left: 5%;
	bottom:6px;
	background: #fff;
}
.store_doctor_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0px;	
}
.store_doctor_list a{
    display: block;
    padding: 5px 5px;
    border: 1px solid #D4AD90;
    color: #D4AD90;	
    border-radius: 50px;
    font-size: 14px;
	margin-bottom: 10px;
}
.store_doctor_time .store_week_text2{
	margin-bottom:15px;
}
/*doctor_ii*/
.doctor_ii_row{
	margin: 60px 0px;
}
.doctor_ii_img{
	width:100%;
	padding:10px;
}
.doctor_ii_img img{
	width:100%;
}
.expertise{
	padding:10px;
}
.expertise > .title, .experience_box .title{
	color: #d4ad90;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 15px;
}
.expertise_row{
	display: flex;
    flex-wrap: wrap;
}
.expertise_list{
    border: 1px solid #d4ad90;
    padding: 15px;
    font-size: 16px;
    color: #d4ad90;
    margin: 10px 10px 10px 0px;
    border-radius: 200px;	
    word-break: break-all;	
}
.experience_box{
	display: flex;
    flex-wrap: wrap;
    margin: 40px 0px;	
}
.experience_row{
	width:100%;
}
.experience_row > div{
	padding:0px 15px 0px 0px;
}
.experience_edit.edit{
    font-size: 0.9em;	
    letter-spacing: 3px;
	line-height: 1.5em;
}
.doctor_ii_data_box{
	margin:40px 0px 80px 0px;
}
.doctor_ii_data_box .store_time_box, .doctor_ii_data_box .store_swiper_box{
	margin-bottom:100px;
}

@media only screen and (max-width: 800px) {
.doctor_ii_data_box .store_time_box, .doctor_ii_data_box .store_swiper_box{
	margin-bottom:60px;
}
}
@media only screen and (max-width: 768px) {
.doctor_ii_row {
	margin-top:30px;
}
.doctor_ii_img {
    width: 100%;
    max-height: auto;
    padding: 10px;
    overflow: hidden;
    margin: 0px auto;
}
.banner_box.banner_box{
    position: relative;
    bottom: 0px;		
	margin-top:30px;
	
}
.banner_box > h1{
	color:#000 !important;
}
.banner_box.banner_box .text {
     color: #c8c8c8;
}
.banner_box.banner_box .title{
    position: relative;
    display: inline-block;
    width: auto;
    padding-bottom: 20px;
}	
.banner_box.banner_box .title:after{
    content: '';
    display: block;
    width: 50%;
    height: 1px;
    position: absolute;
    left: 25%;
    bottom: 0;
    background-color: #787778;	
}	
}
/**/
.contact_form_title{
	color: #D4AD90;
    font-size: 25px;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: 2.7px;
    text-align: center;	
}
.form_box{
    display: flex;
    flex-wrap: wrap;
}
.form_list{
	width:100%;
	margin-bottom:40px;
}
.form_Inradius{
	width: 100%;
    color: #333;
    font-size: 16px;
    border: 1px solid #ccc;	
	border-radius: 50px;
    border-color: #CACACA;
    height: 60px;
    padding: 0px 30px;
    margin: 0px 0px 20px;
}
.form_list .title{
	font-size: 18px;
    margin-bottom: 15px;
    color: #D4AD90;
    font-weight: 900;
    letter-spacing: 2.7px;
}
/*fotter*/
.footer_row_center{
	display: flex;
    justify-content: center;
}
.footer_row{
display: flex;
    flex-wrap: wrap;
    padding: 40px 0px;
    max-width: 1100px;
    margin: auto;
}
.footer_logo_box{
    text-align: center;
    padding: 0px 15px	
}
.footer_logo_box .img{
	width:150px;
}
.rooter_text_box{
	width:50%;
	margin-left:55px
}
.fotter_community_box{
	width:calc(100% - 50% - 285px);
}
.footer_logo_box .img img{
	max-width:100%;
	max-height:100%;
	padding:20px;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.footer_logo_box .title{
	display: inline-block;
	font-size: 22px;
    color: #342c2a;
    font-weight: 900;
    letter-spacing: 2px;
	border-bottom: 1px solid #342c2a00;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.footer_logo_box:hover .img img{
    transform: translateY(-8px);
}
.footer_logo_box:hover .title{
    border-bottom: 1px solid #342c2a;
}
.footer_text{
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 2px;
	margin-bottom:20px;
}
.footer_clinic_row{
	width:100%;
	display: flex;
    flex-wrap: wrap;
	margin-bottom: 20px;

}
.footer_clinic_row > a{
	padding: 0px 50px;
    color: #342c2a;
    border-left: 1px solid #342c2a;
}
.footer_clinic_row > a:last-child{
	border-right: 1px solid #342c2a;
}
.footer_clinic_row > a:hover{
    background: #e1dada5e;	
}
.footer_link{
	font-size: 16px;
    color: #322b2c;
    letter-spacing: 2px;
	margin-bottom:20px;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.footer_link .footer_link_icon{
    margin: 0px 10px 0px 0px;
}
.footer_link:hover{
	transform: translateY(-8px);
    color: #a36d45;
}
.footer_edit{
	margin:30px 0px 0px 0px;
    font-weight: 600;	
}
.fotter_community_box{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.fotter_community_box .footer_community_list{
	margin: 20px;
   /* border: 2px solid #342c2a;*/
    border-radius: 50%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.footer_community_list a{
	display: inline-flex;
    font-size: 45px;
	color: #342c2a;
}

.copyright{
	padding:10px 15px;
}
.copyright_text{
    font-size: 12px;
	text-align: right;
    padding: 5px;
}
.copyright_text a{
    color: #212529;
}
.copyright_text2_box{
    display: flex;
    justify-content: center;	
}
.copyright_text2{
    font-size: 14px;
}
@media only screen and (max-width: 760px) {
.footer_row{
	padding:20px 5px;
}
.rooter_text_box, .fotter_community_box{
	width: 100%;
    padding: 0px 15px;
}
.footer_logo_box{
	margin-bottom:30px;
}
.rooter_text_box{
	margin:0px;
}	
.fotter_community_box{
    justify-content: flex-start;
}
.footer_clinic_row{
    flex-direction: row;
	margin-bottom:0px;
}
.footer_clinic_row > a{
    border-right: 1px solid;
    text-align: center;
    margin-bottom: 20px;
    width: 50%;
    padding: 0px
}
.footer_edit{
	margin-top:15px;
}
.fotter_community_box .footer_community_list{
	margin:15px 10px 10px 0px;
}
}

/*service*/
.service_row{
	display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.service_menu{
	width:230px;
	padding: 10px;
}
.service_right_box{
	width:calc(100% - 230px);
}
.service_menu > .service_menu_list{
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;	
}
.service_menu > .service_menu_list > img{
    width: 50px;	
}
.service_item_title_box{
	border-bottom: 1px solid #c9c9c9;
}
.service_item_title_box > .title{
	position: relative;
    display: inline-block;
    margin-bottom: 0px;
    padding-bottom: 10px;
    font-size: 1.4em;
}
.service_item_title_box > .title:before {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background: black;
    left: 0px;
    bottom: -1px;
}
.service_item_title_box > .title:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background: #ffeb00;
    left: 50%;
    bottom: -1px;
}
.service_edit{
	padding:40px 0px;
}
.service_item_box{
	width:100%;
	margin-bottom:40px;
}
@media only screen and (max-width: 768px) {
.service_row{
	margin-top:20px;
}
.service_right_box , .service_menu{
	width:100%;
}
.service_menu{
    display: flex;
    flex-wrap: wrap;
    position: sticky;
    top: 106px;
    background: white;
	/*隱藏*/
    display: none;
	
}
.service_menu > .service_menu_list{
    margin: 10px;	
}	
.service_edit{
    padding: 10px 0px 0px 0px;
}
.service_item_box{
	margin-bottom:10px;
}
}
/*時程*/
.service_time_box{
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.service_time_list{
	width: calc(100% / 5 - 20px);
    margin: 10px;
    padding: 10px;	
	background: #f3f3f3;
}
.service_time_list .img{
	width:100%;
	text-align:center;
}
.service_time_list .img > img{
	width:100%;
	max-width:160px;
}
.service_time_list .text{
    text-align: center;	
}
.service_time_list .text > .title{
	font-size: .9em;
    color: #d4ad90;
}
.service_time_list .text > .time{
    font-size: .8em;
    color: #bdbdbd;
}
@media only screen and (max-width: 768px) {
.service_time_list .text > .title{
	font-size: .7em;
    color: #d4ad90;
}	
.service_time_list .text > .time {
    font-size: .65em;
    color: #bdbdbd;
}
}
/*服務項目 banner*/
.banner.banner_service{
	
}
.banner_service_text_box{
    position: absolute;
    top: 25%;
    left: 50%;
    max-width: 470px;
	letter-spacing: 2px;
}
.banner_service_text_box > .title2{
    font-size: 20px;
  	
}
.banner_service_text_box > .title1{
    position: relative;
	font-size: 30px;	
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.banner_service_text_box > .title1:after{
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #787778;
}
.banner_service_text_box > .edit{
	line-height: 1.8;
}
.banner_title{
    padding: 10px 0px 0px 0px;
    text-align: center;
    margin-bottom: 0px;
    font-size: 1.2em;
    font-weight: 900;
}
@media only screen and (max-width: 768px) {
.banner.banner_service{
    position: relative;
    display: block;
    overflow: hidden;
}
.banner.banner_service::before {
    content: "";
    display: block;
    padding-top: 40%;
}
.banner.banner_service > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0px;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.service_time_list{
    width: calc(100% / 4 - 20px);
}	
.banner_service_text_box{
    position: relative;
    width: 100%;
    max-width: 100%;
    left: 0px;
    top: 0px;
    padding: 15px;
}
}

/*案例*/
.case_swiper_slide img{
	width:100%;
}
.caseSwiper_box{
	margin:40px 0px
}
/*計數*/
#faq{
	counter-reset: number;
}
.fq_number:before {
	 counter-increment: number;
    content: 'Q'counter(number)'.';
}
/*fa*/
.fq_box{
    display: flex;
    flex-wrap: wrap;	
}
.fa_list{
    width: 100%;
    border-bottom: 2px solid #000000;
}
.fq_list_title{
    color: #000000;
    padding: 10px;
    cursor: pointer;
    margin: -1px -1px 0px 0px;
}
.fq_list_title.active{
	/*border-bottom: 2px solid #d4ad90;*/
}
.fq_edit{
    display: none;
    margin: 10px 0px 30px 0px;
    padding: 20px 10px;
    border: 1px solid #f1f1f1;
}
/**/
.swiper-slide.poto_img{
    padding-left: 50px;	
}
/*左圖右文*/
.poto_text_row{
	margin:20px 0px;
}
@media only screen and (max-width: 768px) {
.poto_text_row > div .edit{
	margin:20px 0px;
}
}
/*20230608*/
/*首頁團隊成員輪播*/
.doctor_team_swiper img{
	width:100%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.doctor_team_swiper .swiper-slide{
	width:100%;
	-webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.doctor_team_swiper .swiper-slide:hover{
    transform: scale(1.1);
}
.doctor_team_swiper .swiper-slide{}
.doctor_team_swiper .swiper-slide .doctor_team_swiper_text{
    position: absolute;
    width: 100%;
    max-width: 290px;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    padding: 40px;
    color: white;
    text-align: center;
}
.doctor_team_swiper .swiper-slide .doctor_team_swiper_text .title{
    width: 100%;
    font-size: 24px;
}
.doctor_team_swiper .swiper-slide .doctor_team_swiper_text .title2{
    width: 100%;
	font-size:22px;
}
.doctor_team_swiper .swiper-slide .doctor_team_swiper_text .view_btn{
	border: 1px solid #ffffff;
    padding: 0px 30px;
    font-size: 20px;
    letter-spacing: 2px;
}
/*右側按鈕固定*/
.fixed_right{
    overflow: hidden;
    position: fixed;
    bottom: 10%;
    right: 15px;
    z-index: 10;
    width: 50px;
    height: auto;
    text-align: center;
    line-height: 40px;
    color: #9ba47b;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: 0.2s;
    font-size: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    transition: all 0.2s ease-in;
}
.fixed_right_icon{
    position: relative;
    right: 0px;
    width: 100%;
    padding: 5px;
    border-radius: 50%;
    margin-bottom: 20px;
}
.fixed_right.boxoff .fixed_right_icon{
	right: -50px;
}
.fixed_right_icon a{
	color: white;	
}
.fixed_right_on_off{
	position: relative;
	background-color: #bfbfbf;
    right: -50px;
    transition: all 0.2s ease-in;
}
.fixed_right_on_off a{
	color: white;
}
.fixed_right:hover .fixed_right_on_off{
	right: 0px;
}
.fixed_right_facebook{
	background-color: #4267B2;
}
.fixed_right_line{
	background-color: #00c300;
}
.fixed_right_mail{
	background-color: #7d7d7d;
}
.fixed_right_instagram {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    box-shadow: 0px 3px 10px rgb(0 0 0 / 25%);
}
@media only screen and (max-width: 760px) {
.fixed_right {
	font-size: 25px;
	bottom: 30%;
	width: 50px;
}
.fixed_right a{
	padding: 2px;
}	
}
/*首頁*/
.doctor_team_img{
	width:100%;
}
.doctor_team_bg{
	position: relative;
}
.doctor_team_img_ph{
	display: none;
}
@media only screen and (max-width: 760px){
.doctor_team_bg{
	background: white;
}
.doctor_team_img_ph{
	display: block;
}
.doctor_team_img_ph img{
	width:100%;
}
}
/*20230621*/

.doctor_personal_time{}
.doctor_personal_time .calendar-wrap{
    width: 100%;
    display: flex;
}
.doctor_personal_time .calendar-wrap .calendar .days li{
    height: 80px;	
}
.type_circle{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    margin-top: -4px;
    margin-right: 8px;
    overflow: hidden;
}
.doctor_personal_time .calendar-wrap .days li .personal_text{
    width: 100%;
    display: flex;
    justify-content: center;
    color: #b0885a;	
}
@media (max-width: 768px){
.doctor_personal_time .calendar-wrap .calendar .days li.other-month{
	display: none;
}
.doctor_personal_time .calendar-wrap .calendar .days li{
	display: flex;
    padding: 0px;
    align-items: center;
    height: 50px !important;
}
.doctor_personal_time .calendar-wrap .calendar .days li .date{
    width: 130px;
    border-radius: 0;
    height: 100%;
    margin-bottom: 0px;
    font-size: 18px;
    padding: 10px;
}
.doctor_personal_time .calendar-wrap .days li .personal_text{
	width:calc(100% - 130px);
    justify-content: left;	
    padding: 0px 15px;	
}
}
/*index video*/
.IndexVideos_container_box{
	width: 95%;
    max-width: 1650px;
    margin: auto;
}
.swiper-video_box {
    position: relative;
}
.swiper-video_box .swiper{
	/*
	2024.02.17
	padding: 50px 0px;
	*/
}
.swiper-video .swiper-wrapper .swiper-slide {
    transform: scale(.8);
    padding: 10px;
}
.swiper-video .swiper-wrapper .swiper-slide.swiper-slide-active {
    transform: scale(1);
    z-index: 2;
}
.Indexvideo_box {
    background: white;
    padding: 5px;
}
.Indexvideo_box iframe{
	width: 100%;
    aspect-ratio: 16 / 9;
}
.Indexvideo_box .title{
    font-size: 16px;
    text-align: center;
    margin: 10px 0px;
}
.video_next{
    position: absolute;
    right: 0;
    top: 40%;
    z-index: 1;
    width: 50px;
    height: 50px;
    background: #fef4da;
    border-radius: 50%;
	
	/*2024.02.17*/
	box-shadow: 1px 2px 2px;
	cursor: pointer;
}
.video_prev{
	position: absolute;
    left: 0;
    top: 40%;
    z-index: 1;
    width: 50px;
    height: 50px;
    background: #fef4da;
    border-radius: 50%;
	
	/*2024.02.17*/
	box-shadow: 1px 2px 2px;
	cursor: pointer;
}
.video_next > div,.video_prev > div{
	text-align:center;
}
.video_next > div span, .video_prev > div span {
    font-size: 35px;
    color: #a99191;
    line-height: 1.4;
}
@media only screen and (min-width: 1200px){
.video_next{
    right: -30px;
}
.video_prev{
    left: -30px;
}
}


/*20240701隱藏store_time_doctor_color*/
.store_time_doctor_color{
    display: none !important;
}
.top_menu_down.centerClass .menu_icon2{
	display: none;
}
.video-thumbnail {
	position: relative;
	cursor: pointer;
	display: inline-block;
}
.video-thumbnail{}
.video-thumbnail img {
	width: 100%;
	height: auto;
	display: block;
    aspect-ratio: 16 / 9;	
}
.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 48px;
	color: white;
	text-shadow: 0 0 10px rgba(0,0,0,0.7);
	pointer-events: none;
}
.youtube_ifram{
    width: 100%;
}
.youtube_ifram iframe{
    width: 100%;
    aspect-ratio: 16 / 9;
}

@media only screen and (max-width: 760px){
.youtube_ifram iframe{

}
}

