@charset "utf-8";
html{
	margin: 0;
	height: 100%;
}
body {
	margin: 0;
	height: 100%; 
	font-family: "Noto Sans TC" , "Microsoft JhengHei", Arial, Helvetica;
	font-size:14px;
    font-weight: 350;
	color:var(--font-color);
    background-color: var(--bg-color);
	letter-spacing: 1.25px;
	line-height: 1.55;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a {
	color: var(--font-color75);
	text-decoration: none;
}
a:hover {
	color: var(--font-color75);
	text-decoration: none;
}
h1{
	font-size: 40px;
    letter-spacing: 0.1em;
}
h2{
	font-size: 34px;
    letter-spacing: 0.1em;
}
h3{
	font-size: 24px;
}
h4{
	font-size: 20px;
}
h5{
	font-size: 18px;
}
h1, h2, h3, h4, h5, p{
	margin-bottom:0;
}
p{
	line-height: 1.7;
}
button {
    border: 0;
    background-color: transparent;
}
input, textarea{
    box-shadow: none;
    -webkit-appearance: none;  /* Safari*/
    -moz-appearance: none;     /* FireFox */
    appearance: none;
}
input:focus, textarea:focus{
    outline: none !important;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
    color: var(--font-color3) !important;
}
input::-moz-placeholder, textarea::-moz-placeholder{
    color: var(--font-color3) !important;
}
input:-ms-input-placeholder, textarea::-ms-input-placeholder{
    color: var(--font-color3) !important;
}
select{
	font-size: 1rem;
}
select:focus{
    outline: none !important;
}
.bg {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bg img {
	display: none;
}
.font_bold{
	font-weight: 600;
}
.row{
	margin-left: -15px;
	margin-right: -15px;
}
.row>*{
	padding-left: 15px;
	padding-right: 15px;
}
.my_container{
	max-width: 1280px;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: auto;
    margin-right: auto;
}
.my_container_s{
	max-width: 1070px;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: auto;
    margin-right: auto;
}
main{
	min-height: calc(100vh - 80px - 323px);
    overflow: hidden;
}
.font_pre {
    white-space: pre-line;
}
.block_pt{
    padding-top: 120px;
}
.block_pt60{
    padding-top: 60px;
}
.block_pb{
    padding-bottom: 90px;
}
.block_pb60{
    padding-bottom: 60px;
}
.cover_img{
    width: 100%;
    position: relative;
}
.cover_img img {
    position: absolute;
    display: block;
    object-fit: cover;
    object-position: center center;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
/*麵包屑*/
.my_breadcrumb{
    padding: 12px 0;
}
.my_breadcrumb .breadcrumb .breadcrumb-item+.breadcrumb-item::before{
    content: " > ";
}
.my_breadcrumb, .my_breadcrumb a{
    color: var(--font-color75);
}
.my_breadcrumb.center .breadcrumb{
    justify-content: center;
    margin: 0;
}
/*icon hover後要變色*/
.icon_needhover{
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon_needhover img[src*="_hover"]{
    display: none;
}
.icon_needhover:hover img[src*="_hover"]{
    display: block;
}
.icon_needhover:hover img[src*="_defaule"]{
    display: none;
}
/*載入動畫*/
#loading{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color-light);
    z-index: 2000;
    overflow: hidden;
}
.loader span{
    width: 52px;
    height: 52px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    background: linear-gradient(0deg, rgba(94, 212, 250, 0.2) 15%, var(--blue-color) 100%);
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.loader span::after {
    content: '';  
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--main-color-light);
}
@keyframes rotation {
    0% { transform: rotate(0deg) }
    100% { transform: rotate(360deg)}
}
/*文字樣式*/
.heading1{
    font-size: 60px;
    line-height: 46px;
    letter-spacing: 3px;
    font-weight: 500;
    font-family: "Cormorant Infant";
}
.heading2{
    font-size: 32px;
    line-height: 46px;
    letter-spacing: 0;
    font-weight: 500;
    font-family: "Cormorant Infant";
}
.heading5{
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: 1px;
    font-weight: 500;
    font-family: "Cormorant Infant";
}
.heading6{
    font-size: 13px;
    line-height: 1.45;
    letter-spacing: 1px;
    font-weight: bold;
    font-family: "Cormorant Infant";
}
.link_sans{
    font-size: 14px;
    line-height: 1.4;
    letter-spacing: 1.5px;
    font-weight: 400;
}
.font_title1{
    font-size: 60px;
    line-height: 1.66;
    letter-spacing: 2.5px;
    font-weight: 600;
    font-family: "Noto Serif TC";
}
.font_title5{
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: 1.5px;
    font-weight: bold;
    font-family: "Noto Serif TC";
}
.font_title6{
    font-size: 13px;
    line-height: 1.45;
    letter-spacing: 2px;
    font-weight: bold;
    font-family: "Noto Serif TC";
}
.Text_Sans_Bold{
    font-size: 14px;
    line-height: 1.55;
    letter-spacing: 1.25px;
    font-weight: 500;
}
/*頁面標題*/
.page_frist_box{
    position: relative;
    background: linear-gradient(153deg, rgb(239, 214, 195, .3) 0%, #F2E7DD 34%, #ECD5CC 51%, #EDDBCD 72%, rgb(229, 196, 167, .2) 100%);
    padding-bottom: 60px;
    padding-top: 120px;
    border-radius: 0 0 200px 200px;
    overflow: hidden;
}
.page_frist_box .my_container{
    position: relative;
    z-index: 3;
}
.page_frist_box.page_frist_border{
    border-bottom: solid 1px var(--font-color30);
}
.page_title{
    text-align: center;
    margin-top: -11px;
}
.page_title.pt60{
    padding-top: 60px;
}
.page_title .en{
    color: var(--font-color50);
    text-transform: uppercase;
    opacity: .1;
}
.page_title h1{
    color: var(--font-color75);
    font-size: 14px;
    letter-spacing: 1.25px;
    line-height: 1.55;
    margin-top: -1.55em;
}
.page_brief{
    margin-top: 36px;
}
.page_abovebanner_line{
    margin: 24px auto;
    height: 105px;
    width: 1px;
    background: linear-gradient(to bottom, rgb(211, 206, 204, 0) 0%, var(--border-color2) 100%);
}
.page_abovebanner_line+.page_brief{
    width: fit-content;
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    color: var(--font-color90);
    text-align: center;
}
.page_banner{
    width: 100%;
    max-width: 830px;
    margin: 0 auto;
}
.page_banner img{
    width: 100%;
}
.page_banner_txt{
    margin-top: 24px;
    color: var(--font-color75);
    text-align: center;
}
.page_frist_box_lighe{
    position: absolute;
    right: 0;
    bottom: -214px;
    height: 629px;
    width: calc(100% + 48px);
    border-radius: 50%;
    background-color: var(--font-color-white);
    filter: blur(60px);
    z-index: 2;
}
/*區塊標題*/
.block_title{
    margin-bottom: 20px;
}
.block_title .en{
	font-size: 60px;
    font-weight: 500;
	letter-spacing: 3px;
	line-height: 46px;
    font-family: "Cormorant Infant";
    color: var(--font-color50);
}
.block_title h2{
	font-size:14px;
    font-weight: 500;
	letter-spacing: 1.25px;
	line-height: 1.55;
    margin-top: 10px;
    color: var(--font-color75);
}
.block_title h2::after{
    content: "";
    display: block;
    width: 254px;
    height: 1px;
    background: var(--border-linear);
    margin-top: 20px;
}
.block_title.center .en{
    text-align: center;
}
.block_title.center h2{
    text-align: center;
}
.block_title.center h2::after{
    margin-left: auto;
    margin-right: auto;
}
.block_brief{
    color: var(--font-color75);
    font-weight: 350;
}
/*區塊標題-小*/
.block_title_xs h2{
    font-size: 32px;
    font-weight: 500;
    line-height: 46px;
    color: var(--font-color50);
    font-family: "Cormorant Infant";
    letter-spacing: 0;
    text-transform:uppercase;
    margin-bottom: 68px;
}
.block_title_xs h2::after{
    content: "";
    display: block;
    height: 1px;
    margin-top: 24px;
    width: 294px;
    background: var(--border-linear);
}
.block_title_xs h2.text-center::after{
    margin-left: auto;
    margin-right: auto;
}
/*區塊標題樣式3*/
.block_title3{
    margin-bottom: 60px;
}
.block_title3 .ch-title{
    display: flex;
    align-items: center;
    padding-left: 7px;
    margin-bottom: 6px;
}
.block_title3 .ch-title .title{
    color: var(--font-color75);
    display: flex;
    align-items: center;
}
.block_title3 .ch-title .title::after{
    content: "";
    display: block;
    margin-left: 12px;
    margin-right: 12px;
    width: 140px;
    height: 1px;
    background: var(--border-linear);
}
.block_title3 .en-title{
    text-transform:uppercase;
    color: var(--font-color50);
    opacity: .2;
}
/*區塊標題樣式4*/
.block_title4{
    padding-top: 12px;
    padding-bottom: 12px;
}
.block_title4 .ch-title{
    padding-left: 5px;
    margin-top: 6px;
}
.block_title4 .en-title{
    text-transform:uppercase;
    color: var(--font-color50);
    opacity: .2;
}
/*內容標題*/
.content_title{
    display: flex;
    align-items: center;
}
.content_title h3{
    font-size: 14px;
    font-weight: 500;
    line-height: 1.55;
    color: var(--font-color75);
}
.content_title .title{
    color: var(--font-color75);
}
.content_title::after{
    content: "";
    height: 1px;
    flex: 1;
    margin-left: 20px;
    background: var(--border-linear);
}
/*更多連結*/
.more_link.center .btn{
    margin-left: auto;
    margin-right: auto;
}
/*卡片裡更多連結*/
.card_more_link{
    border: none;
    padding: 0;
    text-align: center;
    color: var(--font-color75);
    opacity: .6;
}
/*彈窗*/
.my_modal .modal-content{
    background-color: var(--bg-color);
    border-radius: 40px;
    border: none;
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
    color: var(--font-color75);
}
.my_modal .modal-header{
    border-bottom: none;
    padding: 30px 30px 20px 30px;
}
.my_modal .modal-body{
    padding: 0 30px;
}
.my_modal .modal-footer{
    justify-content: center;
    border-top: none;
    padding: 20px 30px 30px 30px;
}
.footer_btn_row{
    display: flex;
    margin-top: 0;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px;
}
.footer_btn{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 8px;
}
/*彈窗-簡易*/
.simple_modal .modal-dialog{
    max-width: 400px;
}
.simple_modal .modal-content{
    border-radius: 16px;
    border: none;
}
.simple_modal .modal-header{
    padding-left: 24px;
    padding-right: 24px;
}
.simple_modal .modal-body{
    padding: 16px 24px 20px 24px;
}
.simple_modal .modal-body .title{
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}
.simple_modal .modal-footer{
    padding: 0 24px 20px 24px;
    border-top: none;
    justify-content: center;
}
.simple_modal .modal-footer>*{
    margin: 0;
}
.simple_modal .modal-footer>.two_btn{
    margin-bottom: -8px;
}
.simple_modal .modal-footer .btn+.btn{
    margin-left: 16px;
}
.message_modal_content{
    text-align: center;
}
/*吐司*/
.my_toast{
    position: fixed;
    top: 30%;
    right: calc(50% - 200px);
    z-index: 1010;
}
.my_toast .toast{
    position: relative;
    background-color: rgb(0 0 0 / 90%);
    color: #fff;
    width: 400px;
    border: none;
    box-shadow: 0 6px 30px rgb(0 0 0 / 25%);
    border-radius: 4px;
}
.my_toast .toast-body {
    padding: 40px 24px 40px 24px;
    max-width: 100%;
    text-align: center;
}
.my_toast .btn-close {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 40px;
    height: 40px;
    padding: 0;
    margin-right: 0;
    color: #fff;
    font-size: 40px;
    background-image: none;
    opacity: 1;
}
.my_toast .btn-close i {
    display: flex;
    justify-content: center;
}
.my_toast .btn-close:hover {
    opacity: 1;
}
.my_toast .btn-close:focus {
    box-shadow: none;
}
.my_toast .toast_icon img{
    width: 52px;
}
.my_toast .toast_txt{
	font-size: 1rem;
}
/*跑馬燈*/
.marquee_controls{
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.marquee_button_box {
    display: flex;
    align-items: center;
}
.marquee_pagination{
    flex: 1;
}
.marquee_button_betweenline {
    margin-left: 20px;
    margin-right: 20px;
    width: 1px;
    height: 23px;
    background-color: var(--border-color2);
}
/*滾動差圖片*/
.lastScroll_img {
    transition: none;
    will-change: transform;
}
/*光點放大*/
.scale_wrap {
    transition: transform 0.3s ease-out;
    transform-origin: center center;
}
/*分享列*/
.share_list_box p{
    margin-right: 16px;
    font-size: 14px;
    color: var(--font-color2);
}
.share_list{
    display: flex;
    flex-direction: column;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    row-gap: 24px;
}
.share_item{
    font-size: 24px;
}
.share_item .icon_needhover{
    width: 32px;
}
.share_item .icon_needhover img{
    width: 100%;
}
.copy_link{
    cursor: pointer;
}
/*header*/
.page_header{
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* background-color: #fff;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 10%);
    transition: all .5s; */
    z-index: 1002;
}
.header_box{
	display: flex;
	align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
}
.header_logo {
	width: fit-content;
    transition: all .3s;
}
.header_logo a{
    display: block;
}
.header_logo a img{
	width: 187px;
}
.page_header.zoom .header_logo{
    transform: translateY(-150%);
}
.header_nav{
    background: linear-gradient(to bottom, rgb(136, 129, 126, .25) 0%, rgb(167, 158, 154, .95) 35%);
    padding: 10px 10px 10px 20px;
    border-radius: 50px;
}
.header_nav .nav{
	height: 100%;
    column-gap: 18px;
}
.header_nav .nav-link{
	height: 100%;
	display: flex;
	align-items: center;
	padding: 3px 5px;
	color: var(--font-color-white);
    line-height: 1.4;
    letter-spacing: 1.5px;
    font-size: 14px;
}
.header_nav .nav-link:hover>.txt{
    animation: header-bounce 320ms ease-out forwards;
}
@keyframes header-bounce {
    0%   { transform: translateY(0); }
    35%  { transform: translateY(-5px); }
    75%  { transform: translateY(-2px); }
    100% { transform: translateY(-5px); }
}
.header_nav .nav-item.dropdown .nav-link{
    background-image: url(../img/icon/Menu-More.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 11px;
    padding-right: 12px;
}
.header_nav .nav-item.dropdown .dropdown-menu{
    border: none;
    padding-top: 16px;
    border-radius: 0;
    background-color: transparent;
    min-width: auto;
    transform: translateX(-25%);
}
.header_menu_lv2_list ul{
    background: linear-gradient(to bottom, #F5F0EC 0%, #E4DFD8 100%);
    border-radius: 3px 20px 20px 20px;
    border-bottom: solid 1px var(--border-color);
    box-shadow: none;
    padding: 20px 32px;
    list-style: none;
    margin-bottom: 0;
}
.header_menu_lv2_list ul li+li{
    margin-top: 12px;
}
.header_menu_lv2_list ul .dropdown-item{
    padding: 3px 5px;
    color: var(--font-color85);
    text-align: center;
    line-height: 1.4;
    letter-spacing: 1.5px;
    font-size: 14px;
}
.header_menu_lv2_list ul .dropdown-item:hover>.txt{
    animation: header-bounce 320ms ease-out forwards;
}
.header_menu_lv2_list ul .dropdown-item:hover, 
.header_menu_lv2_list ul .dropdown-item:focus{
    background-color: transparent;
}
.mobile_menu_btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--bg-color2);
}
.mobile_menu_btn .btn{
    position: relative;
    padding: 0;
    border: none;
    width: 12px;
    height: 11px;
}
.mobile_menu_btn .btn:focus{
    box-shadow: none;
}
.mobile_menu_btn .btn>div{
    width: 9px;
    height: 1px;
    background-color: var(--font-color75);
    transition: all .2s;
}
.mobile_menu_btn .btn>div:nth-child(1){
    position: absolute;
    width: 12px;
    top: 0;
}
.mobile_menu_btn .btn>div:last-child{
    position: absolute;
    width: 12px;
    bottom: 0;
}
.mobile_menu_btn.active .btn>div:nth-child(2){
    width: 0;
}
.mobile_menu_btn.active .btn>div:nth-child(1){
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    top: 5px;
}
.mobile_menu_btn.active .btn>div:last-child{
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    bottom: auto;
    top: 5px;
}
.header_search{
	display: flex;
	align-items: center;
	border: solid 1px var(--main-color);
	border-radius: 4px;
}
.header_search input, .header_search select{
	border: none;
	height: 40px;
	font-size: 1rem;
	color: var(--font-color);
}
.header_search input:focus, .header_search select:focus{
	box-shadow: none;
}
.header_search .form-select{
	width: 120px;
}
.header_search input.form-control{
	flex: 1;
}
.header_search .btn{
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
    background-color: #fff;
    border-radius: 0 4px 4px 0;
}
.mobile_btn{
	display: none;
}
/*手機版選單*/
.mobile_sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    background-color: var(--bg-color2);
    width: 100%;
    height: 0px;
    overflow: hidden;
}
.mobile_sidebar_list{
	padding: 144px 0 20px 0;
	list-style: none;
    overflow-y: auto;
    height: 100vh;
}
.mobile_sidebar_list>li+li{
    margin-top: 15px;
}
.mobile_sidebar_list>li>a{
	display: flex;
    justify-content: center;
	padding: 3px 5px;
    letter-spacing: 1.5px;
    line-height: 1.4;
}
.mobile_sidebar_dropdown_btn .icon{
    margin-left: 2px;
    margin-right: -13px;
}
.mobile_sidebar_dropdown_btn img{
    width: 11px;
    transition: all .2s;
}
.mobile_sidebar_list_lv2{
    display: none;
}
.mobile_sidebar_list li.dropdown.active>a{

}
.mobile_sidebar_list li.dropdown.active .mobile_sidebar_list_lv2{
    display: block;
    margin-left: 60px;
    margin-right: 60px;
    background-color: var(--bg-color);
    border-radius: 3px 20px 20px 20px;
    border-top: solid 1px var(--border-color2);
    margin-top: 15px;
    padding: 20px 46px;
}
.mobile_sidebar_list_lv2 ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0;
    row-gap: 15px;
}
.mobile_sidebar_list_lv2 ul li{
    flex: 50%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.mobile_sidebar_list_lv2 .dropdown-item{
    padding: 3px 5px;
}
/*手機版搜尋*/
.mobile_search {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1003;
    background-color: var(--main-color);
    width: 100%;
    height: 0px;
    overflow: hidden;
}
.mobile_search_group {
    display: flex;
}
.mobile_search_group .form-select {
    margin-top: 15px;
    padding: 0 12px;
    line-height: 42px;
    border: none;
    height: 42px;
    width: 140px;
    color: #fff;
    box-shadow: none !important;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../img/arrow-down.svg) no-repeat right center transparent;
    background-color: transparent;
    background-size: 16px;
    background-position: right 12px center;
}
.mobile_search_input {
    flex: 1;
    background-color: transparent;
    border: none;
    height: 42px;
    margin-top: 15px;
    padding: 0 40px 0 0;
    line-height: 42px;
    color: #fff;
}
.mobile_search_input:focus{
    background-color: transparent;
    color: #fff;
	box-shadow: none;
}
.mobile_search_input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{
    color: var(--font-color4) !important;
}
.mobile_search_input::-moz-placeholder, textarea::-moz-placeholder{
    color: var(--font-color4) !important;
}
.mobile_search_input:-ms-input-placeholder, textarea::-ms-input-placeholder{
    color: var(--font-color4) !important;
}
.close_mobile_search{
    display: flex;
    position: absolute;
    right: 16px;
    top: 16px;
}
.close_mobile_search .btn{
    border: none;
    color: #fff;
    height: 36px;
    width: 36px;
    font-size: 32px;
    padding: 0;
    background-color: var(--main-color);
}
.close_mobile_search .btn i{
    display: flex;
    justify-content: center;
}
.go_mobile_search{
    display: flex;
    position: absolute;
    right: 16px;
    top: 16px;
}
.go_mobile_search .btn{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 42px;
    width: 42px;
    font-size: 20px;
    padding: 0;
    background-color: var(--main-color);
}
.go_mobile_search.show{
    z-index: 1002;
}
/*搜尋*/
.search_offcanvas{
    height: 100vh;
    border-bottom: none;
    background-color: rgb(255, 255, 255, .9);
}
.search_offcanvas .my_container{
    flex: 1;
}
.search_offcanvas.show~.offcanvas-backdrop{
    background-color: transparent;
}
.search_offcanvas .offcanvas-header{
    height: 80px;
    justify-content: end;
}
.search_offcanvas .offcanvas-header .btn-close:focus{
    box-shadow: none;
}
.search_title{
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--font-color);
}
.search_offcanvas .offcanvas-body {
    height: calc(100% - 80px);
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 128px;
}
.search_offcanvas_content{
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.hot_search{
    margin-top: 24px;
}
.hot_search_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -12px;
    margin-right: -12px;
}
.hot_search_item{
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
}
.hot_search_item a{ 
    border-bottom: solid 1px var(--font-color2);
}
/*footer*/
.page_footer{
    background: linear-gradient(to bottom, var(--bg-color) 0%, var(--bg-color2) 100%);
    color: var(--font-color75);
}
.footer_logo img{
    width: 230px;
}
.office_info_list {
    list-style: none;
    padding: 0;
    margin-top: 24px;
    margin-bottom: 0;
}
.office_info_item{
    display: flex;
}
.office_info_title{
    word-break: keep-all;
}
.office_info_item+.office_info_item {
    margin-top: 16px;
}
.footer_nav .nav{
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -16px;
    flex-wrap: wrap;
}
.footer_nav li{
    padding-bottom: 16px;
    padding-left: 12px;
    padding-right: 16px;
}
.footer_nav li{
    padding: 16px 0 0 0;
}
.footer_nav li a{
    padding: 0 12px;
}
.footer_nav_group{
    display: flex;
    margin-left: -24px;
    margin-right: -24px;
}
.footer_nav_list {
    flex: 1;
    padding-left: 24px;
    padding-right: 24px;
}
.footer_nav_title {
    position: relative;
    font-size: 20px;
    margin-bottom: 16px;
    border-bottom: solid 2px #fff;
    padding-bottom: 4px;
}
.footer_nav_title::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -2px;
    height: 2px;
    width: 20%;
    background-color: var(--main-color-dark);
}
.footer_nav_group .nav li{
    width: 100%;
}
.footer_nav_group .nav li a h5 {
    font-size: 1rem;
    line-height: 1.2;
}
.footer_nav.onenav .nav{
    justify-content: flex-end;
    margin-left: 0;
    margin-right: 0;
}
.footer_nav.onenav li+li{
    margin-left: 48px;
}
.footer_line{
    border-top: solid 1px #fff;
    margin-top: 24px;
    margin-bottom: 24px;
}
.footer_link_row{
    display: flex;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 150px;
    padding-bottom: 120px;
}
.footer_office_list{
    display: flex;
    flex-wrap: wrap;
    column-gap: 26px;
    row-gap: 48px;
}
.footer_office_card{
    width: fit-content;
    min-width: 181px;
    text-align: center;
}
.footer_office_img{
    margin-bottom: 25px;
}
.footer_office_img::after{
    margin-top: 21px;
    content: "";
    display: block;
    height: 1px;
    background: var(--border-linear);
}
.footer_office_img img{
    width: 120px;
}
.footer_office_phone{
    font-size: 16px;
    letter-spacing: 0.08em;
    font-weight: 300;
    color: var(--font-color75) !important;
}
.footer_office_address{
    margin-top: 12px;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: .1em;
}
.footer_office_social{
    margin-top: 12px;
}
.footer_office_social .nav{
    padding: 0;
    column-gap: 12px;
    row-gap: 12px;
    justify-content: center;
}
.footer_office_social .nav-link{
    padding: 0;
}
.footer_office_social .icon_needhover{
    width: 21px;
}
.footer_office_social .icon_needhover img{
    width: 100%;
}
.footer_logo{
    width: 23%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.footer_copyright{
    min-height: 48px;
    background: linear-gradient(to bottom, rgb(136, 129, 126, .25) 0%, rgb(167, 158, 154, .95) 35%);
    text-align: center;
    border-radius: 36px 36px 0 0;
    padding-top: 14px;
    padding-bottom: 14px;
    color: var(--border-color2);
    font-weight: 400;
}
.footer_copyright a, .footer_copyright a:hover{
    color: var(--border-color2);
}
.office_info+.footer_social{
    justify-content: flex-start;
    margin-top: 24px;
}
/*懸浮列*/
.side_nav_box{
    position: fixed;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--bg-color);
    border-radius: 18px;
    width: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2px 0;
    z-index: 1000;
}
.side_nav_btn{
    padding-top: 7px;
    margin-bottom: 2px;
}
.side_nav_btn img{
    width: 24px;
}
.side_nav{
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.side_nav_link{
    color: var(--font-color75);
    font-weight: 400;
    padding: 8px 6px;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.1em;
    cursor: pointer;
    width: 26px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.side_nav_link:hover{
    background-color: var(--bg-color2);
    border-radius: 20px;
}
.side_nav_menu{
    height: 0;
    overflow: hidden;
    transition: all .3s;
    margin-top: 2px;
}
.side_nav_item:hover .side_nav_menu{
    height: 126px
}
.side_nav_lv2_list{
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    border: solid 1px var(--border-color2);
    border-right: 0;
    border-radius: 50px;
    padding: 2px;
    width: 25px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}
.side_nav_lv2_list img{
    width: 21px;
}
/*按鈕並排*/
.two_btn{
	display: flex;
    flex-wrap: wrap;
	margin-left: -12px;
	margin-right: -12px;
	margin-bottom: -8px;
}
.two_btn>div{
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 8px;
}
/*按鈕-實心*/
.maincolor_btn{
    border: none;
	border-bottom: solid 2px var(--border-color2);
	background-color: var(--bg-color3);
	font-size: 14px;
	font-weight: 500;
	height: 44px;
	padding: 0 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--font-color-white);
	border-radius: 50px;
    min-width: 140px;
    transition: all .2s;
}
.maincolor_btn:hover{
	border-right: solid 1px var(--border-color2);
	border-bottom: solid 1px var(--border-color2);
	color: var(--font-color85);
	box-shadow: -1px 2px 0 var(--font-color50);
}
.maincolor_btn:focus{
	box-shadow: 1px -1px 0 var(--font-color50);
}
.maincolor_btn.select{
    color: var(--font-color-white);
    background-color: var(--bg-color4);
	box-shadow: -3px 2px 0 var(--font-color-white);
}
.maincolor_btn:disabled{
	color: var(--font-color50);
    background-color: var(--border-color2);
	box-shadow: none;
}
/*按鈕-實心-xs*/
.maincolor_btn_xs{
    border: none;
	border-bottom: solid 2px var(--border-color2);
	background-color: var(--bg-color);
	font-size: 14px;
	font-weight: 500;
	height: 36px;
	padding: 0 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--font-color85);
	border-radius: 50px;
    transition: all .1s;
}
.maincolor_btn_xs:hover{
	border-right: solid 1px var(--border-color2);
	border-bottom: solid 1px var(--border-color2);
	color: var(--font-color85);
	box-shadow: -1px 2px 0 var(--font-color50);
}
.maincolor_btn_xs:focus{
	box-shadow: 1px -1px 0 var(--font-color50);
}
.maincolor_btn_xs.select{
    color: var(--font-color-white);
    background-color: var(--bg-color4);
	box-shadow: -3px 2px 0 var(--font-color-white);
}
.maincolor_btn_xs:disabled{
	color: var(--font-color50);
    background-color: var(--border-color2);
	box-shadow: none;
}
/*按鈕-框線*/
.maincolor_border_btn{
    border: none;
	border-bottom: solid 2px var(--border-color2);
	border-right: solid 1px transparent;
	background-color: var(--bg-color);
	font-size: 14px;
	font-weight: 400;
    letter-spacing: 1.5px;
	height: 44px;
	padding: 0 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--font-color85);
	border-radius: 50px;
    width: fit-content;
    min-width: 140px;
    transition: all .1s;
}
.maincolor_border_btn:hover{
	border-right: solid 1px var(--border-color2);
	border-bottom: solid 1px var(--border-color2);
	color: var(--font-color85);
	box-shadow: -1px 2px 0 var(--font-color50);
}
.maincolor_border_btn:focus, .maincolor_border_btn:active{
	box-shadow: -1px 1px 0 var(--font-color50);
    border-right: solid 1px var(--border-color2) !important;
    border-bottom: solid 1px var(--border-color2) !important;
    padding-bottom: 1px;
}
.maincolor_border_btn.select{
    color: var(--font-color-white);
    background-color: var(--bg-hover);
	box-shadow: -3px 2px 0 var(--bg-color4);
    border-right: solid 1px var(--border-color2) !important;
    border-bottom: solid 1px var(--border-color2) !important;
}
.maincolor_border_btn.active:hover{
    transform: translateY(0);
}
.maincolor_border_btn:disabled{
	color: var(--font-color50);
    background-color: var(--border-color2);
	box-shadow: none;
}
/*按鈕-框線-xs*/
.maincolor_border_btn_xs{
    border: none;
	border-bottom: solid 2px var(--border-color2);
	border-right: solid 1px transparent;
	background-color: var(--bg-color);
	font-size: 14px;
	font-weight: 500;
	height: 36px;
	padding: 0 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--font-color85);
	border-radius: 50px;
    width: fit-content;
    min-width: 100px;
    transition: all .1s;
}
.maincolor_border_btn_xs:hover{
	border-right: solid 1px var(--border-color2);
	border-bottom: solid 1px var(--border-color2);
	color: var(--font-color85);
	box-shadow: -1px 2px 0 var(--font-color50);
}
.maincolor_border_btn_xs:focus, .maincolor_border_btn_xs:active{
	box-shadow: -1px 1px 0 var(--font-color50);
    border-right: solid 1px var(--border-color2) !important;
    border-bottom: solid 1px var(--border-color2) !important;
}
.maincolor_border_btn_xs.select{
    color: var(--font-color-white);
    background-color: var(--bg-hover);
	box-shadow: -3px 2px 0 var(--bg-color4);
    border-right: solid 1px var(--border-color2) !important;
    border-bottom: solid 1px var(--border-color2) !important;
}
.maincolor_border_btn_xs.active:hover{
    transform: translateY(0);
}
.maincolor_border_btn_xs:disabled{
	color: var(--font-color50);
    background-color: var(--border-color2);
	box-shadow: none;
}
/*按鈕-方圓角*/
.square_btn{
    border: none;
	border-bottom: solid 1px var(--font-color30);
	background-color: var(--bg-color);
	font-size: 14px;
	font-weight: 500;
    font-family: "Noto Serif TC";
    letter-spacing: 1.25px;
    line-height: 1.55;
	height: 38px;
    width: fit-content;
	padding: 0 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--font-color75);
	border-radius: 10px;
    transition: all .1s;
}
.square_btn:hover{
    border: none;
	border-bottom: solid 1px var(--font-color30);
	background-color: var(--bg-color);
	color: var(--font-color75);
	box-shadow: none;
}
.square_btn:focus, .maincolor_border_btn_xs:active{
    border: none;
	border-bottom: solid 1px var(--font-color30);
	background-color: var(--bg-color);
	color: var(--font-color75);
	box-shadow: none;
}
/*純文字按鈕*/
.txt_btn{
	padding: 0;
	border: none;
	color: var(--font-color);
    border-radius: 0;
}
.txt_btn:hover, .txt_btn:focus{
	color: var(--main-color);
	box-shadow: none;
}
/*頁籤*/
.my_tab{
    border: none;
    column-gap: 10px;
    flex-wrap: nowrap;
}
.my_tab .nav-link{
    border: none;
	border-bottom: solid 2px var(--border-color2);
	border-right: solid -1px transparent;
	background-color: var(--bg-color);
	font-size: 14px;
	font-weight: normal;
    line-height: 1.4;
	height: 36px;
	padding: 0 22px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--font-color85);
	border-radius: 50px;
    transition: border-width 0, box-shadow .1s, color .1s;
    margin-bottom: 0;
    word-break: keep-all;
}
.my_tab .nav-link:hover{
	border-right: solid -1px var(--border-color2);
	border-bottom: solid 1px var(--border-color2);
	color: var(--font-color85);
	box-shadow: -1px 2px 0 var(--font-color50);
    padding-bottom: 1px;
}
.my_tab .nav-link:focus, .my_tab .nav-link:active{
	box-shadow: -1px 1px 0 var(--font-color50);
    border-right: solid -1px var(--border-color2) !important;
    border-bottom: solid 1px var(--border-color2) !important;
}
.my_tab .nav-link.active{
    color: var(--font-color-white);
    background-color: var(--bg-hover);
	box-shadow: -3px 2px 0 var(--bg-color4);
    border-right: solid -1px var(--border-color2) !important;
    border-bottom: solid 1px var(--border-color2) !important;
}
.my_tab .nav-link.active:hover{
    padding-bottom: 0px;
}
/*輸入框空值題示*/
.data_validate .my_input, .data_validate .my_textarea, .data_validate .my_select,
.data_validate .my_input:hover, .data_validate .my_textarea:hover, .data_validate .my_select:hover{
	border: solid 1px var(--danger-color);
    padding: 8px 16px;
}
.data_validate::after{
    display: block;
	margin-left: 16px;
    padding-top: 8px;
    content: attr(data-validate);
    font-size: 14px;
    color: var(--danger-color);
}
/*單行輸入框*/
.my_input{
    border: solid 1px var(--border-color);
    border-radius: 4px;
    height: 48px;
    padding: 8px 16px;
    background-color: #fff;
    font-size: 1rem;
    color: var(--font-color);
    transition: all .2s;
}
.my_input:hover, .my_input:focus{
	border: solid 1px var(--border-color);
	box-shadow: 1px 1px 4px rgb(0 0 0 / 15%);
}
.my_input:disabled, .my_input:read-only{
    background-color: #f5f5f5;
}
.my_input:disabled:hover, .my_input:read-only, .my_input:disabled:focus{
    box-shadow:none;
}
/*單行輸入框-主色框*/
.my_input_color{
    border: solid 1px var(--main-color);
    border-radius: 4px;
    height: 48px;
    background-color: rgb(255 255 255 / 30%);
    font-size: 1rem;
    color: var(--font-color);
    transition: all .2s;
}
.my_input_color:hover, .my_input_color:focus{
    border: solid 1px var(--main-color);
    background-color: rgb(255 255 255 / 40%);
	box-shadow: 1px 1px 6px rgb(0 0 0 / 15%);
}
/*多行輸入框*/
.my_textarea{
    border: solid 1px var(--border-color);
    border-radius: 4px;
    background-color: #fff;
    font-size: 1rem;
    padding: 8px 16px;
    color: var(--font-color);
    transition: all .2s;
}
.my_textarea:hover, .my_textarea:focus{
	border: solid 1px var(--border-color);
	box-shadow: 1px 1px 4px rgb(0 0 0 / 15%);
    min-height: 60px;
}
.my_textarea:disabled{
    background-color: #f5f5f5;
    resize:none;
}
.my_textarea:disabled:hover, .my_textarea:disabled:focus{
    box-shadow:none;
}
/*下拉*/
.my_select{
    border: solid 1px var(--border-color);
    border-radius: 4px;
    height: 48px;
    padding: 8px 16px;
    background-color: #fff;
    font-size: 1rem;
    color: var(--font-color);
    min-width: 100px;
    max-width: 200px;
    appearance: none;
    background-image: url(../img/icon/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 0.7rem center;
    background-size: 16px;
    transition: all .2s;
}
.my_select:hover, .my_select:focus{
	border: solid 1px var(--border-color);
	box-shadow: 1px 1px 4px rgb(0 0 0 / 15%);
}
.my_select:disabled{
    background-color: #f5f5f5;
}
.my_select:disabled:hover, .my_select:disabled:focus{
    box-shadow:none;
}
/*checkbox*/
.my_checkbox{
    display: flex;
}
.my_checkbox .form-check-input{
    border-radius: 4px;
    height: 18px;
    width: 18px;
    border-color: var(--font-color2);
    margin-right: 0;
    margin-top: 3px;
}
.my_checkbox .form-check-input:focus {
    border-color: var(--font-color2);
    box-shadow: none;
}
.my_checkbox .form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.my_checkbox .form-check-input:checked:focus {
    border-color: var(--main-color);
}
.my_checkbox .form-check-label{
    padding-left: 8px;
}
/*radio*/
.my_radio{
    display: flex;
}
.my_radio .form-check-input{
    height: 18px;
    width: 18px;
    border-color: var(--font-color2);
    margin-right: 0;
    margin-top: 3px;
}
.my_radio .form-check-input:focus {
    border-color: var(--font-color2);
    box-shadow: none;
}
.my_radio .form-check-input:checked {
    background-color: var(--main-color);
    border-color: var(--main-color);
}
.my_radio .form-check-input:checked:focus {
    border-color: var(--main-color);
}
.my_radio .form-check-label{
    padding-left: 8px;
}
/*checkbox或radio多項目*/
.form_check_group{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -16px;
}
.form_check_group .my_checkbox, .form_check_group .my_radio{
    margin-bottom: 16px;
    margin-right: 40px;
}
/*數量加減*/
.product_count_btn {
    display: flex;
    border: solid 1px var(--border-color);
    border-radius: 4px;
    width: fit-content;
    overflow: hidden;
}
.count_dash .btn, .count_plus .btn {
    padding: 0;
    width: 36px;
    height: 36px;
    font-size: 14px;
    border-radius: 0;
}
.count_dash .btn:hover, .count_plus .btn:hover {
    background-color: var(--bg-color);
}
.count_dash .btn:focus, .count_plus .btn:focus {
    box-shadow: none;
}
.count_number {
    width: 80px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    text-align: center;
    border: none;
    border-left: solid 1px var(--border-color);
    border-right: solid 1px var(--border-color);
}
/*日曆*/
.ui-datepicker {
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    border: solid 1px var(--border-color);
    border-radius: 4px;
    background-color: #fff;
    font-size: 14px;
    display: none;
}
.ui-datepicker-header {
    position: relative;
}
.ui-datepicker-prev {
    position: absolute;
    left: 8px;
    top: 10px;
    font-size: 16px;
    cursor: pointer;
}
.ui-datepicker-next {
    position: absolute;
    right: 8px;
    top: 10px;
    font-size: 16px;
    cursor: pointer;
}
.ui-datepicker-title {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: solid 1px var(--border-color);
}
.ui-datepicker-year{
    margin-right: 4px;
    border-radius: 4px;
    background-color: #fff;
    border: solid 1px var(--border-color);
}
.ui-datepicker-month{
    margin-left: 8px;
}
.ui-datepicker-calendar th {
    padding: 8px 8px 4px 8px;
}
.ui-datepicker-calendar td a {
    display: block;
    padding: 4px 8px;
    text-align: center;
}
/*表單*/
.my_form{
    max-width: 550px;
    margin-top: -24px;
}
.my_form_row{
    padding-top: 24px;
}
.my_form_row .form-label{
    margin-bottom: 8px;
}
.my_form_btn{
    padding-top: 24px;
    text-align: right;
}
.my_form_btn .btn{
    margin-left: auto;
}
.my_form_btn .two_btn{
    justify-content: flex-end;
}
.my_form .txt_btn{
    color: var(--main-color);
    border-bottom: solid 1px var(--main-color);
}
.my_city_select{
    margin-bottom: -8px;
    margin-left: -8px;
    margin-right: -8px;
}
.my_city_select>div{
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}
.my_city_select>div .my_input, .my_city_select>div .my_select{
    width: 100%;
    max-width: 100%;
}
.error_msg{
    margin-top: 16px;
    color: var(--danger-color);
}
/*文章列表*/
.article_card_list{
    margin-bottom: -32px;
}
.article_card_item{
    padding-bottom: 32px;
}
/*文章列表頁數*/
.page_box{
    margin-top: 40px;
}
.page_box .pagination{
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px;
}
.page_box .page-item{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 8px;
}
.page_box .page-link{
    border: solid 1px var(--main-color);
    color: var(--main-color);
    margin: 0 !important;
    padding: 0 12px;
    height: 42px;
    min-width: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    box-shadow: none;
}
.page_box .page-link:hover, .page_box .page-link:focus{
    border: solid 1px var(--main-color-light);
    background-color: var(--main-color-opacity);
}
.page_box .page-item.active .page-link{
    color: #fff;
    background-color: var(--main-color);
    border: solid 1px var(--main-color);
}
.page_box .page-item.ellipsis .page-link{
    letter-spacing: 1px;
    border: none;
    padding-bottom: 4px;
}
.page_box .page-item.ellipsis .page-link:hover{
    background-color: #fff;
}
/*文章卡片*/
.article_card{
    display: block;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 10%);
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
    transition: all .2s;
    padding-bottom: 16px;
}
.article_card:hover{
    box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
}
.article_card_img{
    width: 100%;
}
.article_card_img .bg{
    padding-bottom: 64%;
}
.article_card_body {
    padding: 12px 16px 0 16px;
}
.article_card_title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: 600;
}
.article_card_body p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
    color: var(--font-color2);
}
.article_card_info{
    padding-left: 16px;
    padding-right: 16px;
}
.article_card_info .article_info{
    margin-top: 12px;
}
.article_card .article_info{
    text-align: center;
}
.article_info{
    color: var(--font-color2);
    font-size: 14px;
}
.article_info span i{
    margin-right: 4px;
}
.article_info span+span::before{
    content: "．";
}
.article_card_info .card_author_info{
    margin-top: 12px;
}
.article_card_keep{
    font-size: 14px;
}
.article_card_keep .count{
    margin-left: 4px;
}
.article_card_keep span+span{
    margin-left: 4px;
}
.article_card_info .article_card_keep{
    margin-top: 12px;
}
.card_author_info{
    display: flex;
    align-items: center;
}
.card_author_info_photo .bg{
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.card_author_info_name{
    padding-left: 8px;
    font-size: 14px;
    font-weight: 600;
}
a .card_author_info:hover{
    color: var(--main-color);
}
.article_info_box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*文章清單*/
.article_inventory{
    max-width: 700px;
    border-bottom: solid 1px var(--border-color);
    padding-bottom: 16px;
}
.article_inventory_content{
    display: flex;
    flex-wrap: wrap;
}
.article_inventory_img{
    width: 150px;
    padding-top: 4px;
}
.article_inventory_img .bg{
    padding-bottom: 61%;
    border-radius: 4px;
}
.article_inventory_body{
    flex: 1;
    padding-right: 12px;
}
.article_inventory_title{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    word-break: break-all;
    margin-bottom: 8px;
    font-weight: 600;
}
.article_inventory_body p{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-break: break-all;
    color: var(--font-color2);
}
.article_inventory .article_card_info{
    padding: 0;
}
/*關鍵字*/
.tag_list{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -8px;
}
.tag_list span{
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 8px;
}
.tag_list span{
    padding-left: 12px;
    padding-right: 12px;
}
.tag_list span.txt{
    padding-right: 0;
}
.tag_link{
    background-color: var(--main-color);
    color: #fff;
    line-height: 24px;
    padding: 0 16px;
    border-radius: 24px;
    display: flex;
}
.tag_link:hover{
    background-color: var(--main-color-light);
    color: #fff;
}
.tag_link_line{
    color: var(--main-color-dark);
    border-bottom: solid 1px var(--main-color-dark);
}
.tag_link_line:hover{
    color: var(--main-color);
    border-bottom: solid 1px var(--main-color-dark);
}
/*編輯器內容-tiptap*/
.from_tiptap{
    width: 100%;
    max-width: 700px;
}
.from_tiptap p{
    font-size: 14px;
    text-align: justify;
    color: var(--font-color75);
    font-weight: 400;
}
.from_tiptap h2{
    font-weight: 600;
    margin-bottom: 1rem;
}
.from_tiptap h3{
    font-weight: 600;
    margin-bottom: 1rem;
}
.from_tiptap h4{
    font-weight: 600;
    margin-bottom: 12px;
}
.from_tiptap ul, ol{
    margin-bottom: 0;
    padding-left: 1.7em;
    margin-top: 20px;
}
.from_tiptap li{
    font-size: 14px;
    text-align: justify;
    color: var(--font-color75);
    font-weight: 350;
}
.from_tiptap ul li::marker { 
    content: '‧ '; letter-spacing: 1px;
}
.from_tiptap a{
    text-decoration: underline;
    word-break: break-all;
}
.from_tiptap blockquote{
    border-left: solid 4px var(--font-color75);
    padding: 8px 16px;
    background-color: var(--bg-color);
}
.from_tiptap table{
    width: 100%;
}
.from_tiptap th{
    background-color: var(--bg-color);
    border: solid 1px var(--border-color);
    font-weight: 600;
    padding: 12px 16px;
    text-align: center;
}
.from_tiptap td{
    padding: 12px 16px;
    text-align: center;
    border: solid 1px var(--border-color);
}
.from_tiptap img{
    max-width: 100%;
}
figure.image, figure.media, figure.table{
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
/*編輯器內容-ckeditor*/
.from_ckeditor{
    width: 100%;
    max-width: 700px;
}
.from_ckeditor p{
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0.9px;
    text-align: justify;
}
.from_ckeditor h2{
    font-weight: 600;
    margin-bottom: 8px;
}
.from_ckeditor h3{
    font-weight: 600;
    margin-bottom: 8px;
}
.from_ckeditor h4{
    font-weight: 600;
    margin-bottom: 8px;
}
.from_ckeditor figure{
    margin: 4px 0;
}
.from_ckeditor figure img{
    max-width: 100%;
}
.from_ckeditor .text-small {
    font-size: 14px;
}
.from_ckeditor .text-tiny {
    font-size: 12px;
}
.from_ckeditor ul, ol{
    margin-bottom: 0;
    padding-left: 2em;
}
.from_ckeditor li{
    line-height: 1.8;
    letter-spacing: 0.9px;
}
.from_ckeditor li+li{
    margin-top: 8px;
}
.from_ckeditor a{
    color: var(--main-color);
    border-bottom: solid 1px var(--main-color);
    word-break: break-all;
}
.from_ckeditor blockquote{
    border-left: solid 4px var(--main-color);
    padding: 8px 16px;
    background-color: var(--bg-color);
    color: var(--font-color2);
}
.from_ckeditor .table table{
    width: 100%;
}
.from_ckeditor .table td{
    padding: 12px 16px;
    text-align: center;
    border: solid 1px var(--border-color);
}
/*table表格*/
.my_table_box{
    overflow-x: auto;
}
.my_table{
    width: 100%;
    min-width: 700px;
    text-align: center;
}
.my_table thead th {
    background-color: var(--main-color);
    color: #fff;
    font-weight: 600;
    padding: 12px 16px;
    text-align: center;
    border: solid 1px var(--main-color-light);
}
.my_table td {
    padding: 12px 16px;
    text-align: center;
    border: solid 1px var(--main-color-light);
}
.my_table tbody td:first-child {
    color: var(--main-color);
    background-color: var(--bg-color);
}
/*加入購物車*/
.bg-cover{
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 25%);
    z-index: 999999;
}
.bg-cover-table{
    width: 90%;
    max-width: 350px;
    background-color: rgb(0 0 0 / 80%);
    color: #fff;
    padding: 32px 24px 48px 24px;
    text-align: center;
    border-radius: 4px;
}
.bg-cover-content .icon{
    font-size: 80px;
    margin-bottom: 8px;
}
.bg-cover-content p{
    font-size: 18px;
    font-weight: 600;
}
/*形象影片*/
.index_brandvideo_box{
    position: relative;
    height: 0;
    padding-bottom: 66.6%;
}
.index_brandvideo_box::before{
    content: "";
    position: absolute;
    top: 120px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 120px - 90px);
    background: linear-gradient(-52deg, rgb(239, 214, 195, .3) 0%, #F2E7DD 34%, #ECD5CC 51%, #EDDBCD 72%, rgb(229, 196, 167, .2));
    filter: blur(80px);
    z-index: -1;
}
.banner_vedio{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.banner_vedio video{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    object-fit: cover;
}
/* .index_brandvideo_bg{
    position: relative;
    height: 0;
    padding-bottom: 56.25%;
}
.index_brandvideo_bg iframe{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 56.25vw;
    transform: translate(-50%, -50%);
}
.index_brandvideo_bg::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: transparent;
} */
/*關於我們*/
.index_about_row{
    display: flex;
    column-gap: 20px;
}
.index_about_left, .index_about_center, .index_about_right{
    width: 33.333%;
}
.index_about_center{
    position: relative;
}
.index_about_ellipse{
    position: absolute;
    top: 89px;
    width: 100%;
    display: flex;
    justify-content: center;
    z-index: -1;
}
.index_about_ellipse .ellipse{
    width: 176px;
    height: 176px;
    border-radius: 50%;
    background: var(--white-circle-linear);
    filter: blur(20px);
}
.index_about_center .more_link{
    margin-top: 68px;
}
.index_about_photo_row{
    display: flex;
    column-gap: 20px;
}
.index_about_photo{
    flex: 1;
    position: relative;
    z-index: 2;
}
.index_about_photo_img{
    height: 520px;
    overflow: hidden;
}
.index_about_photo_img img{
    width: 100%;
    object-fit: cover;
    transform: translateY(0);
    transition: all .3s;
}
.index_about_photo_img.dean1, .index_about_photo_img.dean2{
    border-radius: 30px 5px 10px 20px;
}
.index_about_photo_img.dean3, .index_about_photo_img.dean4{
    border-radius: 5px 30px 20px 10px;
}
.index_about_photo_img.dean2{
    transform: translateY(96px);
}
.index_about_photo_img.dean3{
    transform: translateY(65px);
}
.index_about_photo_img.dean1 img{
    margin-top: -70px;
}
.index_about_photo_img.dean2 img{
    margin-top: -90px;
}
.index_about_photo_img.dean3 img{
    margin-top: -90px;
}
.index_about_photo_img.dean4 img{
    margin-top: -92px;
}
.index_about_left{
    position: relative;
}
.index_about_left_txt{
    position: absolute;
    right: 0;
    top: -40px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    color: var(--font-color30);
    font-family: "Cormorant Infant";
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-transform:uppercase;
}
/*治療項目*/
.index_service_box{
    position: relative;
}
.index_service_bg{
    position: absolute;
    bottom: 0;
    left: 40px;
    width: calc(100% - 80px);
    height: calc(100% - 59px);
    object-fit: cover;
    z-index: 1;
    filter: blur(80px);
}
.index_service_box .my_container{
    position: relative;
    z-index: 2;
}
.index_service_box .block_title{
    padding-top: 40px;
}
.index_service_box .block_title .block_brief{
    margin-top: 20px;
}
.index_service_ellipse {
    position: absolute;
    top: 0;
    right: 24%;
    z-index: -1;
}
.index_service_ellipse .ellipse{
    width: 168px;
    height: 168px;
    border-radius: 50%;
    background: var(--white-circle-linear);
    filter: blur(60px);
    transform: scale(1);
    transition: transform 300ms ease-out;
}
.index_service_list{
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 25px;
    row-gap: 40px;
}
.index_service_card{
    position: relative;
    width: 190px;
    display: flex;
    align-items: flex-start;
    padding: 10px 0 0 10px;
    border: solid 1px rgb(255, 255, 255, .8);
    border-radius: 25px;
    overflow: hidden;
    background-color: var(--bg-color);
    font-family: "Noto Serif TC";
}
.index_service_card:hover{
    background-color: rgb(176, 145, 133, 0.1);
}
.index_service_img{
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 83px;
    padding-bottom: 23px;
    padding-right: 10px;
}
.index_service_img img{
    width: 100%;
}
.index_service_title{
    background-color: rgb(176, 145, 133, 0.1);
    border-radius: 20px;
    width: 29px;
    padding: 14px 8px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 2px;
    /* writing-mode: vertical-rl; */
    color: var(--font-color75);
}
.index_service_card:hover .index_service_title{
    background-color: var(--bg-color);
}
.index_service_link{
    position: absolute;
    right: 17px;
    bottom: 17px;
    z-index: -1;
}
.index_service_card:hover .index_service_link{
    z-index: 2;
}
.index_service_link a{
    color: var(--font-color50);
    font-weight: bold;
    text-decoration: underline;
    font-size: 11px;
    line-height: 1.45;
    letter-spacing: 2px;
}
.index_service_item:nth-child(1) .index_service_card .index_service_img{
    background-image: url(../img/service_item-1-bg.png);
}
.index_service_item:nth-child(1) .index_service_card:hover .index_service_img{
    background-image: url(../img/service_item-1-bg-hover.png);
}
.index_service_item:nth-child(2) .index_service_card .index_service_img{
    background-image: url(../img/service_item-2-bg.png);
}
.index_service_item:nth-child(2) .index_service_card:hover .index_service_img{
    background-image: url(../img/service_item-2-bg-hover.png);
}
.index_service_item:nth-child(3) .index_service_card .index_service_img{
    background-image: url(../img/service_item-3-bg.png);
}
.index_service_item:nth-child(3) .index_service_card:hover .index_service_img{
    background-image: url(../img/service_item-3-bg-hover.png);
}
.index_service_item:nth-child(4) .index_service_card .index_service_img{
    background-image: url(../img/service_item-4-bg.png);
}
.index_service_item:nth-child(4) .index_service_card:hover .index_service_img{
    background-image: url(../img/service_item-4-bg-hover.png);
}
.index_service_item:nth-child(5) .index_service_card .index_service_img{
    background-image: url(../img/service_item-5-bg.png);
}
.index_service_item:nth-child(5) .index_service_card:hover .index_service_img{
    background-image: url(../img/service_item-5-bg-hover.png);
}
.index_service_item:nth-child(6) .index_service_card .index_service_img{
    background-image: url(../img/service_item-6-bg.png);
}
.index_service_item:nth-child(6) .index_service_card:hover .index_service_img{
    background-image: url(../img/service_item-6-bg-hover.png);
}
.index_service_item:nth-child(7) .index_service_card .index_service_img{
    background-image: url(../img/service_item-7-bg.png);
}
.index_service_item:nth-child(7) .index_service_card:hover .index_service_img{
    background-image: url(../img/service_item-7-bg-hover.png);
}
.index_service_item:nth-child(8) .index_service_card .index_service_img{
    background-image: url(../img/service_item-8-bg.png);
}
.index_service_item:nth-child(8) .index_service_card:hover .index_service_img{
    background-image: url(../img/service_item-8-bg-hover.png);
}
/*醫療團隊*/
.index_team_row{
    display: grid;
    grid-template-columns:50% 50%;
    grid-template-rows: 66px auto;
}
.index_team_tag{
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 1;
    grid-row-end: 1;
}
.index_team_tag .my_tab{
    justify-content: center;
}
.index_team_list{
    grid-column-start: 1;
    grid-column-end: 1;
    grid-row-start: 2;
    grid-row-end: 2;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
}
.index_team_body{
    grid-column-start: 2;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    padding-left: 120px;
    padding-top: 44px;
}
.index_team_box .more_link{
    margin-top: 60px;
}
.index_team_body .block_title{
    max-width: 320px;
    margin-bottom: 0;
}
.index_team_body .block_brief{
    margin-top: 68px;
}
.doctor_marquee_box {
    overflow: hidden;
    white-space: nowrap;
}
.doctor_marquee {
    display: inline-flex;
    animation: marquee 20s linear infinite;
}
.doctor_marquee_box:hover .doctor_marquee {
    animation-play-state: paused;
}
@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.doctor_marquee_list{
    display: flex;
}
.doctor_marquee_item{
    width: 190px;
}
.doctor_marquee_card{
    position: relative;
}
.doctor_marquee_card_img{
    position: relative;
    z-index: 2;
}
.doctor_marquee_card_img img{
    width: 100%;
}
.doctor_marquee_card_bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 14px);
    z-index: 1;
    transition: all .3s;
}
.doctor_marquee_card_bg img{
    width: 100%;
}
.doctor_marquee_card_img:hover .doctor_marquee_card_bg{
    transform: scale(1.1);
}
/*合作伙伴*/
.index_partner_box{
    position: relative;
}
.index_partner_spotlight1{
    position: absolute;
    left: -95px;
    top: -107px;
    width: 287px;
    height: 287px;
    background: linear-gradient(-40deg, #FDE9D8 50%, #FFFFFF 100%);
    border-radius: 50%;
    filter: blur(50px);
    opacity: .68;
    z-index: 1;
}
.index_partner_spotlight2{
    position: absolute;
    top: -53px;
    right: 50%;
    width: 335px;
    height: 335px;
    background: linear-gradient(-121deg, #F4F4F4 0%, #FBEED5 100%);
    border-radius: 50%;
    filter: blur(60px);
    z-index: 1;
}
.index_partner_spotlight3{
    position: absolute;
    top: 157px;
    right: 31px;
    width: 168px;
    height: 168px;
    background: linear-gradient(-40deg, #FDE9D8 50%, #FFFFFF 100%);
    border-radius: 50%;
    filter: blur(60px);
    z-index: 1;
}
.index_partner_spotlight4{
    position: absolute;
    left: 22px;
    bottom: 12px;
    width: 339px;
    height: 339px;
    background: var(--white-circle-linear);
    border-radius: 50%;
    filter: blur(50px);
    z-index: 2;
}
.index_partner_row{
    width: 100%;
    max-width: 1070px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.index_partner_left, .index_partner_right{
    position: relative;
    z-index: 5;
    flex: 1;
}
.index_partner_left .block_title_xs{
    width: calc(100% - 60px);
    margin-left: auto;
}
.index_partner_left .block_title_xs h2::after{
    width: 100%;
}
.index_partner_en{
    position: absolute;
    top: -44px;
    left: 18px;
    color: var(--font-color50);
    font-family: "Cormorant Infant";
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 1px;
}
.index_partner_list{
    display: flex;
    flex: 1 1 auto;
}
.index_partner_item+.index_partner_item{
    margin-left: 85px;
}
.index_partner_card{
    display: flex;
    flex-direction: column;
}
.index_partner_card.partner2{
    flex-direction: column-reverse;
}
.index_partner_card_img{
    width: 100%;
    height: 382px;
    overflow: hidden;
}
.index_partner_card.partner1 .index_partner_card_img{
    border-radius: 5px 10px 20px 30px;
}
.index_partner_card.partner2 .index_partner_card_img{
    border-radius: 20px 30px 10px 5px;
    opacity: .8;
}
.index_partner_card_img img{
    width: 100%;
    object-fit: cover;
    transform: translateY(0);
}
.index_partner_card.partner1 .index_partner_card_img img{
    margin-top: -42px;
}
.index_partner_card.partner2 .index_partner_card_img img{
    margin-top: -52px;
}
.index_partner_card_logo{
    height: 120px;
}
.index_partner_card_logo img{
    width: 100%;
}
.index_partner_card.partner1 .index_partner_card_logo{
    width: 200px;
    padding-top: 22px;
}
.index_partner_card.partner1 .index_partner_card_logo img{
    margin-right: -32px;
}
.index_partner_card.partner2 .index_partner_card_logo{
    width: 174px;
    padding-top: 37px;
}
.index_partner_card.partner2 .index_partner_card_logo img{
    margin-left: -32px;
}
.index_together_box{
    position: relative;
    width: 100%;
    height: 120px;
    opacity: .6;
    overflow: hidden;
    white-space: nowrap;
}
.index_together_box .txt {
    position: absolute;
    white-space: nowrap;
    font-size: 144px;
    font-weight: 500;
    font-family: "Cormorant Infant";
    text-transform: uppercase;
    line-height: 0.85;
    letter-spacing: 4px;
    background: linear-gradient(to bottom, rgba(239, 214, 195, 0.3) 0%, #EFD6C3 72%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    will-change: transform;
}
/*聯絡我們*/
.index_contact_box{
    position: relative;
}
.index_contact_box::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: linear-gradient(-52deg, rgb(239, 214, 195, .3) 0%, #F2E7DD 34%, #ECD5CC 51%, #EDDBCD 72%, rgb(229, 196, 167, .2));
    filter: blur(50px);
}
.index_contact_title{
    padding-top: 80px;
    padding-left: 43px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 14px;
}
.index_contact_title h2{
    flex: 1;
    display: flex;
    align-items: center;
    font-family: "Noto Serif TC";
    font-weight: 600;
    font-size: 26px;
    line-height: 1.6;
    letter-spacing: 2px;
    padding-top: 40px;
    color: var(--font-color75);
}
.index_contact_title h2::after{
    content: "";
    display: block;
    margin-left: 16px;
    height: 1px;
    width: 300px;
    background: var(--border-linear-dark);
}
.index_contact_title .en {
    color: var(--font-color75);
    font-family: "Cormorant Infant";
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    opacity: .5;
    margin-right: 23px;
}
.index_smile_box{
    color: var(--font-color-white);
    text-align: center;
}
.index_smile_txt1{
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.55;
    font-weight: 500;
}
.index_smile_txt2{
    opacity: .6;
    font-weight: 600;
    font-size: 430px;
    line-height: .6;
    overflow: hidden;
    font-family: "Cormorant Infant";
    letter-spacing: 8px;
}
.index_contact_tag{
    margin-bottom: 30px;
}
.index_contact_tag .my_tab{
    justify-content: center;
}
.index_contact_content_remind{
    text-align: center;
    margin-bottom: 80px;
    font-weight: 350;
    color: rgb(79, 60, 53, .9);
}
.index_contact_content_time, .index_contact_way{
    width: 100%;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
}
.index_contact_way{
    margin-top: 40px;
    display: flex;
    column-gap: 20px;
}
.index_contact_way_item{
    flex: 1;
}
.index_contact_way_title{
    color: var(--font-color75);
    font-weight: 500;
    margin-bottom: 8px;
    font-size: 14px;
}
.index_contact_way_phone{
    font-size: 22px;
    line-height: 1.5;
    font-weight: 300;
    color: var(--font-color75);
    letter-spacing: 1px;
}
.index_contact_tag_content{
    position: relative;
    width: 100%;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 80px;
}
.index_contact_tag_content::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(-49deg, rgb(245, 240, 236, 0) 0%, #F5F0EC 10%, #F5F0EC 90%, rgb(245, 240, 236, 0) 100%);
    background: -webkit-linear-gradient(-49deg, rgb(245, 240, 236, 0) 0%, #F5F0EC 10%, #F5F0EC 90%, rgb(245, 240, 236, 0) 100%);
    border-radius: 220px 220px 20px 20px;
    opacity: .75;
    z-index: 1;
}
.index_contact_tag_content .my_tab_content{
    position: relative;
    z-index: 2;
}
.index_contact_trans{
    width: 100%;
    max-width: 820px;
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    column-gap: 20px;
}
.index_contact_trans>div{
    flex: 1;
}
.index_contact_way_item{
    background-color: rgb(245, 240, 236, .8);
    border-radius: 60px;
    padding: 17px;
    text-align: center;
    height: 100px;
    box-shadow: inset 0 -2px 6px rgb(205, 198, 191, .6);
    transition: all .3s;
}
.index_contact_way_item:hover{
    box-shadow: inset 0 -2px 12px rgb(205, 198, 191, .6);
}
.index_contact_way_social{
    display: flex;
    justify-content: center;
}
.index_contact_way_social a+a{
    margin-left: 24px;
}
.index_contact_way_social a img{
    display: block;
    width: 33px;
}
.index_contact_trans_map img{
    width: 100%;
}
.index_contact_trans_body{
    padding-left: 17px;
    padding-right: 17px;
}
.i_c_c_time_hour{
    margin-top: 29px;
    display: flex;
    column-gap: 80px;
    font-weight: 350;
    color: var(--font-color75);
}
.index_contact_trans_body .from_tiptap{
    margin-top: 20px;
}
.index_contact_trans_body .from_tiptap b{
    font-weight: 500;
}
/*院長*/
.director_box{
    position: relative;
    z-index: 2;
    margin-top: 60px;
    margin-bottom: 60px;
}
/*醫師團隊*/
.all_doctor_box{
    padding-top: 60px;
    opacity: 0;
    transform: translateY(100px);
    transition: all 1.2s ease;
}
.all_doctor_box.active{
    opacity: 1;
    transform: translateY(0);
}
.all_doctor_tag{
    margin-bottom: 60px;
    overflow-x: auto;
    padding-bottom: 2px;
    padding-left: 3px;
}
.all_doctor_tag::-webkit-scrollbar {
    display: none;
}
.doctor_swiper_box+.doctor_swiper_box{
    margin-top: 60px;
}
.doctor_swiper .swiper-wrapper{
    transition-timing-function: linear !important;
}
.doctor_swiper_logo{
    height: 80px;
}
.doctor_swiper_logo img{
    height: 100%;
}
.doctor_swiper_card_img{
    position: relative;
    padding: 20px 40px 0 40px;
    margin-bottom: 12px;
    overflow: hidden;
}
.doctor_swiper_card_img img{
    width: 100%;
    position: relative;
    z-index: 2;
}
.doctor_swiper_card_img::after{
    content: "";
    position: absolute;
    z-index: 1;
    width: 200px;
    height: 200px;
    left: 47px;
    bottom: 0;
    border-radius: 200px 200px 0 0;
    background: linear-gradient(to right, #F6E7DC 0%, rgb(246, 231, 220, 0) 100%);
    filter: blur(60px);
}
.doctor_swiper_card_body{
    text-align: center;
}
.doctor_swiper_card_name{
    margin-right: 11px;
    color: var(--font-color75);
}
.doctor_swiper_card_title{
    color: var(--font-color75);
}
.doctor_swiper_card_specialty{
    position: relative;
    width: fit-content;
    margin: 12px auto;
    color: var(--font-color75);
}
.doctor_swiper_card_specialty::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 35%;
    left: 0;
    bottom: 0;
    background: var(--border-linear);
    z-index: -1;
}
.swiper_tool_row{
    display: flex;
    align-items: center;
    column-gap: 20px;
}
.swiper_button_box{
    display: flex;
    align-items: center;
}
.swiper_button_box .swiper-button-next, .swiper_button_box .swiper-button-prev{
    position: initial;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    margin: 0;
}
.swiper_button_box .swiper-button-next::after, .swiper_button_box .swiper-button-prev::after{
    display: none;
}
.swiper_button_box .swiper-button-next img, .swiper_button_box .swiper-button-prev img{
    width: 100%;
}
.swiper-button-betweenline{
    margin-left: 20px;
    margin-right: 20px;
    width: 1px;
    height: 23px;
    background-color: var(--border-color2);
}
.swiper_tool_row .swiper-pagination{
    position: initial;
    flex: 1;
    display: flex;
    align-items: flex-end;
}
.swiper_tool_row .swiper-pagination .swiper-pagination-bullet{
    flex: 1;
    border-radius: 0;
    height: 1px;
    background-color: var(--border-color2);
    opacity: .98;
    margin: 0;
}
.swiper_tool_row .swiper-pagination .swiper-pagination-bullet-active{
    height: 2px;
    background-color: var(--border-color);
    opacity: 1;
}
.director_list{
    margin-top: 60px;
}
.director_item{
    min-height: calc(100vh - 100px);
}
.director_item:not(:last-child){
    padding-bottom: 20vh;
}
.director_item:last-child{
    padding-top: 10vh;
}
.director_content{
    position: sticky;
    top: 160px;
    width: 100%;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    transition: all 0.6s ease;
    opacity: 0;
    transform: scale(0.9) translateY(60px);
}
.director_item.active .director_content{
    opacity: 1;
    transform: scale(1) translateY(0);
}
.director_item_row{
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}
.director_item_row.reverse{
    flex-direction: row-reverse;
}
.director_item_img, .director_item_body{
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}
.director_item_img img{
    width: 100%;
}
.director_item_body{
    color: var(--font-color75);
}
.profile_card_namerow{
    margin-bottom: 30px;
}
.profile_card_name{
    margin-right: 11px;
}
.profile_card_title{
    padding-bottom: 6px;
}
.profile_specialty_list{
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 10px;
    margin-bottom: 30px;
}
.profile_specialty{
    width: fit-content;
    padding: 6px 12px;
    border-radius: 18px;
    background-color: var(--font-color-white);
    border-right: solid 1px var(--bg-color4);
    border-bottom: solid 1px var(--bg-color4);
    box-shadow: inset 2px 2px 12px #fff;
}
.profile_cv_item+.profile_cv_item{
    margin-top: 30px;
}
.profile_cv_item{
    display: flex;
}
.profile_cv_title{
    width: 65px;
    margin-right: 20px;
    font-weight: 500;
}
.profile_cv_txt{
    flex: 1;
}
#doctor_profile_Modal .modal-dialog{
    max-width: 880px;
}
.profile_row{
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}
.profile_img, .profile_content{
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
}
.profile_photo_box{
    position: relative;
    padding-left: 28px;
}
.profile_logo{
    position: absolute;
    top: 0;
    left: 0;
    width: 85px;
    z-index: 3;
}
.profile_logo img{
    width: 100%;
}
.profile_photo{
    position: relative;
    z-index: 2;
}
.profile_photo img{
    width: 100%;
}
.profile_photo_light{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 67%;
    height: calc(100% - 16px);
    border-radius: 120px 120px 3px 3px;
    background-color: #fff;
    filter: blur(60px);
    z-index: 1;
}
.all_doctor_marquee_box{
    overflow: hidden;
}
.all_doctor_marquee{
    position: relative;
}
.all_doctor_marquee{
    display: flex;
    flex-wrap: nowrap;
}
.all_doctor_marquee_list{
    display: flex;
    flex-shrink: 0;
    gap: 20px;
}
.all_doctor_marquee_item{
    flex-shrink: 0;
    width: calc(1030px * 0.286);
}
.marquee_pagination{
    display:flex;
    align-items: flex-end;
}
.marquee_pagination_item{
    flex:1;
    height:1px;
    background-color: var(--border-color2);
    opacity: .98;
    transition:.3s;
}
.marquee_pagination_item.active{
    height: 2px;
    background-color: var(--border-color);
}
/*關於我們*/
.about_header_typewriter{
    margin-top: 24px;
    color: var(--bg-color4);
    text-transform: uppercase;
    min-height: 29px;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}
.typewriter_line {
    content: "";
    animation: blink 0.8s infinite;
    display: inline-block;
    border-right: 2px solid var(--bg-color4);
    height: 22px;
    padding-right: 4px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    transform: translateY(4px);
}
@keyframes blink {
    0%, 50% {
        opacity: 1;
    }
    51%, 100% {
        opacity: 0;
    }
}
.about_history_row{
    position: relative;
    display: flex;
    column-gap: 20px;
    padding: 60px 105px 0 105px;
}
.about_history_left, .about_history_right{
    width: calc(50% - 10px);
    position: relative;
    z-index: 2;
}
.about_history_box_lighe1{
    position: absolute;
    z-index: 1;
    top: -70px;
    left: -95px;
    width: 287px;
    height: 287px;
    border-radius: 50%;
    background: linear-gradient(-40deg, #FDE9D8 50%, #fff 100%);
    opacity: .68;
    filter: blur(60px);
}
.about_history_box_lighe2{
    position: absolute;
    z-index: 1;
    bottom: -12px;
    right: 11px;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    background: linear-gradient(-40deg, #FDE9D8 50%, #fff 100%);
    filter: blur(60px);
}
.about_history_left{
    position: relative;
    padding-left: 61px;
    padding-right: 44px;
}
.about_history_en{
    position: absolute;
    top: 0;
    left: 18px;
    font-family: "Cormorant Infant";
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-transform: uppercase;
    color: var(--font-color50);
}
.about_history_title{
    color: var(--font-color50);
    margin-bottom: 36px;
}
.about_history_office_list{
    display: flex;
    margin-bottom: 36px;
    margin-left: -10px;
    margin-right: -10px;
}
.about_history_office_item{
    width: 25%;
    padding-left: 10px;
    padding-right: 10px;
}
.about_history_office_item img{
    width: 100%;
}
.about_history_year_item{
    position: relative;
    padding-left: 40px;
    padding-bottom: 28px;
    border-left: solid 1px var(--font-color30);
}
.about_history_year_body{
    display: flex;
    align-items: center;
    transition: transform 0.3s ease-out;
}
.about_history_year_item:hover .about_history_year_body{
    transform: translateX(10px);
}
.about_history_year_item .circle{
    position: absolute;
    top: -1px;
    left: -6px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #F6F3F0;
    border: solid 1px var(--font-color30);
}
.about_history_year_item .year{
    color: var(--font-color90);
    opacity: .6;
    margin-right: 12px;
}
.about_history_year_item .name{
    color: var(--font-color90);
}
.about_story_box{
    position: relative;
    background: linear-gradient(-72deg, rgb(239, 214, 195, .3) 0%, #F2E7DD 34%, #ECD5CC 51%, #EDDBCD 72%, rgb(229, 196, 167, .2) 100%);
    padding-top: 100px;
    padding-bottom: 100px;
}
.about_story_marquee_box {
    overflow: hidden;
    white-space: nowrap;
    z-index: 1;
    padding-bottom: 40px;
    margin-bottom: -40px;
}
.about_story_marquee {
    display: inline-flex;
    animation: marquee 30s linear infinite;
}
.about_story_marquee_box:hover .about_story_marquee {
    animation-play-state: paused;
}
@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.about_story_marquee_list{
    display: flex;
}
.about_story_marquee_item{
    width: 33.333%;
    padding-left: 28px;
    padding-right: 28px;
    opacity: .7;
}
.about_story_marquee_card{
    width:400px;
    height:500px;
    margin:auto;
    border-radius:250px;
    overflow:hidden;
    transform: rotate(20deg);
    position:relative;
}
.about_story_marquee_item:nth-child(odd){
    transform: translateY(40px);
}
.about_story_marquee_img{
    width:100%;
    height:100%;
    transform: rotate(-20deg);
}
.about_story_marquee_img img{
    width: 110%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: -5%;
}
.about_story_content_box{
    position: absolute;
    top: 0;
    left: calc((100% - 1280px) / 2);
    width: 100%;
    max-width: 1280px;
    height: 100%;
    padding-right: 188px;
    z-index: 2;
    display: flex;
    align-items: center;
}
.about_story_content{
    background-color: var(--font-color-white);
    width: 440px;
    border-radius: 3px;
    box-shadow: -11px 11px 22px var(--bg-color4);
    margin-left: auto;
    padding: 0 20px 36px 20px;
}
.about_story_logo{
    width: 190px;
    margin-left: auto;
    margin-right: auto;
}
.about_story_logo img{
    width: 100%;
}
.about_story_title{
    text-align: center;
    color: var(--font-color50);
}
.about_story_content .page_abovebanner_line{
    background: linear-gradient(to top, rgb(211, 206, 204, 0) 0%, var(--border-color2) 100%);
    margin-bottom: 0;
    height: 120px;
}
.about_story_txt{
    text-align: center;
    color: var(--font-color75);
}
.about_story_Swiper_num{
    display: flex;
    justify-content: center;
    color: var(--font-color50);
}
.about_story_Swiper_betweem{
    padding: 0 4px;
}
.about_story_Swiper_box .swiper-wrapper{
    align-items: center;
}
.about_story_Swiper_box .swiper-pagination{
    position: initial;
    margin-top: 24px;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
}
.about_story_Swiper_box .swiper-pagination .swiper-pagination-bullet {
    border-radius: 1px;
    height: 3px;
    width: 8px;
    background-color: var(--border-color2);
    opacity: .98;
    margin: 0;
}
.about_story_Swiper_box .swiper-pagination .swiper-pagination-bullet+.swiper-pagination-bullet{
    margin-left: 6px;
}
.about_story_Swiper_box .swiper-pagination .swiper-pagination-bullet-active {
    width: 40px;
    background-color: var(--font-color50);
    opacity: 1;
}
.about_season_block+.about_season_block{
    margin-top: 20px;
}
.about_season_header{
    position: relative;
}
.about_season_header_content{
    position: relative;
    width: 100%;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    height: 440px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: var(--font-color75);
    z-index: 2;
}
.about_season_side{
    position: absolute;
    top: 24px;
    left: 18px;
    color: var(--font-color50);
}
.about_season_side .page_abovebanner_line{
    background: linear-gradient(to top, rgb(211, 206, 204, 0) 0%, var(--border-color2) 100%);
    margin-bottom: 0;
    height: 120px;
}
.about_season_marquee_box{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.about_season_marquee{
    display: inline-flex;
    animation: season_marquee 30s linear infinite;
}
.about_season_marquee_box:hover .about_season_marquee {
    animation-play-state: paused;
}
@keyframes season_marquee {
    from {
        transform: translateX(-50%);
    }
    to {
        transform: translateX(0);
    }
}
.about_season_marquee_list{
    display: flex;
    align-items: center;
}
.about_season_item{
    padding-left: 33px;
    padding-right: 33px;
}
.about_season_marquee_light1{
    width: 282px;
    height: 282px;
    border-radius: 50%;
    background: linear-gradient(-40deg, #FDE9D8 50%, #FFFFFF 100%);
    filter: blur(60px);
    opacity: .68;
}
.about_season_marquee_light2{
    width: 333px;
    height: 333px;
    border-radius: 50%;
    background: linear-gradient(-41deg, #F4F4F4 0%, #FFFFFF 50%, #FFFFFF 100%);
    filter: blur(50px);
    opacity: .5;
}
.about_season_marquee_light3{
    width: 329px;
    height: 329px;
    border-radius: 50%;
    background: linear-gradient(-121deg, #F4F4F4 0%, #FBEED5 100%);
    filter: blur(60px);
}
.about_season_marquee_light4{
    width: 165px;
    height: 165px;
    border-radius: 50%;
    background: linear-gradient(-40deg, #FDE9D8 50%, #FFFFFF 100%);
    filter: blur(60px);
}
.about_season_main{
    position: relative;
    overflow: hidden;
}
.seasonphoto_marquee{
    display: inline-flex;
}
.seasonphoto_marquee.left{
    animation: seasonphoto_marquee_l 30s linear infinite;
}
.about_season_main:hover .seasonphoto_marquee{
    animation-play-state: paused;
}
@keyframes seasonphoto_marquee_l {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}
.seasonphoto_marquee.right{
    animation: seasonphoto_marquee_r 30s linear infinite;
}
@keyframes seasonphoto_marquee_r {
    from {
        transform: translateX(-50%);
    }
    to {
        transform: translateX(0);
    }
}
.seasonphoto_marquee_list{
    display: flex;
    opacity: .88;
}
.seasonphoto_marquee_img{
    position: relative;
    height: 440px;
    width: 330px;
}
.seasonphoto_marquee_img img {
    position: absolute;
    display: block;
    object-fit: cover;
    object-position: left center;
    height: 100%;
    width: 100%;
    max-width: 100%;
}
.about_season_content{
    position: absolute;
    top: 0;
    height: 100%;
    width: 460px;
    background-color: var(--font-color-white);
    z-index: 2;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--font-color75);
    text-align: center;
}
.about_season_spring .about_season_content{
    left: 84px;
}
.about_season_summer .about_season_content{
    right: 140px;
}
.about_season_fall .about_season_content{
    left: 383px;
}
.about_season_winter .about_season_content{
    background-color: transparent;
    width: 400px;
    left: 0;
    color: #fff;
}
.about_season_bigword{
    position: absolute;
    z-index: 3;
    text-align: center;
    color: var(--font-color75);
    width: 239px;
    padding-bottom: 50px;
    background-image: url(../img/season_word_bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    transition: transform 0.15s linear;
    will-change: transform;
}
.about_season_bigword .txt{
    margin-top: -12px;
}
.about_season_spring .about_season_bigword{
    right: 172px;
    bottom: 110px;
}
.about_season_summer .about_season_bigword{
    left: 225px;
    bottom: 137px;
}
.about_season_fall .about_season_bigword{
    right: 61px;
    bottom: 65px;
}
.about_season_winter .about_season_bigword{
    left: 414px;
    bottom: 43px;
}
.about_season_winter{
    opacity: .9;
}
.about_season_winter .about_season_main{
    box-shadow: 0 4px 4px rgb(0 0 0 / 25%);
}
.about_season_winter_img{
    height: 440px;
}
.about_season_winter_img img{
    width: 100%;
    margin-top: -80px;
}
/*治療項目*/
.treatments_type_list_box{
    padding-left: 105px;
    padding-right: 105px;
    margin-bottom: 60px;
}
.treatments_type_list{
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    margin-left: -10px;
    margin-right: -10px;
}
.treatments_type_item{
    position: relative;
    padding-left: 10px;
    padding-right: 10px;
    width: 50%;
}
.treatments_type_card{
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px;
    border-radius: 25px;
    background-color: var(--bg-color5);
    border: solid 1px rgb(255 255 255 / 80%);
    transition: all .3s;
    z-index: 2;
}
.treatments_type_card:hover{
    box-shadow: 1px 2px 4px rgb(0 0 0 / 25%);
}
.treatments_type_left{
    position: relative;
    width: 170px;
    display: flex;
    align-items: flex-start;
}
.treatments_type_left_bg{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 147px;
    z-index: 1;
}
.treatments_type_left_bg img{
    width: 100%;
}
.treatments_type_right{
    flex: 1;
}
.treatments_type_img{
    position: relative;
    flex: 1;
    display: flex;
    align-items: flex-end;
    padding: 83px 10px 13px 10px;
    z-index: 2;
}
.treatments_type_img img{
    width: 100%;
}
.treatments_type_title{
    position: relative;
    background-color: rgb(176, 145, 133, 0.1);
    border-radius: 20px;
    width: 29px;
    padding: 14px 8px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 2px;
    color: var(--font-color75);
    z-index: 2;
}
.treatments_list{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 10px;
    column-gap: 20px;
}
.treatments_box_light1, .treatments_box_light2{
    position: absolute;
    width: 197px;
    height: 197px;
    border-radius: 50%;
    background: var(--white-circle-linear);
    filter: blur(60px);
}
.treatments_box_light1{
    bottom: -100px;
    right: -123px;
}
.treatments_box_light2{
    left: -72px;
    bottom: 0;
}
/*治療項目內容頁*/
.tc_product_name{
    text-align: center;
    margin-top: 24px;
}
.treatments_content .page_brief{
    width: 100%;
    max-width: 610px;
    text-align: left;
}
.treatments_block_title{
    position: relative;
    margin-bottom: 60px;
    padding-left: 60px;
    padding-top: 44px;
    color: var(--font-color50);
}
.treatments_block_title .en {
    position: absolute;
    left: 18px;
    top: 0;
    font-family: "Cormorant Infant";
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-transform: uppercase;;
}
.treatments_case_box{
    position: relative;
}
.treatments_case_col{
    width: 100%;
    max-width: 610px;
    margin-left: auto;
    margin-right: auto;
}
.treatments_case_img{
    position: relative;
    margin-bottom: 60px;
    opacity: .8;
}
.before_img{
    position: relative;
}
.before_img::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 20%);
    z-index: 1;
}
.after_img{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
}
.before_img img{
    width: 100%;
}
.after_img img{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.treatments_case_img_ba{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    color: var(--font-color-white);
    z-index: 3;
}
.before_after_slider{
    position: absolute;
    left: 50%;
    transform:translateX(-50%);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
    user-select: none; 
}
.treatments_case_img_ba .before, .treatments_case_img_ba .after{
    width: 80px;
}
.treatments_case_img_ba .before{
    text-align: right;
}
.treatments_case_img_ba_line{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}
.treatments_case_img_ba_line::before,
.treatments_case_img_ba_line::after{
    content: "";
    width: 1px;
    flex: 1;
    background-color: #fff;
}
.treatments_case_img_ba_line .circle{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: solid 1px var(--font-color-white);
    padding: 0 5px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.treatments_case_img_ba_line .circle img{
    width: 6px;
}
.treatments_case_txt{
    margin-top: 20px;
}
.treatments_compare_box{
    position: relative;
}
.treatments_compare_col img{
    width: 100%;
}
.treatments_target_box{
    position: relative;
}
.treatments_target_col{
    width: 100%;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
    background-color: var(--bg-color5);
    border-radius: 20px;
    padding: 60px 105px;
}
.treatments_target_list{
    margin-top: 20px;
    color: var(--font-color90);
}
.treatments_target_item+.treatments_target_item{
    margin-top: 20px;
}
.treatments_advantages_list{
    display: flex;
    column-gap: 65px;
    padding: 0 105px;
}
.treatments_advantages_item{
    width: calc((100% - 130px) / 3);
}
.treatments_advantages_img{
    padding: 0 20px 20px 20px;
    transform: translateY(-48px);
    transition: transform 0.3s ease-out;
}
.treatments_advantages_img img{
    width: 100%;
}
.treatments_advantages_title{
    text-align: center;
}
.treatments_process_box{
    position: relative;
}
.treatments_process_list{
    width: 100%;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}
.treatments_process_item{
    position: relative;
    border-left: solid 1px var(--font-color30);
    padding-left: 40px;
}
.treatments_process_item::before{
    position: absolute;
    top: 0;
    left: -7px;
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #F6F3F0;
    border: solid 1px var(--font-color30);
}
.treatments_process{
    margin-bottom: 10px;
}
.treatments_process_body{
    display: flex;
    align-items: center;
    max-width: 610px;
    padding-bottom: 40px;
}
.treatments_process_img{
    width: 85px;
    border: solid 1px #C9BCB2;
    border-radius: 12px;
    overflow: hidden;
}
.treatments_process_img img{
    width: 100%;
}
.treatments_process_txt{
    flex: 1;
    padding-left: 10px;
}
.treatments_evolution_box{
    position: relative;
}
.treatments_evolution_list{
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
    margin-bottom: 60px;
    width: 100%;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}
.evolution_list_item{
    position: relative;
    padding: 12px 24px;
    border-radius: 24px 120px 120px 24px;
    border: solid 1px #fff;
    border-left-width: 2px;
    border-top-width: 0;
    box-shadow: 0 0 20px rgb(255 255 255 / 25%);
    transition: transform 0.3s ease-out;
}
.evolution_list_item::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 24px 120px 120px 24px;
    opacity: .5;
    z-index: -1;
}
.evolution_list_item.start::before, .evolution_list_item.end::before{
    background: linear-gradient(to right, rgb(255 255 255 / 0) 0%, rgb(255 255 255 / 80%) 20%);
}
.evolution_list_item.light_pink::before{
    background: linear-gradient(to right, rgb(255, 209, 196, 0) 0%, rgb(255, 203, 190, 90%) 80%);
}
.evolution_list_item.deep_pink::before{
    background: linear-gradient(to right, rgb(255, 199, 166, 50%) 0%, #FFA785 100%);
}
.evolution_list_item:hover{
    transform: translateX(6px);
}
.evolution_list_start, .evolution_list_end{
    flex: 1;
    display: flex;
    align-items: center;
}
.evolution_list_start::before, .evolution_list_end::before{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}
.evolution_list_start::before{
    background: linear-gradient(to right, rgb(211, 206, 204, 0) 0%, #D3CECC 100%);
}
.evolution_list_end::before{
    background: linear-gradient(to right, #D3CECC 0%, rgb(211, 206, 204, 0) 100%);
}
.treatments_case_body{
    width: 100%;
    max-width: 820px;
    margin-left: auto;
    margin-right: auto;
}
.treatments_case_title{
    margin-bottom: 20px;
}
.treatments_case_txt{
    width: 100%;
    max-width: 610px;
}
.treatments_case_box .light_circle1{
    position: absolute;
    left: -95px;
    top: -70px;
    width: 287px;
    height: 287px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(120deg, #FDE9D8 50%, #FFFFFF 100%);
    opacity: .68;
    z-index: -1;
}
.treatments_case_box .light_circle2{
    position: absolute;
    left: 127px;
    top: 271px;
    width: 339px;
    height: 339px;
    border-radius: 50%;
    filter: blur(50px);
    background: var(--white-circle-linear);
    opacity: .5;
    z-index: -1;
}
.treatments_case_box .light_circle3{
    position: absolute;
    right: 11px;
    top: 157px;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(120deg, #FDE9D8 50%, #FFFFFF 100%);
    z-index: -1;
}
.treatments_compare_box .light_circle1{
    position: absolute;
    left: -200px;
    top: -107px;
    width: 287px;
    height: 287px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(120deg, #FDE9D8 50%, #FFFFFF 100%);
    opacity: .68;
    z-index: -1;
}
.treatments_compare_box .light_circle2{
    position: absolute;
    left: 315px;
    top: 53px;
    width: 335px;
    height: 335px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(201deg, #F4F4F4 0%, #FBEED5 100%);
    z-index: -1;
}
.treatments_compare_box .light_circle3{
    position: absolute;
    left: 127px;
    top: 271px;
    width: 339px;
    height: 339px;
    border-radius: 50%;
    filter: blur(50px);
    background: var(--white-circle-linear);
    opacity: .5;
    z-index: -1;
}
.treatments_compare_box .light_circle4{
    position: absolute;
    right: -94px;
    top: 157px;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(120deg, #FDE9D8 50%, #FFFFFF 100%);
    z-index: -1;
}
.treatments_target_box .light_circle1{
    position: absolute;
    top: -19px;
    left: -20px;
    width: 335px;
    height: 335px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(201deg, #F4F4F4 0%, #FBEED5 100%);
    z-index: -1;
}
.treatments_target_box .light_circle2{
    position: absolute;
    left: 127px;
    bottom: -110px;
    width: 339px;
    height: 339px;
    border-radius: 50%;
    filter: blur(50px);
    background: var(--white-circle-linear);
    opacity: .5;
    z-index: -1;
}
.treatments_target_box .light_circle3{
    position: absolute;
    right: 11px;
    top: 157px;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(120deg, #FDE9D8 50%, #FFFFFF 100%);
    z-index: -1;
}
.treatments_process_box .light_circle1{
    position: absolute;
    top: 53px;
    left: 315px;
    width: 335px;
    height: 335px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(201deg, #F4F4F4 0%, #FBEED5 100%);
    z-index: -1;
}
.treatments_process_box .light_circle2{
    position: absolute;
    left: 127px;
    bottom: 106px;
    width: 339px;
    height: 339px;
    border-radius: 50%;
    filter: blur(50px);
    background: var(--white-circle-linear);
    opacity: .5;
    z-index: -1;
}
.treatments_process_box .light_circle3{
    position: absolute;
    right: 0;
    top: 157px;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(120deg, #FDE9D8 50%, #FFFFFF 100%);
    z-index: -1;
}
.treatments_evolution_box .light_circle1{
    position: absolute;
    left: -95px;
    top: -107px;
    width: 287px;
    height: 287px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(120deg, #FDE9D8 50%, #FFFFFF 100%);
    opacity: .68;
    z-index: -1;
}
.treatments_evolution_box .light_circle2{
    position: absolute;
    right: -20px;
    bottom: 130px;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(120deg, #FDE9D8 50%, #FFFFFF 100%);
    z-index: -1;
}
/*聯絡我們*/
.contact_box{
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 5;
}
.contact_page_tag{
    padding-top: 94px;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.contact_page_tag .my_tab {
    justify-content: center;
}
.contact_box::before{
    content: "";
    position: absolute;
    top: 0px;
    left: 15px;
    z-index: -1;
    width: calc(100% - 30px);
    height: calc(100% + 100px);
    filter: blur(50px);
    background: linear-gradient(132deg, rgba(239, 214, 195, 0.3) 0%, rgb(242, 231, 221) 34%, rgb(236, 213, 204) 51%, rgb(237, 219, 205) 72%, rgba(229, 196, 167, 0.2));
}
/*口碑見證*/
.case_main_row{
    width: 100%;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: flex;
    column-gap: 24px;
    z-index: 5;
}
.case_nav_box{
    width: 101px;
}
.case_nav_box .my_tab{
    flex-direction: column;
    row-gap: 12px;
}
.case_list_box{
    flex: 1;
}
.case_list{
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
    margin-left: -10px;
    margin-right: -10px;
}
.case_item{
    width: 33.333%;
    padding-left: 10px;
    padding-right: 10px;
}
.case_card_img_box{
    border-radius: 6px;
    padding: 6px 6px 24px 6px;
    background: var(--border-linear);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.25);
}
.case_card_img{
    border-radius: 3px;
    overflow: hidden;
    box-shadow: inset 0px 0px 12px rgba(0, 0, 0, 0.25);
}
.case_card_img img{
    width: 100%;
    transition: transform 0.3s ease-out;
}
.case_card_img:hover img{
    transform: scale(1.05);
}
.case_card_title{
    padding-top: 24px;
    padding-left: 12px;
    padding-right: 12px;
    color: var(--font-color85);
}
.case_card_title h6{
    min-height: 38px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}
.case_card_body{
    padding: 12px 12px 0 12px;
}
.case_card_brief{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
    overflow: hidden;
    color: var(--border-color);
}
.case_card_link{
    display: block;
    margin-top: 12px;
    color: var(--border-color);
}
/*微光語錄*/
.case_main_row.dentalcare{
    max-width: 925px;
}
.dentalcare_list{
    width: 100%;
    max-width: 715px;
    margin-left: auto;
}
.dentalcare_item+.dentalcare_item{
    margin-top: 40px;
}
.dentalcare_card{
    display: flex;
}
.dentalcare_card_img{
    width: 295px;
}
.dentalcare_card_img .cover_img{
    border-radius: 3px;
    overflow: hidden;
    padding-bottom: 67.7%;
}
.dentalcare_card_img .cover_img img{
    transition: transform 0.3s ease-out;
}
.dentalcare_card_img:hover .cover_img img{
    transform: scale(1.05);
}
.dentalcare_card_body{
    flex: 1;
    padding-left: 20px;
}
.dentalcare_card_body{
    color: var(--border-color);
}
.dentalcare_card_doctor{
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    padding: 6px 0;
}
.dentalcare_card_doctor::after{
    content: "";
    flex: 1;
    height: 1px;
    background: var(--border-linear);
    margin-left: 12px;
}
.dentalcare_card_title{
    color: var(--font-color85);
    margin-bottom: 14px;
}
.dentalcare_card_brief{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all;
    overflow: hidden;
    margin-bottom: 14px;
}
.dentalcare_card_date{
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 1.5px;
}
.dentalcare_card_btn{
    display: flex;
    justify-content: flex-end;
}
/*文章內容*/
main.dentalcare_content{
    overflow: initial;
}
.article_page_main_box{
    position: relative;
}
.article_page_circle{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.article_page_circle .light_circle1{
    position: absolute;
    right: -158px;
    top: 217px;
    width: 168px;
    height: 168px;
    border-radius: 50%;
    filter: blur(60px);
    background: linear-gradient(120deg, #FDE9D8 50%, #FFFFFF 100%);
}
.article_page_circle .light_circle2{
    position: absolute;
    left: -111px;
    top: 172px;
    width: 287px;
    height: 287px;
    background: linear-gradient(-40deg, #FDE9D8 50%, #FFFFFF 100%);
    border-radius: 50%;
    filter: blur(60px);
    opacity: .68;
}
.article_header{
    width: 100%;
    max-width: 715px;
    margin-left: auto;
    margin-right: auto;
}
.article_title{
    padding: 24px 0;
    text-align: center;
    color: var(--font-color85);
}
.article_page_img{
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 24px;
}
.article_page_img img{
    width: 100%;
    transition: transform 0.3s ease-out;
}
.article_page_img:hover img{
    transform: scale(1.05);
}
.article_info_row{
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 60px
}
.article_info_item{
    display: flex;
    align-items: center;
    color: var(--bg-hover);
}
.article_info_item .icon{
    margin-right: 12px;
    width: 16px;
}
.article_info_item .icon img{
    width: 100%;
}
.article_page_main{
    position: relative;
    display: flex;
    justify-content: space-between;
}
.article_page_nav{
    width: 106px;
}
.article_page_main .share_list_box{
    width: 105px;
}
.article_page_main .share_list{
    position: sticky;
    top: 110px;
}
.side_block_title{
    text-align: center;
    margin-bottom: 20px;
}
.article_side_nav ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.article_side_nav ul li+li{
    margin-top: 12px;
}
.article_page_content .from_tiptap, .article_page_content .from_tiptap p{
    color: var(--font-color90);
}
.article_page_btn{
    padding-bottom: 2px;
}
.article_page_btn .btn{
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.article_page_neerlink{
    display: flex;
    justify-content: space-between;
    column-gap: 12px;
    width: 100%;
    max-width: 700px;
}
.previous_link, .next_link{
    flex: 1;
}
.neerlink_title{
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    column-gap: 12px;
}
.neerlink_title::after{
    content: "";
    flex: 1;
    height: 1px;
    background: var(--border-linear);
}
.next_link .neerlink_title{
    flex-direction: row-reverse;
}
.next_link .neerlink_title::after{
    background: var(--border-linear-reverse);
}
.neerlink_article{
    color: var(--font-color85);
}