@charset "utf-8";
:root {
    --furmi-main-color: #022c3c;
    --furmi-second-color: #81dfe3;
    --furmi-second-color2: #08a1a7;
    --furmi-font-color: #231815;
    --furmi-font-color2: #5E5E5E;
    --furmi-orange-color: #ee741f;
    --furmi-orange-color2: #FF7A00;
    --furmi-yellow-color: #fcc800;
    --furmi-blue-color: #376ab3;
    --furmi-pink-color: #f3b3cf;
}
body{
    font-family: 'Microsoft JhengHei','Microsoft JhengHei','sans-serif';
    color: #434343;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.5;
}
a, a:hover{ text-decoration: none; color: inherit;}
h1{
    font-weight: 600;
    font-size: 38px;
    line-height: 46px;
    margin-bottom: 0px;
}
h2{
    font-weight: 600;
    font-size: 30px;
    line-height: 38px;
    margin-bottom: 0px;
}
h3{
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 0px;
}
h4{
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0px;
}
hr{
    margin: 0;
    color: #D9D9D9;
    opacity: 1;
}
ul, li{
    margin: 0;
    padding: 0;
    list-style: none;
}
:focus-visible {
    outline: 2px dashed #3DDFAE;
}
.row{
    margin-left: -16px;
    margin-right: -16px;
}
.row>*{
    padding-left: 16px;
    padding-right: 16px;
}
button {
    border: 0;
    background-color: transparent;
}
button:focus{
    outline: none !important;
}
input, textarea{
    box-shadow: none;
    -webkit-appearance: none;  /* Safari*/
    -moz-appearance: none;     /* FireFox */
    appearance: none;
}
input:focus{
    outline: none !important;
}
select:focus{
    outline: none !important;
}
.pettalk_search_btn:focus{
    border:solid 1px #D9D9D9;
    box-shadow:none;
}
.pettalk_search_btn img{
    width: 24px;
}
.pettalk_txt_link{
    color: #3DDFAE;
    cursor: pointer;
    border-bottom: solid 1px #3DDFAE;
}
.pettalk_txt_link:hover{
    color: #3DDFAE;
}
.input_text{
    background-color: #fff;
    border:solid 1px #D9D9D9;
    border-radius: 6px;
    font-size: 17px;
    padding:9px 16px;
    color: #434343;
}
.input_text::-webkit-input-placeholder{
    color: #BFBFBF;
}
.input_text::-moz-placeholder {
    color: #BFBFBF; 
}
.input_text:-ms-input-placeholder{
    color: #BFBFBF; 
}
.input_text:focus{
    border:solid 1px #D9D9D9;
    box-shadow:none;
}
.input_text_clean{
    padding: 0px 16px 4px 16px;
    background-color: #fff;
    border-color:transparent transparent #D9D9D9 transparent;
    border-bottom:solid 1px #D9D9D9;
    border-radius: 0;
    font-size: 16px;
    color: #434343;
}
.input_text_clean::-webkit-input-placeholder{
    color: #BFBFBF;
}
.input_text_clean::-moz-placeholder {
    color: #BFBFBF; 
}
.input_text_clean:-ms-input-placeholder{
    color: #BFBFBF; 
}
.input_text_clean:focus{
    border-color:transparent transparent #65EBBE transparent;
    border-bottom:solid 1px #65EBBE;
    box-shadow:none;
}
.pettalk_container{
    max-width: 1232px;
    padding-left: 16px;
    padding-right: 16px;
}
.form-label{
    margin-bottom: 8px;
}
.btn-close:focus{
    box-shadow:none;
}
.bg_grey{
    background-color: #F5F5F5;
}
.color_g{
    color: #95D84E;
}
.color_o{
    color: #FF5C70;
}
.color_b{
    color:#60ACF3;
}
.color_y{
    color:#FFB829;
}
.color_g_2 {
    color: #53BE9C;
}
.color_r {
    color: #E87278;
}
.color_y_2 {
    color: #F6CC4C;
}
.pic{
    width: 100%;
    height: 0;
    padding-bottom: 52%;
}
.bg {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg img {
    display: none !important;
}
.pettalk_pic {
    position: relative;
    width: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    margin-bottom: 16px;
}
#body.modal-open > header > nav {
    padding-right: 17px;
}
.main_pt{
    padding-top: 64px;
}
.main_pb{
    padding-bottom: 64px;
}
.font_pre {
    white-space: pre-line;
}
/*標籤*/
.pettalk_tag{
    display: inline-flex;
    align-items: center;
    background-color: #F5F5F5;
    padding: 0 8px;
    height: 30px;
    line-height: 1;
    color: #595959;
    font-size: 14px;
    border-radius: 2px;
}
.pettalk_tag.green{
    background-color: #95D84E;
    color: #fff;
}
.pettalk_tag.green{
    background-color: #95D84E;
    color: #fff;
}
.pettalk_tag.red{
    background-color: #FF5C70;
    color: #fff;
}
.pettalk_tag.yellow{
    background-color: #FFB829;
    color: #fff;
}
/*個別頁面特別設定區塊*/
/*首頁特別設定*/
.hot_article.index {
    padding: 64px 0;
    margin-bottom: 0;
}
.related_artical.index{
    margin: 0;
}
.hot_video.index{
    padding: 64px 0;
    margin-bottom: 0;
}
.column_brand.index{
    padding: 64px 0 0 0;
}
/*知識文首頁特別設定*/
.hot_Podcast.knowledge_index{
    padding:0;
    margin-bottom: 32px;
}
.look_other.knowledge_index{
    margin-top:0;
}
/*知識文搜尋頁特別設定*/
.artical_list_aside.knowledge_select{
    margin-top: 24px;
}
/*活動搜尋頁*/
.column_brand.activity_index{
    padding: 0;
}
/*活動tag搜尋頁*/
.activity_list.tag{
    padding:40px 0 0 0;
}
/*獸醫師列表頁*/
.search_box.doctor_index{
    padding: 0 0 32px 0;
}
/*獸醫問答列表頁*/
.ad_banner_swiper.question_index{
    padding-bottom: 64px;
}
/*個別頁面特別設定區塊 end*/

/*全頁loading*/
#loading {
    background-color: rgba(232, 242, 237, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    display: flex;
}
.loadingImg{
    position: relative;
    width: 110px;
    height: 110px;
    background-image: url("../img/loading.gif");
    background-size: cover;
}

/*radio*/
.pettalk_radio .form-check-input{
    width: 20px;
    height: 20px;
    border: solid 1px #d9d9d9;
    margin-top: 4px;
}
.pettalk_radio .form-check-input:focus{
    box-shadow: none;
}
.pettalk_radio .form-check-label{
    padding-left: 4px;
}
.pettalk_radio .form-check-input:checked{
    background-color: #fff;
    background-image: url(../img/radio_active.svg);
    background-size: 10px;
    background-position: center center;
}

/*區塊標題*/
.box_title h2{
    color: #434343;
    margin-bottom: 16px;
    display: inline-block;
    word-break: keep-all;
}
.box_title h3{
    color: #434343;
    margin-bottom: 27px;
}
.box_header{
    border: solid 1px #D9D9D9;
    border-radius: 4px;
    text-align: center;
    background-size: cover;
    padding-bottom: 30px;
}
.box_header_bgcolor{
    background-color: rgba(100, 100, 100, 0.3);
    padding-bottom: 30px;
    margin-bottom: -30px;
}
.box_header .box_title{
    padding-top: 32px;
}
.column_doctor .box_title h1, .column_knowledge .box_title h1{
    width: 298px;
    margin: 0 auto;
    padding: 16px 0;
    border-top: solid 1px #FAFAFA;
    border-bottom: solid 1px #FAFAFA;
    color: #fff;
    text-shadow: rgb(0 0 0 / 36%) 1px 1px 3px;
}
.box_header .artical_attention{
    padding-top: 32px;
}
.box_slogan{
    width: 100%;
    max-width: 604px;
    margin: 0 auto;
    padding-top: 32px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 600;
    text-align:center;
    color: #FAFAFA;
    text-shadow: rgb(0 0 0 / 36%) 1px 1px 3px;
}

/*文章區段*/
.brandindex_article_box .box_title .box_slogan{
    display: inline-block;
    padding: 0 0 2px 16px;
    color: #595959;
}

.brandindex_article_box .article_list>div:first-child{
    padding-right: 12px;
}
.brandindex_article_box .article_list>div:last-child{
    padding-left: 12px;
}

/*更多*/
.link_more{
    padding-right: 31px;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
}
.link_more a{
    font-size: 14px;
    line-height: 22px;
    color: #3DDFAE;
    display: flex;
}
.link_more_icon{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    margin-left: 8px;
    margin-top: -2px;
}
.link_more a:hover .link_more_icon{
    background-color: #E8FFF5;
}
/*更多、其他*/
.look_other{
    margin-top: 32px;
    text-align: center;
}
/*載入更多*/
.load_more{
    padding: 4px 0;
    font-size: 17px;
    color: #3DDFAE;
    text-align: center;
}
.load_more>span:hover{
    cursor: pointer;
    color: #65EBBE;
}

/*radio_button*/
.radio_button_module {
    display: flex;
    align-items: center;
}
    .radio_button_module:not(:last-child) {
        margin-right: 16px;
    }
.radio_button {
    display: inline-block;
    margin-top: 3px;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    border: solid 1px #d9d9d9;
    border-radius: 50%;
    color: transparent;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    cursor: default;
}
    .radio_button.active {
        color: #3DDFAE;
    }
.radio_button_txt {
    display: inline-block;
    cursor: default;
    font-size: 17px;
}

/*大分類、子分類連結*/
.link_classification{
    overflow: hidden;
    height: 37px;
    margin-top: 8px;
}
.link_classification>ul{
    margin-left: 16px;
    position: relative;
    padding-left: 12px;
}
.link_classification>ul:before{
    content: "";
    position: absolute;
    top: 4px;
    left: 0;
    width: 4px;
    height: 21px;
    margin-right: 8px;
    background-color: #3DDFAE;
}
.link_classification>ul>li{
    display: inline;
    font-size: 20px;
}
.link_classification>ul>li:not(:last-child)::after{
    content: "．";
}
.link_classification>ul>li a:hover{
    color: #3DDFAE;
}

/*導覽列*/
.pettalk_navbar{
    position: fixed;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 0px 4px 10px #bfbfbf;
    background: #fff;
    z-index: 1000;
}
.pettalk_navbar_mobile{
    display: none;
}
.pettalk_navbar .navbar-brand{
    padding:0;
}
.pettalk_navbar .dropdown-menu{
    width: 100%;
}
.pettalk_navbar .dropdown{
    position: static;
}
.pettalk_navbar .dropdown:hover .pettalk_dropdown_menu{
    display: block;
    border-radius: 0px;
    box-shadow: 0px 4px 5px 0px #bfbfbf;
}
.pettalk_dropdown_menu{
    background: url('../img/second_nav_bg.png') #E8F2ED repeat-x top ;
}
.second_nav{
    padding: 32px;
    display: inline-flex;
}
#dropdown_doctor+div .second_nav{
    display: flex;
    justify-content: flex-end;
}
.second_nav_box{
    display: inline;
    padding: 0px 32px;
}
.second_nav_title{
    color: #434343;
    padding-bottom: 16px;
    width: 120px;
}
.second_nav_title h4{
    margin-bottom: 5px;
}
.second_nav_item{
    font-size: 17px;
    line-height: 26px;
    color: #595959;
    padding: 0;
    padding-bottom: 16px;
}
.second_nav_item:not(:last-child){
    margin-bottom: 16px;
}
.second_nav_item:hover{
    background: transparent;
    color: #28B891;
    font-weight: 600;
}
.alotofsecond_nav_item{
    width: 440px;
}
.alotofsecond_nav_item li{
    display: inline-flex;
    width: 33.3%;
    float: left;
}
.pettalk_navbar .navbar-nav .nav-link{
    position: relative;
    font-size: 17px;
    color: #434343;
    line-height: 81px;
    padding: 0 16px;
}
.nav_search{
    margin-left: 16px;
}
.nav_search img{
    width: 24px;
}
.pettalk_navbar .nav_search .nav-item{
    position: relative;
}
.nav_search #nav_search_btn{
    display: none;
}
.nav_search label{
    width: 36px;
    height: 36px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}
.nav_search label:hover{
    background-color: #E8FFF5;
    border-radius: 50%;
}
.nav_search_bar{
    position: absolute;
    right: 0;
    bottom: -76px;
    display: none;
}
.nav_search_bar .input_text{
    width: 360px;
    height: 46px;
    border: 1px solid #3DDFAE;
    box-sizing: border-box;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 6px;
}
.nav_search #nav_search_btn:checked+label{
    background-color: #E8FFF5;
    border-radius: 50%;
}
.nav_search #nav_search_btn:checked~.nav_search_bar{
    display:initial;
}
.pettalk_navbar .navbar-nav .nav-link .icon{
    margin-right: 8px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.pettalk_nav .nav-item:hover .nav-link:after, .pettalk_nav .active .nav-link:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 8px;
    height: 6px;
    width: calc(100% - 16px);
    background: #3DDFAE;
    border-radius: 6px 6px 0px 0px;
}
.nav_login:hover .nav-link:after, .nav_logout:hover .nav-link:after{
    display: none;
}
.under_pettalk_navbar{
    height: 81px;
}

/*上傳單張照片*/
.pettalk_select_photo {
    position: relative;
    width: 100%;
    max-width: 400px;
}

.pettalk_select_photo_btn {
    display: block;
    background-image: url(../img/plus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    padding-bottom: 74.5%;
    border: solid 1px #D9D9D9;
}
    .pettalk_select_photo_btn.no_border {
        border: none;
        padding-top: 2px;
    }
.pettalk_select_photo_pic {
    display: none;
}
    .pettalk_select_photo_pic.active {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border: solid 1px #D9D9D9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
.close_pettalk_select_photo {
    margin-top: -8px;
    position: absolute;
    right: -8px;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
    cursor: pointer;
}

    .close_pettalk_select_photo img {
        width: 15px;
        opacity: 0.6;
    }

/*右側浮動選單*/
.sidenav_box {
    width: 56px;
    position: fixed;
    z-index: 10;
    bottom: 100px;
    right: 8px;
    overflow-x: hidden;
    padding: 4px 0;
    font-size:14px;
}
    .sidenav_box svg {
        width: 100%;
    }
#sidenav_unfold {
    padding: 4px;
    cursor: pointer;
}
#sidenav_list {
    display:none;
}
    #sidenav_list li {
        padding: 4px;
    }
        #sidenav_list li a {
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 8px;
            height: 48px;
            width: 48px;
            background-color: #ccc;
            color: #fff;
            text-align: center;
            line-height: 1;
            border-radius:50%;
        }
        #sidenav_list li:nth-child(1) a {
            background-color: #307ED9;
        }
        #sidenav_list li:nth-child(2) a {
            background-color: #FA8C16;
        }
        #sidenav_list li:nth-child(3) a {
            background-color: #FFB829;
        }
        #sidenav_list li:nth-child(4) a {
            background-color: #F3692D;
        }

/*提醒視窗*/
#warn_message .modal-dialog {
    margin-top: 64px;
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
}
#warn_message .modal-content {
    border:none;
}
#warn_message .modal-header {
    border: none;
    padding: 16px;
}
#warn_message .modal-body {
    padding: 16px 16px 0 16px;
    text-align: center;
}
.warn_message_tit {
    color: #3DDFAE;
    font-size: 20px;
    text-align: center;
    padding-top: 48px;
    padding-bottom: 16px;
}
#warn_message .modal-footer {
    display: initial;
    border: none;
    padding: 0 16px 32px 16px;
}
    #warn_message .modal-footer > .btn_box {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 16px;
        justify-content:center;
    }

/*麵包屑*/
.pattalk_breadcrumb {
    background-color: #F5F5F5;
    margin-bottom: 0px;
    padding: 18px 0 12px 0;
    line-height: 22px;
}
.pattalk_breadcrumb img{
    margin-top: -4px;
}
.pattalk_breadcrumb .breadcrumb{
    margin: 0;
    padding: 0 20px;
}
.pattalk_breadcrumb .breadcrumb li{
    display: flex;
}
.pattalk_breadcrumb .lv1 {
    color:#595959;
    font-size: 14px;
}
.pattalk_breadcrumb .lv_other {
    color:#8C8C8C;
    font-size: 14px;
}
.breadcrumb-item+.breadcrumb-item{
    padding-left:8px;
}
.breadcrumb-item+.breadcrumb-item::before{
    padding-right:8px;
    color:#8C8C8C;
}

/*搜尋列*/
.search_box{
    padding: 16px 0 48px 0;
}
.search_input{
    margin-bottom: 12px;
}
.search_box .btn{
    border:solid 1px #D9D9D9;
    border-right: none;
    border-radius: 6px;
    padding: 9px 0 9px 14px;
}
.search_box .input_text{
    border-left: none;
    border-radius: 6px;
}
.search_tag{
    padding: 0px 3px;
}
.search_tag span{
    background-color: #FFF7E6;
    color: #D46B08;
    font-size: 14px;
    margin-bottom: 16px;
    display: inline-block;
}
.search_tag span>a{
    display: flex;
    padding: 5px 8px 4px 8px;
}
.search_tag span:not(:last-child){
    margin-right: 13px;
}

/*廣告*/
.google_ad{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding:16px 0 0 0;
}
.google_ad img{
    max-width: 100%;
}
.google_ad_before_column{
    padding:64px 0 0 0;
}
.pettalk_ad_before_artical{
    width: 100%;
    max-width: 790px;
    margin: 0 auto;
    padding: 57px 0 0 0;
}
.pettalk_ad_after_artical{
    width: 100%;
    max-width: 592px;
    margin: 0 auto;
    padding: 32px 0 0 0;
}
.pettalk_ad300{
    width: 100%;
    max-width: 300px;
    text-align: center;
    padding:44px 0;
}
.pettalk_ad300>img{
    border:solid 1px #d9d9d9;
    width: 100%;
}
.pettalk_ad728{
    width: 100%;
    max-width: 728px;
    margin: 0 auto;
    text-align: center;
    padding:64px 0;
}
.pettalk_ad728>img{
    border:solid 1px #d9d9d9;
    width: 100%;
}
.pettalk_ad1200{
    padding: 64px 0;
}
.pettalk_ad1200 img{
    width: 100%;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 4px;
}

/*廣告輪播*/
.ad_banner_swiper{
    padding-top: 64px;
    padding-bottom: 64px;
}

/*文章用*/
.article_image img{
    width: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    margin-bottom: 16px;
}
.article_list{
    padding:16px 0px;
}
.article_card_body{
    padding: 0 16px;
}
.article_card h4{
    color: #434343;
    margin-bottom: 8px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.article_card_text{
    color: #8C8C8C;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 8px;
    overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.article_card_body .search_tag{
    display: none;
}
.card_info{
    display: flex;
    color: #8C8C8C;
    font-size: 14px;
    flex-wrap: wrap;
    align-content: center;
}
.card_info>div{
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}
.doctor_photo{
    width: 36px;
    height: 36px;
    margin-right: 8px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;

}
.doctor_photo>img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

/*橫式文章*/
.card_horizontal{
    display: flex;
}
.card_horizontal .article_image{
    width: 274px;
}
.card_horizontal .article_card_body{
    width: calc(100% - 274px);
}
.card_horizontal h4{
    margin-bottom: 16px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/*熱門文章、熱門影音*/
.hot_article, .hot_video{
    margin-bottom: 32px;
}
.hot_article .box_title, .hot_video .box_title{
    display: flex;
}
.hot_article .article_list>div:first-child, .hot_video .article_list>div:first-child{
    padding-right: 12px;
}
.hot_article .article_list>div:last-child, .hot_video .article_list>div:last-child{
    padding-left: 12px;
}
.youtube_video_box{
    position: relative;
    padding-bottom: 56.1%;
    margin-bottom: 16px;
    width: 100%;
    height: 0;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    overflow: hidden;
}
.youtube_video_box iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.youtube_card h4{
    color: #434343;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/*專欄用*/
.column_doctor {
    padding: 64px 0 0 0;
}
.column_list{
    margin-top: 68px;
    padding: 0;
    margin-right: -12px;
    margin-left: -12px;
}
.column_item{
    padding: 0px 12px;
    margin-top: 4px;
    margin-bottom: 64px;
}
.column_title{
    font-size: 17px;
    font-weight: 600;
    line-height: 24px;
}
.column_item>header{
    margin-bottom: 20px;
}
.column_image img{
    width: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    margin-bottom: 16px;
}
.column_card_body{
    padding: 0 16px;
}
.column_card_body h4{
    color: #434343;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    min-height: 56px;
}

/*最新專欄文章列表*/
.column_doctor.new{
    padding-bottom: 64px;
}
.column_artical_list{
    padding: 64px 0 0 0;
    margin-left: -12px;
    margin-right: -12px;
}
.column_artical_list .column_card{
    border: solid 1px #D9D9D9;
    border-radius: 4px;
}
.column_artical_list .pettalk_pic{
    margin-bottom: 0px;
    border-radius: 4px 4px 0 0;
    border: none;
}
.column_artical_list .column_card_body{
    padding: 16px;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
}
.card_info.artical>div>span:not(:first-child)::before{
    content: "．";
}
.column_doctor.new .doctor_tag{
    text-align: center;
}

/*獸醫師專欄*/

/*寵物知識專欄*/
.column_knowledge{
    padding: 64px 0 0 0;
}

/*品牌專欄*/
.pettalk_swiper .swiper-slide {
    width: 100%;
    max-width: 332px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.pettalk_swiper .swiper-pagination{
    display: none;
}
.column_brand{
    padding: 64px 0 0 0;
}
.brand_box{
    margin-top: 16px;
}
.brand_card{
    width: 100%;
    max-width: 332px;
    min-width: 332px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    margin: 0 12px 64px 12px;
}
.brand_image img {
    width: 100%;
}
.brand_image>header{
    position: relative;
    border-radius: 4px 4px 0 0;
}
.brand_image>header::after{
    position:absolute;
    bottom: 0;
    left: -1px;
    font-size: 14px;
    color: #fff;
    padding: 6px 8px;
}
.activity_discount .brand_image>header::after{
    content: '優惠活動';
    background-color: #FF5C70;
}
.activity_lecture .brand_image>header::after{
    content: '寵物講座';
    background-color: #60ACF3;
}
.activity_pet .brand_image>header::after{
    content: '寵物活動';
    background-color: #95D84E;
}
.activity_brand .brand_image>header::after{
    content: '品牌活動';
    background-color: #FFB829;
}
.brand_card_body{
    padding: 16px 16px 0 16px;
}
.card_date{
    font-size: 14px;
    line-height: 22px;
    color: #595959;
    margin-bottom: 18px;
}
.card_date img{
    margin-top: -4px;
    margin-right: 13px;
}
.brand_card_body h4{
    letter-spacing: -1px;
    text-align: justify;
    color: #262626;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    min-height: 56px;
}
.brand_card_body p{
    font-size: 14px;
    line-height: 22px;
    color:#8C8C8C;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.card_tag span{
    background-color: #FFF7E6;
    padding: 5px 8px 4px 8px;
    color: #D46B08;
    font-size: 14px;
    margin-bottom: 16px;
    display: inline-block;
}
.card_tag span:not(:last-child) {
    margin-right: 10px;
}

/*footer*/
.pattalk_footer{
    margin-top: 64px;
}
.footer_info{
    background-color: #F5F5F5;
    padding-top: 32px;
    height: 289px;
}
.footer_info_list {
    padding: 0px 15px;
}
.footer_info h4{
    color: #262626;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 16px;
}
.footer_info_list ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.footer_info_list li{
    padding: 0;
    margin: 0;
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 8px;
}
    .footer_info_list li a {
        color: #595959;
        /*word-break: keep-all;*/
    }
.footer_info_list li a:hover{
    font-weight: 600;
}
.news_subscription{
    padding-left: 19%;
}
.pettalk_news{
    margin-bottom: 32px;
}
.pettalk_Social a{
    display: inline-block;
    height: 34px;
    overflow: hidden;
    margin-right: 11px;
}
.pettalk_Social a img{
    width: 34px;
    margin-top: -34px;
}
.pettalk_Social a:hover img{
    margin-top: 0px;
}
.pettalk_subscription>div{
    margin-right: 0px;
}
.pettalk_subscription>.row>div{
    align-self: center;
}
.pettalk_subscription input{
    width: 282px;
    margin-right: 8px;
}
.pettalk_btn.disabled, .pettalk_btn:disabled{
    border:solid 1px #BFBFBF;
    background-color: #BFBFBF;
}
.pettalk_btn{
    border:solid 1px #3DDFAE;
    border-radius: 6px;
    background-color: #3DDFAE;
    color: #fff;
    font-size: 17px;
    line-height: 24px;
    padding: 8px 32px;
}
.pettalk_btn:hover{
    border:solid 1px #3DDFAE;
    background: #3DDFAE;
    box-shadow: 0px 4px 10px #28B891;
    color: #fff;
}
.pettalk_btn:focus{
    border:solid 1px #3DDFAE;
    box-shadow: 0px 4px 10px #28B891;
}
.footer_copyright{
    background-color:#3DDFAE;
}
.copyright_box img{
    display: inline;
    margin-right: 16px;
    height: 52px;
}
.copyright_txt{
    display: inline;
    margin-top: 16px;
    font-size: 14px;
    line-height: 22px;
    color: #F0FFF8;
}
.privacy_box{
    margin-top: 16px;
    text-align: right;
}
.privacy_box a{
    color: #F0FFF8;
    font-size: 14px;
    line-height: 22px;
    word-break: keep-all;
}
.privacy_box a:first-child::before{
    content: '| ';
}
.privacy_box a:after{
    content: ' |';
}
/*多按鈕併排*/
.two_btn{
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -8px;
    margin-right: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.two_btn>div {
    padding-left: 8px;
    padding-right: 8px;
}
.two_btn>div .btn{
    margin: 0;
    min-width: 140px;
}
/*簡易彈窗*/
.pettalk_simple_modal .modal-content {
    border: none;
}
.pettalk_simple_modal .modal-body {
    padding: 64px 16px 0 16px;
    text-align: center;
}
.pettalk_simple_modal .modal-body h4{
    color: #3DDFAE;
    text-align: center;
    padding-bottom: 16px;
}
.pettalk_simple_modal .modal-footer {
    display: initial;
    border: none;
    padding: 16px 16px 32px 16px;
}
.pettalk_simple_modal .modal-footer > .btn_box {
    margin: 0;
    padding-top: 0;
    justify-content: center;
}
/*一般彈窗設定*/
.pettalk_modal .modal-dialog {
    width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
}
.pettalk_modal .modal-content {
    position: relative;
    border: none;
}
.close_modal_box {
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 1
}
.pettalk_modal .btn-close {
    padding: 0;
    margin: 0 0 0 auto;
}
.pettalk_modal .modal-header {
    display: block;
    text-align: center;
}
.pettalk_modal .modal_title {
    font-size: 20px;
    color: #3DDFAE;
    padding:0 24px;
}
.pettalk_modal .modal-body {
    padding: 16px;
}
.pettalk_modal .modal-body .no_content {
    padding-bottom: 12px;
}
.pettalk_modal .modal-footer{
    padding: 16px 16px 32px 16px;
    border-top: 0;
}
/*表單*/
.pettalk_form_item+.pettalk_form_item{
    margin-top: 32px;
}
.pettalk_form_btn{
    margin-top: 32px;
    text-align: center;
}
.pettalk_form_item .county{
    width:100%;
    border: solid 1px #D9D9D9;
    border-radius: 6px;
    background-color: transparent;
    background-image: url(../img/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position-y: center;
    background-position-x: calc(100% - 16px);
    padding: 9px 16px;
    font-size: 17px;
    color: #434343;
    -webkit-appearance: none;
}
.form_title{
    text-align: center;
    margin-bottom: 24px;
}
.form_row{
    margin-bottom: 32px;
}
.form_btn>.btn{
    width: 100%;
}
.pettalk_form .error_massage{
    padding-top: 0;
    margin-bottom: 16px;
}
/*專欄頁面標題*/
.artical_title{
    margin: 64px 0 14px 0;
}
.artical_title h2{
    margin-bottom: 0;
}
.artical_title>.row>div:first-child{
    padding-right: 0;
}
.artical_title>.row>div:not(:first-child){
    padding: 0;
}
.artical_count{
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    color: #434343;
    display: flex;
    flex-wrap: wrap;
    align-content:flex-end;
    justify-content: flex-end;
}
.artical_count>div{
    margin: 0 16px;
}
.pettalk_btn_white{
    padding: 8px 16px;
    margin: 0 16px;
    background-color: #fff;
    border: 2px solid #3DDFAE;
    border-radius: 6px;
    color: #3DDFAE;
    font-size: 17px;
    line-height: 22px;
    word-break: keep-all;
}
.pettalk_btn_white:hover{
    color: #3DDFAE;
    background-color: #F0FFF8;
}
.pettalk_btn_white:focus {
    box-shadow:none;
}
.pettalk_btn_white.active{
    color: #3DDFAE;
    background-color: #F0FFF8;
}

/*專欄頁tage*/
.column_tag{
    margin: 16px 0;
}

/*獸醫師列表 目前沒被套用，但很好看，我不想刪*/
.doctor_list{
    margin-bottom: 32px;
}
.doctor_list_title>h4{
    font-weight: 600;
}
.doctor_list .card_info{
    padding: 0px 16px 0px 0px;
    margin-left: 16px;
    color: #434343;
    line-height: 26px;
    box-shadow: 0px 2px 10px #F0F0F0;
    border-radius: 100px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.doctor_list .card_info:hover{
    box-shadow: 0px 2px 10px #dfdfdf;
}
.doctor_list .doctor_photo{
    width: 46px;
    height: 46px;
    margin-right: 10px;
}
.doctor_list .card_info .name{
    font-size: 17px;
    padding-right: 4px;
}
.doctor_swiper{
    margin-bottom: 16px;
}
.doctor_swiper .swiper-slide{
    padding:24px 0 16px 0;
    width: auto;
    height: auto;
}

/*獸醫師列表 資料比較多的版本*/
.doctor_list_detailed{
    margin-bottom: 32px;
}
.doctor_list_detailed_title>h4{
    font-weight: 600;
}
.doctor_list_detailed .card_info{
    padding: 4px 20px 4px 4px;
    margin-left: 16px;
    color: #434343;
    line-height: 26px;
    box-shadow: 0px 2px 10px #F0F0F0;
    border-radius: 100px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.doctor_list_detailed .card_info:hover{
    box-shadow: 0px 2px 10px #dfdfdf;
}
.doctor_list_detailed .doctor_photo{
    width: 56px;
    height: 56px;
    margin-right: 10px;
}
.doctor_list_detailed .doctor_list_info{
    display: grid;
}
.doctor_list_detailed .doctor_list_info .name{
    font-size: 17px;
    padding-right: 4px;
}

/*專欄頁面文章列表*/
.artical_list_main{
    padding-right: 9px;
}
.artical_list_title{
    display: flex;
}
.artical_list_title h4{
    font-weight: 600;
    margin-bottom: 0px;
}
.artical_list_count{
    font-size: 17px;
    line-height: 28px;
    color: #595959;
    padding-left: 16px;
}
.artical_list_title .count{
    font-weight: 600;
    margin: 0 4px;
}
.article_box{
    padding: 32px 0;
}
.artical_list_box{
    padding: 32px 16px 0 0;
}
.artical_list_box .pettalk_pic{
    margin-bottom: 24px;
}
.artical_list_box .card_horizontal h4{
    padding-top: 8px;
    -webkit-line-clamp: 2;
}

/*右側欄*/
.artical_list_aside{
    padding: 0 44px;
}
.artical_list_aside_box h4{
    margin-bottom:32px;
    font-weight: 600;
}
.hot_tag{
    padding: 32px 0 16px 0;
}
.hot_tag .search_tag{
    padding: 0 0 0 16px;
}
.all_column{
    padding: 32px 0;
}
.all_column li{
    padding: 0 16px;
    font-size: 17px;
    line-height: 25px;
}
.all_column li:not(:last-child){
    margin-bottom: 16px;
}
.tagsearch_article_top6{
    padding: 32px 0;
}
.artical_list_aside_box .article_top6_list{
    margin-top: -16px;
    padding: 0 16px;
}
.tagsearch_activity_top6{
    padding: 32px 0;
}

/*熱門關鍵字搜尋結果頁*/
.hot_tag_header{
    margin: 64px 0 32px 0;
    border: solid 1px #D9D9D9;
    border-radius: 4px;
    text-align: center;
}
.hot_tag_header .box_title{
    padding-top: 32px;
    padding-bottom: 32px;
}
.hot_tag_header h1{
    width: 298px;
    margin: 0 auto;
    padding: 16px 0;
    color: #fff;
    text-shadow: rgb(0 0 0 / 36%) 1px 1px 3px;
}

/*知識文搜尋頁-搜尋列*/
.knowledge_search_box{
    padding: 64px 0 16px 0;
    margin-bottom: 16px;
    border-bottom: solid 1px #D9D9D9;
}
.knowledge_search_box>.row{
    margin-left: -8px;
    margin-right: -8px;
}
.knowledge_search_box>.row>*{
    padding-left: 8px;
    padding-right: 8px;
}
.knowledge_search_box+.article_box{
    padding-bottom: 24px;
}
.knowledge_search_box .input-group .btn {
    border: solid 1px #D9D9D9;
    border-right: none;
    border-radius: 6px;
    padding: 9px 0 9px 14px;
}
.knowledge_search_box .input_text {
    border-left: none;
    border-radius: 6px;
}
.knowledge_search_box .search_select{
    margin-bottom: 12px;
}
.search_select select{
    width:100%;
    border: solid 1px #D9D9D9;
    border-radius: 6px;
    background-color: transparent;
    padding: 9px 16px;
    font-size: 17px;
    color: #434343;
    -webkit-appearance: none;
}
.search_select{
    position: relative;
    border-radius: 6px;
    background-color: #fff;
    background-image: url(../img/down-arrow.svg);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position-y: center;
    background-position-x: calc(100% - 16px);
}
.knowledge_kind{
    display: flex;
    align-items: center;
    height: 100%;
    padding-top: 8px;
}
.knowledge_kind_list a{
    padding: 0 8px;
}
.knowledge_kind_list a.active{
    color: #3DDFAE;
}
.search_group_btn{
    margin-bottom: 12px;
    text-align: center;
}
.search_group_btn button{
    width: 100%;
    max-width: 300px;
    line-height: 27px;
}

/*文章內容頁*/
.content_date_flow{
    padding-top: 64px;
    color: #8c8c8c;
    text-align: center;
}
.content_date_flow a{
    margin-right: 8px;
    color: #3DDFAE;
}
.content_title{
    padding-top: 16px;
    text-align: center;
}
.pettalk_btn_white_small{
    padding: 4px 16px;
    margin: 0 16px;
    background-color: #fff;
    border: 2px solid #3DDFAE;
    border-radius: 6px;
    color: #3DDFAE;
    font-size: 17px;
    line-height: 22px;
    word-break: keep-all;
}
.pettalk_btn_white_small:hover{
    color: #3DDFAE;
    background-color: #F0FFF8;
}
.pettalk_btn_white_small:focus {
    box-shadow:none;
}
.pettalk_btn_white_small.active, .pettalk_btn_white_small.active:hover{
    color: #fff;
    background-color: #3DDFAE;
}

/*文章tag*/
.artical_tag{
    margin: 0 auto;
    max-width: 790px;
    width: 100%;
    min-height: 53px;
}

/*醫生資訊 白底樣式*/
.doctor_info{
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    margin-top: 32px;
}
.doctor_photo_box{
    padding-right: 0;
}
.doctor_experience_name{
    padding-left: 0;
}
.doctor_info .doctor_photo{
    width: 100px;
    height: 100px;
}
.doctor_info_experience{
    padding-left: 16px;
    text-align: justify;
}
.doctor_experience_name dl{
    margin-bottom: 0;
}
.doctor_experience_name dt{
    line-height: 26px;
    margin-bottom: 8px;
}
.doctor_info_experience dd{
    font-size: 14px;
    color: #8C8C8C;
    line-height: 22px;
    margin: 0;
}
.doctor_info_name{
    font-size: 20px;
    font-weight: 600;
}
.doctor_info_name~span{
    margin: 0 8px;
    color: #595959;
    font-weight: 400;
}
.doctor_attention_share{
    display: flex;
    justify-content: flex-end;
}
.doctor_share{
    padding: 4px 16px 0 8px;
}
.doctor_share svg{
    width:6px;
    height: 20px;
    fill:#BFBFBF;
}

/*對毛爸媽呼籲的事情*/
.artical_appeal{
    width: 100%;
    max-width: 720px;
    margin: 0px auto 64px auto;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    border-bottom: 3px solid #3DDFAE;
}
.doctor_info+.artical_appeal{
    margin-top: 32px;
}
.artical_appeal header, .artical_appeal .header{
    text-align: center;
    position: relative;
}
.artical_appeal header img, .artical_appeal .header img{
    width: 100%;
    max-width: 400px;
}
.artical_appeal header:before, .artical_appeal .header:before {
    content: "";
    position: absolute;
    text-align: center;
    height: 3px;
    width: calc(100% / 2 - 201px);
    background-color: #3DDFAE;
    left: 0;
    bottom: 24px;
}
.artical_appeal header:after, .artical_appeal .header:after{
    content: "";
    position: absolute;
    text-align: center;
    height: 3px;
    width: calc(100% / 2 - 201px);
    background-color: #3DDFAE;
    right: 0;
    bottom: 24px;
}
.artical_appeal p{
    margin: 24px 0;
}

/*文章內容*/
.artical_content{
    width: 100%;
    max-width: 720px;
    margin: 64px auto;
    font-size: 20px;
    line-height: 1.6;
}
.artical_content hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.artical_content img{
    max-width: 100%;
    margin-top: -4px;
}

/*文章相關推薦產品*/
.recommend_product{
    width: 100%;
    max-width: 720px;
    margin: 64px auto;
    font-size: 20px;
    line-height: 1.6;
}
.recommend_product_tit{
    display: flex;
    margin-bottom: 16px;
    align-items: center;
}
.recommend_product_tit_txt{
    position: relative;
    border: 3px solid #3DDFAE;
    padding: 8px 24px;
    border-radius: 27px;
}
.recommend_product_tit_txt>span{
    color:#3DDFAE; 
    font-weight: 600;
}
.recommend_product_content{
    max-width: 100%;
    background: #d8d8d8;
    padding: 32px;
}

/*文章分享列*/
.artical_favorites_share{    
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding: 3px;
}
.favorites {
    display: flex;
    font-size: 17px;
    line-height: 26px;
    color: #595959;
}
.favorites svg{
    margin-right: 8px;
    cursor: pointer;
    width: 30px;
    height: 25px;
    fill:none;
    stroke:#8C8C8C;
    stroke-width: 2px;
}
.favorites svg:hover{
    stroke:#F3692D;
}
.favorites .active>svg{
    stroke:#F3692D;
    fill:#F3692D;
}
.artical_share{
    display: flex;
    justify-content: flex-end;
    font-size: 17px;
    line-height: 26px;
}
.artical_share>div:not(:last-child){
    margin-right: 20px
}
.share_link svg{
    cursor: pointer;
    width: 28px;
    height: 28px;
    fill:#8C8C8C;
}
.share_link svg:hover{
    fill:#3DDFAE;
}
.share_line svg{
    cursor: pointer;
    width: 30px;
    height: 29px;
    fill:#8C8C8C;
}
.share_line svg:hover{
    fill:#46DF4C;
}
.share_facebook svg{
    cursor: pointer;
    width: 30px;
    height: 30px;
    fill:#8C8C8C;
}
.share_facebook svg:hover{
    fill:#307ED9;
}

/*浮在右側的文章分享列*/
.side_favorites_share_box {
    width: 30px;
    position: fixed;
    z-index: 10;
    top: 200px;
    right: 20px;
}
.side_favorites_share_box li:not(:last-child){
    padding-bottom:16px
}

/*醫生資訊 灰底樣式*/
.doctor_info_grey{
    width: 100%;
    max-width: 720px;
    margin: 16px auto 32px auto;
    padding: 32px 30px 22px 39px;
    background: #F5F5F5;
}
.doctor_info_grey>.row{
    position: relative;
}
.doctor_info_grey .doctor_photo{
    width: 100px;
    height: 100px;
    margin-right: 0;
    background-color: #fff;
}
.doctor_info_grey .doctor_info_experience{
    padding-right: 24px;
}
.doctor_info_grey .doctor_info_name~span:not(:last-child){
    position: relative;
}
.doctor_info_grey .doctor_info_name~span:not(:last-child):after{
    content: "|";
    position: absolute;
    right: -12px;
}
.doctor_info_grey .pettalk_btn_white{
    margin: 0;
}
.doctor_tag{
    margin-right: -8px;
}
.doctor_tag>a>div{
    display:inline-block;
    font-size: 14px;
    color: #8C8C8C;
    margin: 8px 8px 0 0;
    padding: 6px 8px;
    border: 1px solid #D9D9D9;
    background-color: #fff;
}
.doctor_tag>a>div:hover{
    color: #3DDFAE;
    border: 1px solid #65EBBE;
}

/*相關文章*/
.related_artical{
    margin-top: 64px;
}
.related_artical_list{
    padding-top: 64px;
    margin-left: -12px;
    margin-right: -12px;
}
.related_artical_list .column_item{
    margin-top: 0px;
}

/*品牌專區banner輪播*/
.brand_banner_swiper{
    padding: 64px 0;
}
.brand_banner_swiper_container{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.brand_banner_swiper_container .swiper-slide img{
    width: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
}
.brand_banner_swiper_container>.swiper-pagination-bullets{
    padding-top: 1px;
    bottom: 0;
}
.brand_banner_swiper_container .swiper-button-next:focus, .brand_banner_swiper_container .swiper-button-prev:focus{font-size: 32px;
    color: #3DDFAE;
}
.brand_banner_swiper_container .swiper-button-next:after, .brand_banner_swiper_container .swiper-button-prev:after{
    content: none;
}
.brand_banner_swiper_container .swiper-button-next.swiper-button-disabled, .brand_banner_swiper_container .swiper-button-prev.swiper-button-disabled{
    opacity: 0;
}
.brand_banner_swiper_container .swiper-button-next, .brand_banner_swiper_container .swiper-button-prev{
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    top: calc(50% - 10px);
}
.brand_banner_swiper_container .swiper-pagination{
    position: relative;
    height: 20px;
}
.brand_banner_swiper_container .swiper-pagination-bullet{
    height: 4px;
    width: 34px;
    background: #C4C4C4;
    border-radius:initial;
    opacity: 1;
}
.brand_banner_swiper_container .swiper-pagination-bullet-active{
    background: #3DDFAE;
}
.brand_banner_swiper_container .swiper-button-next{
    right: 0;
}
.brand_banner_swiper_container .swiper-button-prev{
    left: 0;
}

/*品牌專區文章區塊*/
.brandindex_article_box{
    padding: 64px 0 32px 0;
}

/*推薦知識影音*/
.brandindex_video_box{
    margin: 48px 0;
}
.brandindex_video_box .search_tag{
    padding: 16px 0 0 16px;
}
.brandindex_video_box .article_card h4{
    -webkit-line-clamp: 1;
}
.brandindex_video_box .article_card_text{
    -webkit-line-clamp: 2;
}
.brandindex_video_box .link_more{
    justify-content:left;
    padding: 20px 0 0 16px;
}
.pettalk_video{
    position: relative;
}
.video_bg{
    position: absolute;
    width: 100%;
    height: calc(100% * 0.75);
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(230, 230, 230, 0) 0%, rgba(200, 200, 200, 0.1) 10%, rgba(150, 150, 150, 0.3) 30%, rgba(100, 100, 100, 0.5) 50%, rgba(50, 50, 50, 0.6) 70%, #141414 100%);
    border-radius: 0 0 4px 4px;
}
.video_play_btn{
    position: absolute;
    top: 0;
    bottom: 42%;
    left: 0;
    right: 0;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.video_play_btn>div{
    display: flex;
    align-items: center;
    justify-content: center;
}
.video_play_btn img{
    display: initial !important;
    max-width: 118px;
    border: none;
    margin: 0;
}
.video_title{
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
}
.video_title h3{
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/*品牌活動標題*/
.brand_activity_title{
    margin-top: 64px;
    text-align: justify;
}

/*品牌活動banner*/
.brand_activity_banner{
    padding:32px 0 0 0;
}

/*品牌活動tag*/
.activity_tag{
    margin-top: 16px;
}

/*品牌活動內容*/
.brand_activity_content_apply{
    margin-top: 32px;
    margin-bottom: 64px;
}
.brand_activity_content_apply>.row{
    position: relative;
}
.brand_activity_content{
    padding: 0 31px 0 40px;
    font-size: 17px;
    line-height: 1.6;
    color: #595959;
    text-align: justify;
}
.brand_activity_content img{
    max-width: 100%;
}

/*品牌活動報名*/
.brand_activity_apply_box{
    padding-left: 5px;
}
.brand_activity_apply_box_2{
    padding-left: 5px;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: flex-end;
    opacity: 0;
}
.brand_activity_apply_box_2:after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
}
.brand_activity_apply{
    width: 100%;
    max-width: 493px;
    padding: 0 16px 0 32px;
    border-left: solid 1px #D9D9D9;
}
.sfixed{
    position: fixed;
    top:113px;
}
.applyshow{
    opacity: 1;
}
.brand_activity_apply_box_2.applyshow:after{
    content: '';
    display: none;
}
.brand_activity_brand_name{
    margin-top: 16px;
}
.brand_activity_apply_info>li{
    margin-top: 16px;
    display: flex;
}
.brand_activity_date:before{
    content: "";
    margin-right: 8px;
    padding: 0 12px;
    height: 24px;
    background: url(../img/calendar.png) left center; 
    background-repeat: no-repeat; 
}
.brand_activity_address:before{
    content: "";
    margin-right: 8px;
    padding: 0 12px;
    height: 24px;
    background: url(../img/location.png) left center; 
    background-repeat: no-repeat; 
}
.brand_activity_link:before{
    content: "";
    margin-right: 8px;
    padding: 0 12px;
    height: 24px;
    background: url(../img/link.png) left center; 
    background-repeat: no-repeat; 
}
.brand_activity_link>a{
    color: #3DDFAE;
    word-break: break-all;
}
.brand_activity_link>a:hover{
    color:#65EBBE;
}
.brand_activity_apply_btn{
    margin-top: 30px;
    width: 100%;
    max-width: 328px;
}
.brand_activity_apply_btn>.row{
    margin-left: -8px;
    margin-right: -8px;
}
.brand_activity_apply_btn>.row>div{
    padding-left: 8px;
    padding-right: 8px;
}
.brand_activity_apply_btn button{
    width: 100%;
    margin: 0;
    margin-bottom: 16px;
}

/*寵物問答*/
.question{
    padding: 64px 0;
}
.question_item{
    display: flex;
    position: relative;
    padding: 16px 0;
    border-bottom: solid 1px #D9D9D9;
}
.question_photo{
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
}
.question_photo img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
}
.question_item .article_card_body{
    width: calc(100% - 108px);
    padding-right:0;
}
.question_item h4 {
    margin-bottom: 8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: #434343;
    overflow: hidden;
}
.question_item .article_card_text{
    -webkit-line-clamp: 2;
}
.question_name>span{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.question_name>span:before{
    content: "by";
    margin-right: 4px;
}
.card_info>.question_category{
    display: inline;
    text-align: right;
}
.question_category>span{
    position: relative;
    padding-left: 22px;
}
.question_category .color_g::before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    background-color: #95D84E;
    border-radius: 4px;
}
.question_category .color_o::before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    background-color: #FF5C70;
    border-radius: 4px;
}
.question_category .color_b::before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    background-color: #60ACF3;
    border-radius: 4px;
}
.question_category .color_y::before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 0;
    background-color: #FFB829;
    border-radius: 4px;
}
.question_gas_collection{
    height: 10px;
    background-color: #3DDFAE;
}

/*知識Podcast*/
.hot_Podcast{
    padding: 64px 0;
}
.Podcast_box{
    padding-top: 16px;
}
.hot_Podcast .pettalk_swiper .swiper-slide{
    max-width: 200px;
}
.Podcast_card {
    width: 100%;
    max-width: 200px;
    min-width: 200px;
    margin: 0 12px 0 12px;
}
.hot_Podcast .pic{
    padding-bottom: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    background-position: left center;
}
.Podcast_card_body{
    padding-top: 16px;
}
.Podcast_card_body h4 {
    text-align: justify;
    color: #262626;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: 17px;
    line-height: 26px;
}
.pettalk_podcast{
    margin-bottom: 16px;
}

/*熱門文章*/
.article_top6_item{
    display: flex;
    padding: 16px 0;
    border-bottom: solid 1px #D9D9D9;
}
.article_top6_num{
    width: 36px;
    display: flex;
    align-items: center;
}
.article_top6_num>span{
    display: block;
    width: 36px;
    height: 36px;
    color: #3DDFAE;
    font-size: 16px;
    line-height: 31px;
    text-align: center;
    border: solid 2px #3DDFAE;
    border-radius: 50%;
}
.article_top6_txt{
    padding-left: 16px;
    font-size: 17px;
}
.article_top6_txt a{
    color: #434343;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    transition:.15s;
}
.article_top6_txt a:hover{
    color:#3DDFAE;
}

/*知識文tag搜尋頁*/
.search_artical_list_box{
    padding: 32px 16px 0 0;
}
.search_artical_list_box .pettalk_pic {
    margin-bottom: 24px;
}
.search_artical_list_box .card_horizontal h4 {
    padding-top: 8px;
    -webkit-line-clamp: 2;
}

/*知識文第一層分類列表*/
.class_list_lv1{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 16px;
    justify-content: center;
    position: relative;
}
.class_list_lv1_item{
    display:inline-block;
    padding: 0px 16px;
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    color: #595959;
    line-height: 45px;
    text-align: center;
    min-width: 100px;
    box-shadow: 0px 2px 8px #f0f0f0;
    border-radius: 100px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.class_list_lv1_item a{
    display:block;
}
    .class_list_lv1_item.active, .class_list_lv1_item:hover {
        box-shadow: 0px 2px 8px rgb(0 0 0 / 36%);
        color: #434343;
    }
.class_list_lv1 h1{
    border-bottom: solid 4px #434343;
    margin-bottom: 8px;
    margin-left: 50px;
    margin-right: 50px;
}
.back_to_lv1{
    position: absolute;
    left: 0;
}
.back_to_lv1_icon{
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
}
.back_to_lv1:hover .back_to_lv1_icon{
    background-color: #E8FFF5;
}
.back_to_lv1_txt{
    display: inline-block;
    color: #3DDFAE;
}

/*知識文第二層分類列表*/
.class_list_lv2_box{
    display: flex;
    justify-content: center;
    border-top: solid 1px #D9D9D9;
    border-bottom: solid 1px #f0f0f0;
    overflow: hidden;
}
.class_list_lv2{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.class_list_lv2_item{
    display: inline-block;
    padding: 20px 16px;
    color:#595959;
}
.class_list_lv2_item.active, .class_list_lv2_item:hover{
    color:#434343;
    font-weight: 600;
}

/*知識文-文章、影音頁*/
.all_artical_list_box{
    padding-top: 64px;
}
.all_artical_list_box .article_card{
    padding-right: 16px;
} 
.knowledge_article_list {
    padding: 32px 0 0 0;
}
.knowledge_article_list h4{
    padding-top: 8px;
    margin-bottom: 8px;
    -webkit-line-clamp: 1;
}
.knowledge_article_list .pettalk_pic {
    margin-bottom: 48px;
}
.knowledge_article_list .article_card_text{
    -webkit-line-clamp: 2;
}

/*知識podcast*/
.knowledge_podcast{
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: 32px;
}
.knowledge_podcast .pettalk_swiper .swiper-slide {
    max-width: 200px;
}
.knowledge_podcast .pic {
    padding-bottom: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    background-position: left center;
}
.knowledge_podcast_list{
    min-height: 300px;
}
.knowledge_podcast_list>.row{
    margin-left: -12px;
    margin-right: -12px;
    padding-bottom: 16px;
}
.knowledge_podcast_list>.row>*{
    padding-left: 12px;
    padding-right: 12px;
}
.knowledge_podcast_list .Podcast_card{
    padding-top: 16px;
    padding-bottom: 32px;
    margin:0;
    width: auto;
    min-width: auto;
    max-width: 300px;
}

/*分頁按鈕*/
.page_box{
    display: none;
    justify-content: center;
    margin-top: -16px;
}
.page_box.show{
    display: flex;
}
.page_list{
    display: flex;
    flex-wrap: wrap;
    margin-top: 16px;
    margin-left: -16px;
    margin-right: -16px;
}
.page_list a{
    display: inline-block;
    margin: 0 8px;
    padding: 0 4px;
    height: 45px;
    min-width: 45px;
    border: solid 1px #D9D9D9;
    border-radius: 4px;
    text-align: center;
    line-height: 45px;
    color: #8C8C8C;
    margin-bottom: 16px;
}
.page_list a.active{
    pointer-events: none;
    background-color: #BFBFBF;
    border: none;
    color: #fff;
}
.page_list span{
    display: inline-block;
    margin: 0 8px;
    padding: 0 4px;
    min-width: 45px;
    text-align: center;
    line-height: 45px;
    color: #8C8C8C;
    margin-bottom: 16px;
}

/*404頁面*/
.errow404_box{
    background-color:#F0FFF8;
}
.errow404_img{
    text-align: center;
    padding: 64px 16px 32px 16px;
}
.errow404_img img{
    max-width: 100%;
}
.errow404_msg{
    text-align: center;
    padding-bottom: 32px;
}
.errow404_btn{
    text-align: center;
    padding-bottom: 32px;
}
.column_knowledge>.row:nth-child(2){
    margin-left: -12px;
    margin-right: -12px;
}

/*活動主打星*/
.activity_flagship{
    padding: 0px 0 48px 0;
}
.activity_flagship_list{
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 4px;
    border: solid 1px #d9d9d9;
}
.activity_flagship+.ad_banner_swiper{
    padding-top: 0;
}
.flagship_card_body{
    padding: 16px 0 0 0;
}
.flagship_card_body h4 {
    text-align: justify;
    color: #262626;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.flagship_card_info {
    color: #8C8C8C;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.flagship_card_add{
    font-size: 14px;
    line-height: 22px;
    color: #8C8C8C;
    margin-bottom: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.flagship_card_kind_status{
    margin-bottom: 16px;
    font-size: 14px;
    color: #8C8C8C;
}
.flagship_card_kind.activity_discount:before{
    content: '優惠活動';
    color: #FF5C70;
}
.flagship_card_kind.activity_lecture:before{
    content: '寵物講座';
    color: #60ACF3;
}
.flagship_card_kind.activity_pet:before{
    content: '寵物活動';
    color: #95D84E;
}
.flagship_card_kind.activity_brand:before{
    content: '品牌活動';
    color: #FFB829;
}
.flagship_card_kind:after{
    content: '|';
}

/*活動專區搜尋頁*/
.activity_search_box{
    padding: 16px 0 0 0;
}
.activity_search_box .input-group .btn {
    border: solid 1px #D9D9D9;
    border-right: none;
    border-radius: 6px;
    padding: 9px 0 9px 14px;
}
.activity_search_box .input_text {
    border-left: none;
    border-radius: 6px;
}
.activity_search_box .search_select{
    margin-bottom: 12px;
}
.activity_search_box>.row{
    margin-left: -8px;
    margin-right: -8px;
}
.activity_search_box>.row>*{
    padding-left: 8px;
    padding-right: 8px;
}
.activity_list{
    padding:48px 0 0 0;
}
.activity_list>.row{
    margin-left: -12px;
    margin-right: -12px;
}
.activity_list>.row>*{
    padding-left: 12px;
    padding-right: 12px;
}
.activity_list .brand_card{
    width: 100%;
    max-width: none;
    min-width: auto;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
    margin: 0 0 48px 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.activity_list .brand_card:hover{
    box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
.activity_status{
    text-align: center;
    border-top: solid 1px #D9D9D9;
    padding: 8px 0;
}

/*獸醫師列表*/
.doctor_item{
    position: relative;
}
.doctor_card{
    position: relative;
    display: flex;
    margin-bottom: 48px;
    padding: 16px;
    border-radius: 4px;
    color: #434343;
    box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.doctor_card:hover{
    box-shadow: 0 2px 10px rgb(0 0 0 / 36%);
}
.all_doctor_list .doctor_photo{
    position: relative;
    width: 100px;
    height: 100px;
}
.photo_cover{
    position: absolute;
    display: flex;
    top:0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.doctor_card:hover .photo_cover{
    opacity: 0.07;
}
.all_doctor_list .favorites{
    position:absolute;
    top:16px;
    right: 16px;
    font-size: 14px;
}
.favorites_icon{
    margin-right: 8px;
    width: 25px;
    height: 25px;
    background: url("../img/heart-solid.svg") no-repeat;
    background-position: top right;
    background-size: 100% auto;
}
.favorites_icon:hover{
    background: url("../img/heart-solid-hover.svg") no-repeat;
}
.favorites_icon.active, .all_doctor_list .favorites_icon.active:hover{
    background: url("../img/heart-red.svg") no-repeat;
}
.all_doctor_list .doctor_list_info{
    width: calc(100% - 108px);
    padding-left: 8px;
    height: 114px;
}
.doctor_name_title{
    padding-bottom: 4px;
    width: calc(100%);
    padding-right:108px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    border-bottom: solid 1px #d9d9d9;
}
.doctor_name_title>section{
    display: inline-block;
}
.all_doctor_list .doctor_list_info .name{
    margin-right: 8px;
    font-size: 20px;
    font-weight: 600;
}
.all_doctor_list .doctor_list_info .job_title{
    font-weight: 400;
    color: #595959;
}
.doctor_hospital{
    font-weight: 400;
    color: #595959;
    margin-left: 8px;
    padding-left: 8px;
    border-left: solid 1px #f0f0f0;
}
.doctor_slogan {
    margin-top: 8px;
    font-size: 17px;
    color: #8C8C8C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.doctor_experience{
    margin-top: 4px;
    font-size: 14px;
    color: #8C8C8C;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

/*獸醫師個人頁*/
.doctor_info_box1{
    padding-top: 64px;
    padding-bottom: 16px;
    border-bottom: solid 1px #D9D9D9;
}
.doctor_name_box{
    position: relative;
}
.doctor_info_box1 .doctor_name{
    margin-bottom: 8px;
}
.doctor_hospital_title{
    font-size: 24px;
    padding-bottom: 8px;
}
.doctor_hospital_title .hospital a{
    color: #3DDFAE;
}
.doctor_hospital_title .hospital+span::before{
    content: '/';
    margin: 0 4px;
}
.doctor_info_box1 .favorites{
    position: absolute;
    top: 8px;
    right: 0;
    display: flex;
    align-items: center;
}
.doctor_info_box1 .favorites_icon{
    width: 30px;
    height: 30px;
}
.doctor_info_box1 .doctor_photo_box{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
    border-radius: 4px;    
}
.doctor_info_box1 .doctor_photo{
    width: 300px;
    height: 300px;
    margin: 0;
    border: solid 4px #FFF;
    background-color: #fff;
    box-shadow: 0 2px 10px rgb(0 0 0 / 16%)
}
.doctor_slogan_box{
    position: relative;
    height: 100%;
    padding-bottom: 68px;
}
.doctor_slogan_box .doctor_slogan{
    display: block;
    overflow:auto;
    font-size: 24px;
    font-weight: 600;
    color: #28B891;
    border-bottom: solid 1px #D9D9D9;
    padding-bottom: 16px;
}
.doctor_introduction{
    padding: 16px 0;
    color:#595959;
}
.doctor_webside{
    color:#595959;
}
.doctor_webside:before{
    content: "";
    margin-right: 8px;
    padding: 0 12px;
    height: 24px;
    background: url(../img/link.png) left center;
    background-repeat: no-repeat;
}
.doctor_webside a{
    color: #3DDFAE;
}
.doctor_times{
    position: absolute;
    display: flex;
    padding: 16px 0 0 0;
    bottom: 0;
    right: 0;
}
.doctor_times>div{
    margin-left: 16px;
}
.doctor_times .num{
    font-size: 40px;
}
.answer_times::before{
    content: '解答次數';
    color:#595959;
}
.publication_times::before{
    content: '發表次數';
    color:#595959;
}

/*獸醫師個人頁-專長*/
.doctor_specialty_box{
    padding: 64px 0;
}
.specialty_list{
    padding-top: 16px;
}
.specialty_item{
    color: #595959;
}
.specialty_item:not(:last-child){
    padding-bottom:32px;
}
.specialty_item .title{
    margin-bottom: 8px;
    border-bottom: solid 1px #f0f0f0;
}
.specialty_item .title>span{
    display: inline-block;
    margin-bottom: -1px;
    font-size: 20px;
    min-width: 100px;
    max-width: 100%;
    border-bottom: solid 1px #3DDFAE;
}
.no_content{
    display: none;
    margin-top: 16px;
    color: #8c8c8c;
}
.no_content.show{
    display: block;
}
    .no_content a {
        color: #3DDFAE;
    }

/*獸醫師個人頁-經歷*/
.doctor_experience_box{
    padding: 64px 0;
}
.experience_list{
    margin-top: 16px;
}
.experience_item{
    margin-bottom: 4px;
    color: #595959;
}

/*獸醫師個人頁-解答與發表*/
.doctor_answer_publication{
    padding: 64px 0 0 0;
}
.bookmark_box{
    border-bottom: solid 1px #D9D9D9;
    margin-bottom: 32px;
}
.bookmark_list{
    display: flex;
    justify-content: center;
}
.bookmark_item{
    font-size: 24px;
    font-weight: 600;
    margin: 0 64px;
    text-align: center;
}
    .bookmark_item > span {
        display: inline-block;
        position: relative;
        cursor: pointer;
        padding: 0 32px 16px 32px;
    }
.bookmark_item>span.active:after{
    content: "";
    position: absolute;
    height: 4px;
    width: 100%;
    background-color: #3DDFAE;
    bottom: 0;
    left: 0;
}
.bookmark_list_correspond{
    display: none;
}
.bookmark_list_correspond.active{
    display: block;
}
.doctor_answer_publication .question_list{
    margin-bottom: 32px;
}
.doctor_answer_publication .knowledge_article_list{
    padding-top: 16px;
    padding-bottom: 16px;
}
.doctor_answer_publication .knowledge_article_list .pettalk_pic{
    margin-bottom: 32px;
}

/*獸醫師個人頁-時刻表*/
.doctor_shift_box{
    padding: 64px 0;
}
.shift_table{
    width: 100%;
    margin-top: 16px;
    border-collapse: collapse;
    text-align: center;
    color: #595959;
}
.shift_table thead{
    background-color: #3DDFAE;
    color: #fff;
    font-size: 20px;
}
.shift_table th, .shift_table td{
    padding: 8px;
    border: 1px solid #65EBBE;
}
.shift_table th:not(:first-child), .shift_table td:not(:first-child){
    width: calc((100% - 30%) / 7);
}
.time_period{
    width: 30%;
}
.time_period>div{
    margin-top: 4px;
}
.check_icon{
    max-width: 25px;
} 

/*院所列表頁*/
.activity_search_box.hospital_index {
    padding: 0 0 32px 0;
}
.hospital_card{
    position: relative;
    display: flex;
    min-height: 126px;
    margin-bottom: 48px;
    border-radius: 4px;
    color: #434343;
    box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.hospital_card:hover {
    box-shadow: 0 2px 10px rgb(0 0 0 / 36%);
}
.hospital_photo{
    position: relative;
    display: inline-block;
    width: 40%;
    border-radius: 4px 0 0 4px;
    border-right: solid 1px #e6e6e6;
}
.hospital_photo>a{
    display: flex;
    width: 100%;
}
.hospital_card .photo_cover{
    border-radius: 0;
}
.hospital_card:hover .photo_cover{
    opacity: 0.07;
}
.hospital_list_info{
    width: 60%;
}
.hospital_list_info>a{
    display: inline-block;
    padding: 16px;
    width: 100%;
}
.hospital_name h4{
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.hospital_evaluate{
    display: flex;
    color: #8C8C8C;
}
.evaluate_fraction{
    position: relative;
}
.evaluate_fraction::before{
    content: "";
    margin-right: 8px;
    padding: 0 12px;
    height: 24px;
    background: url(../img/star_full.svg) left center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 2px;
}
.evaluate_comment{
    margin-left: 8px;
    margin-bottom: 8px;
    padding-left: 8px;
    border-left: solid 1px #f0f0f0;
}
.hospital_location{
    position: relative;
    color: #8C8C8C;
}
.hospital_location::before{
    content: "";
    margin-right: 8px;
    padding: 0 12px;
    height: 24px;
    background: url(../img/location.png) left center;
    background-repeat: no-repeat;
}
.hospital_location .city{
    margin-left: 4px;
}
.hospital_card .search_tag{
    padding: 0;
    position: absolute;
    left: -4px;
    top: 0;
}
.hospital_card .search_tag span{
    margin-top: 8px;
    margin-bottom: 0px;
    box-shadow: 0 1px 2px rgb(0 0 0 / 16%);
}

/*院所列表頁-搜尋列*/
.serch_line_hospital{
    margin-top: 4px;
}
.serch_line_hospital .check-box{
    display: inline-block;
    border: solid 1px #d9d9d9;
    border-radius: 4px;
    color: transparent;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 3px;
}
.serch_line_hospital .check-box.active{
    color: #3DDFAE;
}
.line_hospital_explanation{
    display:inline-flex;
    position: relative;
    font-size: 17px;
}
.line_hospital_explanation>span{
    cursor: pointer;
}
.hospital_explanation_open{
    margin-left: 8px;
    background-color: #3DDFAE;
    color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    cursor: pointer;
}
.explanation_content{
    display: none;
    position: absolute;
    right: -16px;
    bottom: -100px;
    z-index: 1;
    font-size: 14px;
}
.explanation_content_txt{
    background-color: #fff;
    padding: 12px;
    border: solid 1px #d9d9d9;
    border-radius: 4px;
    z-index: 3;
    color: #8c8c8c;
}
.explanation_content>.triangle{
    position: absolute;
    display: block;
    top: -5px;
    right: 22px;
    width: 12px;
    height: 12px;
    border: 1px solid #d9d9d9;
    border-color: #d9d9d9 transparent transparent #d9d9d9;
    background-color: #fff;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    z-index: 2;
}
.explanation_content.show{
    display: initial;
}

/*獸醫院所介紹頁*/
.hospital_info_box1{
    padding-top: 64px;
    padding-bottom: 16px;
    border-bottom: solid 1px #D9D9D9;
}
.hospital_name_box{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 16px;
}
.hospital_name_box>.search_tag{
    padding: 0 8px 0 0;
}
.hospital_name_box>.search_tag>span{
    margin-bottom: 0;
    font-size: 17px;
}
.hospital_name{
    margin-bottom: 8px;
}
.hospital_name_box>.hospital_evaluate{
    margin-right: 8px;
}
.evaluate_fraction_star{
    display: flex;
    margin-right: 4px;
}
.evaluate_fraction_star>img{
    width: 16px;
    margin-right: 4px;
}
.hospital_address_box{
    position: relative;
    height: 100%;
    padding-bottom: 64px;
}
.hospital_address{
    color: #595959;
    padding-top: 16px;
}
.hospital_phone{
    color: #595959;
    padding-top: 16px;
}
.hospital_phone>a{
    pointer-events: none;
}
.hospital_webside{
    color: #595959;
    padding-top: 16px;
}
.hospital_webside a {
    color: #3DDFAE;
}
.hospital_address_box .artical_share {
    position: absolute;
    display: flex;
    padding: 16px 0 0 0;
    bottom: 0;
    right: 0;
}
.hospital_booking {
    margin-top: 16px;
    padding-top: 16px;
    border-top: solid 1px #D9D9D9;
}

/*獸醫院所介紹頁-環境輪播圖*/
.hospital_photo_box{
    width: 100%;
    padding-bottom: 94%;
    position: relative;
}
.hospital_photo_swiper .swiper-container {
    width: 100%;
    height: 100%;
}
.hospital_photo_swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #D9D9D9;
}
.hospital_photo_swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hospital_photo_swiper .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}
.hospital_photo_swiper .hospital_photo_swiper .swiper-slide {
    background-size: cover;
    background-position: center;
}
.hospital_photo_swiper .mySwiper2{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 80%;
}
.hospital_photo_swiper .mySwiper{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}
.hospital_photo_swiper .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.hospital_photo_swiper .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}
.hospital_photo_swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hospital_photo_swiper .swiper-button-next:focus, .hospital_photo_swiper .swiper-button-prev:focus{
    outline: none;
}
.hospital_photo_swiper .swiper-button-next:after, .hospital_photo_swiper .swiper-button-prev:after{
    font-size: 38px;
    color: #3DDFAE;
}
.hospital_photo_swiper .swiper-button-next.swiper-button-disabled, .hospital_photo_swiper .swiper-button-prev.swiper-button-disabled{
    opacity: 0.5;
}

/*獸醫院所介紹頁-院所評價*/
.hospital_evaluate_box{
    padding:64px 0;
}

/*獸醫院所介紹頁-服務項目*/
.hospital_service_box{
    padding:64px 0;
}
.service_title{
    border-bottom: solid 1px #d9d9d9;
    padding-bottom: 16px;
}
.service_list{
    display: flex;
    flex-wrap: wrap;
}
.service_item{
    padding-top: 16px;
    padding-right: 16px;
    min-width: 25%;
    word-break: keep-all;
    color: #595959;
}

/*獸醫院所介紹頁-服務項目*/
.hospital_division_box{
    padding:64px 0;
}
.division_title{
    border-bottom: solid 1px #d9d9d9;
    padding-bottom: 16px;
}
.division_list{
    display: flex;
    flex-wrap: wrap;
}
.division_item{
    padding-top: 16px;
    padding-right: 16px;
    min-width: 25%;
    word-break: keep-all;
    color: #595959;
}

/*獸醫院所介紹頁-院所儀器*/
.hospital_apparatus_box{
    padding:64px 0;
}
.apparatus_title{
    border-bottom: solid 1px #d9d9d9;
    padding-bottom: 16px;
}
.apparatus_list{
    display: flex;
    flex-wrap: wrap;
}
.apparatus_item{
    padding-top: 16px;
    padding-right: 16px;
    min-width: 25%;
    word-break: keep-all;
    color: #595959;
}

/*獸醫院所介紹頁-院所評價*/
.hospital_evaluate_box{
    padding:64px 0;
}
.percent_item{
    color: #595959;
    padding-top: 16px;
    padding-bottom: 16px;
}
.percent_item_fraction{
    text-align: right;
    padding-right: 4px;
}
.percent_line_box{
    margin-top: 8px;
    background-color: #F0F0F0;
    height: 8px;
    border-radius: 8px;
}
.percent_line{
    background-color: #3DDFAE;
    height: 8px;
    border-radius: 8px;
}
.comment_box{
    padding-top: 32px;
}
.comment_box_header{
    padding-bottom: 16px;
    border-bottom: solid 1px #d9d9d9;
}
.comment_box .percent{
    display:inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 16px;
    background-color:#3DDFAE;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    color: #fff;
    font-weight: 600;
}
.comment_count{
    display: inline-block;
    font-size: 20px;
}
.comment_count>span{
    font-weight: 600;
    margin: 0 4px;
}
.comment_list{
    padding-top: 32px;
}
.comment_item {
    margin-top: 16px;
    display: flex;
    padding: 16px 16px 0px 16px;
    background: #f5f5f5;
    border-radius: 6px;
    height: 100%;
}
.percent_list{
    margin-top: 16px;
}
.percent_list_title{
    font-size: 20px;
}
.percent_list_title>span:after{
    content: '：';
}
.comment_list_title{
    font-size: 20px;
}
.comment_list_title>span:after{
    content: '：';
}
.member_photo{
    background-color: #fff;
    width: 36px;
    height: 36px;
    margin-right: 8px;
    border-radius: 50%;
    border: 1px solid #D9D9D9;
}
.member_photo img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.member_content{
    display: inline-block;
    flex-grow: 1;
}
.member_name_box{
    position: relative;
}
.member_name{
    max-width: calc(100% - 60px);
}
.member_name span.date{
    padding-left: 8px;
    margin-right: 8px;
    font-size: 14px;
    color: #8c8c8c;
}
.member_name_box .evaluate_fraction{
    position: absolute;
    right: 0;
    top: 0;
    color: #595959;
}
.member_content_txt{
    padding-top: 8px;
    color: #595955;
}
#hospital_evaluate.modal.fade .modal-dialog {
    transform: translateX(10vh);
}
#hospital_evaluate.modal.show .modal-dialog {
    transform: translate(0);
}
#hospital_evaluate.modal{
    padding-right: 0px !important;
}
#hospital_evaluate .modal-dialog{
    margin: 0 0 0 auto;
    max-width: 960px;
    min-height: 100vh;
}
#hospital_evaluate .modal-content{
    min-height: 100vh;
    border: none;
    border-radius: 0;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, .36);
}
#hospital_evaluate .modal-header{
    padding: 16px;
}
#hospital_evaluate .modal-body{
    padding: 16px;
}
#hospital_evaluate .comment_box{
    padding-top: 0;
}
.detailed_comment_list{
    padding: 32px 0;
}
.detailed_comment_item{
    display: flex;
    padding-top: 32px;
    padding-bottom: 32px;
    border-bottom: solid 1px #d9d9d9;
}
#hospital_evaluate .member_content{
    display: flex;
    position: relative;
}
#hospital_evaluate .member_name_box{
    width: 30%;
}
#hospital_evaluate .member_name{
    max-width: 100%;
}
#hospital_evaluate .member_name>div{
    margin-top: 4px;
    color: #595959;
    font-size: 14px;
}
.see_doctor_date{
    background-image: url('../img/calendar.png');
    background-repeat: no-repeat;
    padding-left: 24px;
}
.member_name_box .doctor_name {
    background-image: url('../img/doctor.svg');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 4px;
    padding-left: 24px;
}
.see_doctor_medical{
    background-image: url('../img/stethoscope.svg');
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 4px;
    padding-left: 24px;
}
.member_content_date{
    color: #8C8C8C;
    font-size: 14px;
}
#hospital_evaluate .member_content_txt{
    margin-top: 8px;
    padding: 16px;
    border-radius: 4px;
    background-color: #f5f5f5;
    color: #595959;
}
#hospital_evaluate .evaluate_fraction{
    position: absolute;
    right: 0;
    top: 0;
    color: #595959;
}

/*獸醫院所介紹頁-門診時刻表*/
.hospital_shift_box{
    padding:64px 0;
}
.hospital_shift_box .check_icon{
    display: none;
}
.national_holiday_business{
    padding-top: 8px;
    color: #595959;
}
.national_holiday_business::before{
    content: "※";
    margin-right: 4px;
    color: #E60012;
}
.mobile_hospital_booking{
    display: none;
}

/*獸醫院所介紹頁-獸醫師團隊*/
.hospital_doctor_box{
    padding:64px 0 0 0;
}
.hospital_doctor_title{
    padding-bottom: 16px;
}

/*獸醫院所介紹頁-優惠訊息*/
.hospital_discount_box {
    padding: 64px 0 0 0;
}
.hospital_discount_title {
    padding-bottom: 16px;
}
.hospital_discount_item {
    padding: 8px 8px;
    cursor: pointer;
    border-bottom: solid 1px #d9d9d9;
    color: #3DDFAE;
}
    .hospital_discount_item:hover {
        background-color: #fafafa;
    }
    .hospital_discount_item > div {
        display: flex;
        align-items: center;
    }
.hospital_discount_date {
    color: #8c8c8c;
    margin-right: 16px;
    min-width: 94px;
}
.hospital_discount_txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
#hospital_discount_modal .modal-dialog {
    max-width:960px;
}
.hospital_discount_content {
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: justify;
    color: #595959;
}
.hospital_discount_content img{
    max-width:100%;
}
#hospital_discount_modal .hospital_discount_date {
    text-align: right;
    margin-right: 0;
    padding-bottom: 16px;
}
#hospital_discount_modal .hospital_discount_date>span:before {
    content:"發佈日期："
}

/*網路掛號*/
.booking_header {
    text-align: center;
}
.booking_header .box_title{
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
}
.booking_header .box_title::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #f5f5f5;
    z-index: -1;
}
.booking_header .box_title h1{
    background: #f5f5f5;
    display: initial;
    padding: 8px 32px;
    border-radius: 32px;
}
.booking_box{
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}
.choose_time_doctor{
    padding-top: 32px;
}
.hoose_time_doctor_title{
    padding-bottom: 8px;
}
.booking_table{
    width: 100%;
    border-collapse: collapse;
    color: #595959;
}
.booking_table th, .booking_table td {
    padding: 8px;
    border: 1px solid #d9d9d9;
    text-align: center;
}
.booking_table_date{
    width: 100px;
}
.booking_table_date>span{
    display: block;
    margin: 0 0 0 4px;
}
.choose_doctor{
    width: 30%;
}
.choose_time_doctor .btn_box {
    justify-content: center;
}
.booking_table .pettalk_btn{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4px;
    margin-bottom: 4px;
    word-break: keep-all;
}
.choose_time_doctor .link_more {
    padding-right: 0;
}
.booking_info{
    padding-bottom: 8px;
}
.booking_info>div{
    padding-bottom: 16px;
}
.choose_period_list{
    margin-left: -8px;
    margin-right: -8px;
    margin-top: 8px;
}
.choose_period_list>button{
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 8px;
}
.choose_period_list .pettalk_btn_white.active{
    background-color: #3DDFAE;
    color: #fff;
}
.patient_from>from>div:not(:last-child){
    padding-bottom: 32px;
}
.tips{
    font-size: 14px;
    padding-top: 4px;
    color: #8c8c8c;
}
.tips>a{
    color: #3DDFAE;
    margin: 0 2px;
}
.error_massage{
    padding-top: 8px;
    color: #595959;
}
.error_massage::before{
    content: "！";
    display: inline-block;
    background-color: #FA8C16;
    border-radius: 50%;
    height: 21px;
    width: 21px;
    text-align: center;
    color: #fff;
    line-height: 21px;
}
.btn_box{
    display: flex;
    justify-content: flex-end;
    padding-top: 32px;
}
.btn_box .pettalk_btn_white{
    padding: 8px 32px;
}
.booking_ok{
    text-align: center;
}
.booking_ok h3 svg{
    margin-right: 4px;
    fill: #3DDFAE;
    color: #3DDFAE;
}
.booking_ok p{
    color: #595959;
}
.booding_info{
    padding-top: 16px;
}
.booding_info .row>div{
    text-align:center;
    padding-bottom: 28px;
}
.booding_info .row>div .tit{
    padding: 4px 0;
    background: #f5f5f5;
    font-weight: 600;
}
.booding_info .row>div .booding_info_txt{
    padding: 4px 0;
    color: #595959;
}

/*美容院列表頁*/
.all_beautysalon_list .hospital_name h4{
    -webkit-line-clamp: 2;
}

/*美容院介紹頁*/
.beautysalon_info_box1{
    padding-top: 64px;
    padding-bottom: 16px;
    border-bottom: solid 1px #D9D9D9;
}
.beautysalon_detailed{
    padding-top: 32px;
    font-size: 20px;
    line-height: 1.6;
}
.beautysalon_beautician_box{
    padding-top: 64px;
}
.beautysalon_beautician_title{
    padding-bottom: 16px;
}

/*美容師列表*/
.all_beautician_list .doctor_photo {
    position: relative;
    width: 100px;
    height: 100px;
}
.all_beautician_list .doctor_list_info {
    width: calc(100% - 108px);
    padding-left: 8px;
    height: 110px;
}
.all_beautician_list .doctor_name_title{
    width: 100%;
    padding-right:0;
}
.all_beautician_list .doctor_list_info .name {
    margin-right: 8px;
    font-size: 20px;
    font-weight: 600;
}
.all_beautician_list .doctor_name_title>section {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
}
.all_beautician_list .doctor_hospital{
    margin-left: 0;
    padding-left: 0px;
    border-left: none;
    display: block;
}
.all_beautician_list .doctor_slogan{
    -webkit-line-clamp: 2;
    font-size: 14px;
}

/*美容師個人介紹頁*/
.beautician_info_box1{
    padding-top: 64px;
    padding-bottom: 16px;
    border-bottom: solid 1px #D9D9D9;
}
.beautician_info_box1 .doctor_name {
    margin-bottom: 8px;
}
.beautician_info_box1 .doctor_hospital_title .hospital a{
    color: #FA8C16;
}
.beautician_info_box1 .doctor_photo_box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 0;
    border-radius: 4px;
}
.beautician_info_box1 .doctor_photo {
    width: 300px;
    height: 300px;
    margin: 0;
    border: solid 4px #FFF;
    background-color: #fff;
    box-shadow: 0 2px 10px rgb(0 0 0 / 16%);
}
.beautician_info_box1 .doctor_slogan {
    display: block;
    overflow: auto;
    font-size: 24px;
    font-weight: 600;
    color: #FA8C16;
    border-bottom: solid 1px #D9D9D9;
    padding-bottom: 16px;
}

/*美容師個人介紹頁-專長*/
.beautician_specialty_box{
    padding: 64px 0;
}

/*美容師個人介紹頁-經歷*/
.beautician_experience_box{
    padding: 64px 0;
}

/*美容師個人介紹頁-工作日常*/
.beautician_workvideo_box{
    padding-top: 64px;
}
.workvideo_list{
    padding-top: 16px;
}
.workvideo_item{
    width: 100%;
    max-width: 720px;
}

/*獸醫問答列表頁*/
.open_more_condition{
    display: none;
    margin-left: -16px;
    margin-right: -16px;
    background-color: #f5f5f5;
    text-align: center;
    padding: 16px 0;
}
.open_more_condition>span:after{
    content: "＋";
}
.open_more_condition.active>span:after{
    content: "－";
}
/*.more_condition{
  margin-bottom: 12px;
}*/
.more_condition .search_select{
    margin-bottom: 12px;
}
.more_condition>.row {
    margin-left: -8px;
    margin-right: -8px;
}
.more_condition>.row>* {
    padding-left: 8px;
    padding-right: 8px;
}
.point_massage{
    color: #595959;
    padding-top: 4px;
}
.point_massage::before {
    content: "！";
    display: inline-block;
    background-color: #3DDFAE;
    border-radius: 50%;
    height: 21px;
    width: 21px;
    text-align: center;
    color: #fff;
    line-height: 21px;
}

/*獸醫問答列表頁-問題卡片*/
.detailed_question_item{
    border: solid 1px #d9d9d9;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 48px;
}
.detailed_question_box1{
    display: flex;
    padding-top: 16px;
    padding-left: 16px;
}
.detailed_question_item h4 {
    margin-bottom: 8px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    color: #434343;
    overflow: hidden;
}
.detailed_question_item .article_card_text {
    -webkit-line-clamp: 2;
}
.gas_line_box{
    display: flex;
    margin-top: 8px;
    padding:0 16px;
    align-items: center;
}
.gas_line_txt{
    padding-right: 8px;
    color: #8C8C8C;
}
.gas_line_btn{
    padding-left: 16px;
}
.gas_line_bg{
    flex:1;
    background-color: #F0F0F0;
    height: 8px;
    border-radius: 8px;
}
.gas_line{
    background-color: #3DDFAE;
    height: 8px;
    border-radius: 8px;
}
.question_favorites_box{
    display: flex;
    padding: 8px 16px;
}
.question_favorites_box>div:not(:last-child){
    margin-right: 24px;
}
.question_favorites_box .favorites{
    font-size: 14px;
}
.message_board{
    display: flex;
    font-size: 14px;
    line-height: 26px;
    color: #595959;
}
.message_board_icon {
    margin-right: 8px;
    width: 23px;
    height: 23px;
    background: url(../img/chat.svg) no-repeat;
    background-position: top right;
    background-size: 100% auto;
}
.question_date_box{
    border-top: solid 1px #d9d9d9;
    padding: 8px 0;
    text-align: center;
    font-size: 14px;
    color: #595959;
}
.question_date_box>.row{
    margin-left: -4px;
    margin-right: -4px;
}
.question_date_box>.row>*{
    padding-left: 4px;
    padding-right: 4px;
}
.ask_date{
    border-right: solid 1px #d9d9d9;
}

/*獸醫問答列表頁-我要提問*/
.iwantask_bok{
    margin: 0 auto;
    padding: 64px 0;
    width: 100%;
    max-width: 720px;
}
.iwantask_bok_bg{
    background-image: url("../img/iwantask.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    padding-bottom: 26.6%;
}
.iwantask_bok_btn{
    text-align: center;
}
.iwantask_bok_btn .pettalk_btn{
    padding: 8px 64px;
}

/*獸醫問答問題內容頁*/
.question_content_box1{
    padding-top: 64px;
    padding-bottom: 16px;
    border-bottom: solid 1px #D9D9D9;
}
.question_content_box1 .question_title {
    margin-bottom: 8px;
}
.detailed_dequestion_category{
    display: flex;
    align-items: center;
    font-size: 24px;
    margin-bottom: 16px;
    padding-left: 50px;;
    height: 42px;
}
.detailed_dequestion_category.color_g{
    background-image: url("../img/icon_asktype_care_small.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 42px;
}
.detailed_dequestion_category.color_o{
    background-image: url("../img/icon_asktype_food_small.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 42px;
    
}
.detailed_dequestion_category.color_b{
    background-image: url("../img/icon_asktype_action_small.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 42px;
    
}
.detailed_dequestion_category.color_y{
    background-image: url("../img/icon_asktype_salon_small.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 42px;
    
}
.category_lv1{
    background-image: url("../img/arrow-right.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 30px;
}
.question_photo_swiper_container{
    padding-bottom: 32px;
}
.question_photo_swiper{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.question_photo_swiper .swiper-slide img{
    width: 100%;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
}
.question_photo_swiper .swiper-pagination{
    display: block;
    bottom: 0px;
}
.question_photo_swiper .swiper-pagination-bullet{
    margin: 0 4px;
}
.question_photo_swiper .swiper-pagination-bullet-active{
    background: #3DDFAE;
}


.question_gas_box .gas_line_box{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 16px;
}
.sick_pet_info_card{
    display: flex;
    background: #f5f5f5;
    border-radius: 4px;
    padding: 16px;
    margin: 16px 0;
    align-items: center;
}
.sick_pet_photo_box{
    padding-right: 16px;
}
.sick_pet_photo {
    position: relative;
    width: 100px;
    height: 0;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    padding-bottom: calc(100% - 2px);
}
.pet_name{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
}
.pet_age{
    color: #595959;
}
.pet_age>span{
    word-break: keep-all;
}
.pet_age>span:not(:last-child){
    padding-right: 8px;
    margin-right: 8px;
    border-right: solid 1px #d5d5d5;
}
.pettalk_btn_small.disabled, .pettalk_btn_small:disabled{
    border:solid 1px #BFBFBF;
    background-color: #BFBFBF;
}
.pettalk_btn_small{
    border:solid 1px #3DDFAE;
    border-radius: 6px;
    background-color: #3DDFAE;
    color: #fff;
    font-size: 17px;
    line-height: 24px;
    padding: 4px 16px;
}
.pettalk_btn_small:hover{
    border:solid 1px #3DDFAE;
    background: #3DDFAE;
    box-shadow: 0px 4px 10px #28B891;
    color: #fff;
}
.pettalk_btn_small:focus{
    border:solid 1px #3DDFAE;
    box-shadow: 0px 4px 10px #28B891;
}
.detailed_question_date{
    color: #595959;
}
.detailed_question_date>div{
    padding-bottom: 8px;
}
.iwantask_btn{
    padding-top: 16px;
}

/*獸醫問答問題內容頁-問答內容、解答內容*/
.conversation_box{
    padding: 32px 0 64px 0;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}
.ask_box{
    padding: 32px 0 16px 0;
}
.ask_member{
    display: flex;
    align-items: center;
}
.ask_member .name{
    font-size: 20px;
    font-weight: 600;
}
.ask_member .question_photo{
    margin-right: 16px;
}
.ask_content{
    position: relative;
    margin-top: 16px;
}
.ask_content_txt{
    padding: 16px;
    background-color: #F0FFF8;
    border: solid 1px #3DDFAE;
    border-radius: 4px;
    color: #595959;
    line-height: 1.6;
}
.ask_content>.triangle {
    position: absolute;
    display: block;
    top: -5px;
    left: 44px;
    width: 12px;
    height: 12px;
    border: 1px solid #3DDFAE;
    border-color: #3DDFAE transparent transparent #3DDFAE;
    background-color: #F0FFF8;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
}
.answer_box{
    padding: 32px 0 16px 0;
}
.answer_doctor{
    display: flex;
    align-items: center;
}
.answer_doctor .doctor_photo {
    width: 100px;
    height: 100px;
    margin-right: 16px;
}
.doctor_content_date{
    color: #8C8C8C;
    font-size: 14px;
}
.answer_content{
    position: relative;
    margin-top: 16px;
}
.answer_content_txt{
    padding: 16px;
    background-color: #fff;
    border: solid 1px #D9D9D9;
    border-radius: 4px;
    color: #595959;
    line-height: 1.6;
}
.answer_content>.triangle {
    position: absolute;
    display: block;
    top: -5px;
    left: 44px;
    width: 12px;
    height: 12px;
    border: 1px solid #D9D9D9;
    border-color: #D9D9D9 transparent transparent #D9D9D9;
    background-color: #fff;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
}
.favorites_share{
    padding-top: 32px;
}
.iwantask_btn_mobile{
    display: none;
}

/*獸醫問答問題內容頁-留言區*/
.question_comment_box{
    padding: 64px 0 32px 0;
}
.comment_title{
    display: flex;
    align-items: baseline;
    padding-bottom: 16px;
    border-bottom: solid 1px #D9D9D9;
}
.comment_title>h3{
    margin-right: 16px;
}
.question_comment_list{
    padding-bottom: 32px;
}
.question_comment_item{
    display: flex;
    position: relative;
    padding: 32px 0 24px 0;
    border-bottom: solid 1px #D9D9D9;
}
.question_comment_report{
    position: absolute;
    top: 0;
    right: 0;
    color: #595959;
}
.report_icon{
    width: 12px;
    height: 25px;
    overflow: hidden;
    cursor: pointer;
}
.report_icon>svg{
    fill: #595959;
}
.question_comment_item .member_content_txt{
    color: #8c8c8c;
    padding-right: 16px;
    padding-bottom: 8px;
}
.report_btn_box{
    display: none;
}
.report_btn_box.show{
    display: block;
    position: absolute;
    top: 25px;
    left: 0;
    width: 100px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
.report_btn_box.show>div{
    padding:8px 0;
    border-bottom: solid 1px #f5f5f5;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
}
.report_btn_box.show>div:hover{
    background-color: #f5f5f5;
}
.add_question_comment_box{
    display: flex;
    padding: 32px 0 0 0;
    border-bottom: solid 1px #D9D9D9;
}
.add_question_input_box {
    flex: 1;
    padding: 0 0 16px 0;
}
.add_question_input{
    padding-bottom: 16px;
}
    .add_question_input .input_text {
        height: 45px;
        resize: none;
        overflow: hidden;
    }
.add_question_input_box .btn_box{
    display: none;
}
.add_question_input_box.open{
    padding-bottom: 24px;
}
.add_question_input_box.open .add_question_input{
    padding-bottom: 0;
}
.add_question_input_box.open .add_question_input .input_text{
    height: 100px;
    resize:vertical;
    border: solid 1px #D9D9D9;
    padding-left: 16px;
    overflow: auto;
}
.add_question_input_box.open .btn_box{
    display:flex;
    padding-top: 16px;
}

.pettalk_btn_simple{
    border:none;
    background-color: #fff;
    color: #3DDFAE;
    padding: 4px 32px;
}
.pettalk_btn_simple:hover{
    border:none;
    background: #F5F5F5;
    color: #3DDFAE;
}
.pettalk_btn_simple:focus{
    border:none;
    background: #F5F5F5;
    box-shadow: none;
}
.update_question_input_box{
    display: none;
}
.member_content.open .member_content_txt{
    display: none;
}
.member_content.open .update_question_input_box{
    display:block;
    padding-top: 8px;
}
.update_question_input_box .input_text {
    height: 100px;
}
.update_question_input_box .btn_box{
    padding-top: 16px;
}

/*獸醫問答問題內容頁-相關問答*/
.related_question_box{
    padding: 64px 0;
}
.related_question_box .box_title h3{
    margin-bottom: 11px;
}

/*登入*/
#loginModal{
    padding-right: 0px !important;
}
#loginModal .modal-dialog{
    margin: 0;
    max-width: 100%;
    height: 100%;
}
#loginModal .modal-content{
    min-height: 100%;
    border: none;
    border-radius: 0;
}
#loginModal .modal-body{
    padding: 16px;
}
.close_modal_btn{
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 48px 16px 0 16px;
    text-align: right;
}
.logo_image{
    text-align: center;
}
.loginModal_block{
    display: none;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 0 16px;
}
.loginModal_block.open{
    display: block;
}
.login_title{
    text-align: center;
}
.login_title h3 svg {
    margin-right: 4px;
    fill: #3DDFAE;
    color: #3DDFAE;
}
.open_other_form{
    padding-top: 8px;
    text-align: center;
    color: #595959;
}
.login_form{
    padding-top: 12px;
}
.login_form .form-label{
    margin-bottom: 4px;
}
.login_form>form>div{
    padding-top: 16px;
}
.login_form+.open_other_form{
    padding-top: 16px;
    text-align: right;
}
.pettalk_check_modal{
    display: flex;
}
.pettalk_check_box{
    display: inline-block;
    border: solid 1px #d9d9d9;
    border-radius: 4px;
    color: transparent;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 4px;
    margin-top: 3px;
    padding-left: 0;
}
.pettalk_check_box.active{
    color: #3DDFAE;
}
.pettalk_checkbox{
    padding-left: 20px;
}
.pettalk_check_txt{
    display:inline-flex;
    position: relative;
    cursor: pointer;
    color: #595959;
}
.pettalk_checkbox .form-check-input{
    border: solid 1px #d9d9d9;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    margin-right: 4px;
    margin-top: 3px;
}
.pettalk_checkbox .form-check-input:checked[type=checkbox] {
    background-image: url(../img/check-solid.svg);
    background-size: 14px;
}
.pettalk_checkbox .form-check-input:checked {
    background-color: #fff;
    border: solid 1px #d9d9d9;
}
.pettalk_checkbox .form-check-input:focus {
    box-shadow: none;
}
.pettalk_checkbox .form-check-label{
    color: #595959;;
}
.login_btn_box .btn {
    width: 100%;
    margin: 0;
}
.or{
    position: relative;
    outline: 0;
    border: 0;
    text-align: center;
    opacity: 1;
    margin: 24px 0;
    padding: 13px 0;
    background-color: #fff;
    z-index: 1;
}
.or:before {
    content: '';
    background: #D9D9D9;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    z-index: 2;
}
.or:after {
    position: inherit;
    top: -13px;
    content: attr(data-content);
    display: inline-block;
    padding: 0 .5em;
    color: #595959;
    background-color: #fff;
    z-index: 3;
}
.other_login{
    text-align: center;
    padding-bottom: 32px;
}
.other_login img{
    width: 60px;
}
.other_login+.tips{
    text-align: center;
}
.agree_terms .pettalk_check_txt>a{
    color: #3DDFAE;
    margin: 0 2px;
}

/*會員首頁-版頭*/
.bg_member_information {
    background-color: #fafafa;
    border-bottom: solid 1px #d9d9d9;
    margin-bottom: 32px;
    background-image: url("../img/member_information_bg.png");
    background-repeat: no-repeat;
    background-position: center top;
}
.member_information_box .member_photo_box {
    grid-area: photo;
}
.member_information_box .member_name_box {
    grid-area: name;
}
.member_count_box {
    grid-area: count;
}
.member_line_hospital_box {
    grid-area: hospital;
}
.member_information_box {
    position:relative;
    padding: 48px 16px;
    display: grid;
    grid-template-columns: 168px auto auto;
    grid-template-areas:
        'photo name hospital'
        'photo count hospital';
}
.member_photo_main {
    position:relative;
}
.member_information_box .member_photo {
    width: 168px;
    height: 168px;
    border: 4px solid #fff;
    box-shadow: 0 2px 6px rgb(0 0 0 / 16%);
}
.change-pic {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #3DDFAE;
    box-shadow: 0 1px 3px rgb(0 0 0 / 20%);
    cursor: pointer;
}
    .change-pic img {
        width: 20px;
    }

.member_photo_main .change-pic {
    right: 4px;
    bottom: 4px;
}
    .member_photo_main .change-pic:hover {
        background-color: #65EBBE;
    }

.member_information_box .member_name_box {
    padding-left: 32px;
    display: flex;
    align-items: flex-end;
}

    .member_information_box .member_name_box .member_name {
        font-size: 30px;
        margin-bottom: 8px;
        font-weight: 600;
    }

.member_count_box {
    padding-left: 32px;
}
.member_count_bg {
    padding: 16px 24px;
    width:fit-content;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
    .member_count_bg > .row {
        margin-left:-24px;
        margin-right:-24px;
    }
        .member_count_bg > .row > * {
            padding-left: 24px;
            padding-right: 24px;
        }
.member_count_item {
    text-align: center;
    word-break: keep-all;
}
    .member_count_item:not(:last-child) {
        border-right: solid 1px #D9D9D9
    }
.member_count_num {
    font-size:20px;
    font-weight:600;
}
.member_count_txt {
    font-size: 14px;
    color: #595959;
}
.member_line_hospital_main {
    display: flex;
    justify-content: flex-end;
    padding-top:64px;
}
.search_line_hospital .pettalk_btn_white_small {
    margin:16px 0 0 0;
}
.member_line_number {
    padding-left:12px;
}
.member_line_qrcode {
    width:75px;
    margin-left:16px;
}
    .member_line_qrcode img {
        width:100%;
        border:solid 1px #d5d5d5;
    }
.member_line_hospital_main {
    position: relative;
}
.member_line_hospital_open{
    height: 100%;
    display: flex;
    align-items: center;
    padding-top: 10px;
    justify-content: center;
}
.line_hospital_open_btn{
    border: solid 1px #00c300;
    border-radius: 6px;
    background-color: #00c300;
    color: #fff;
    font-size: 17px;
    line-height: 24px;
    padding: 8px 32px;
}
.line_hospital_open_btn:hover {
    border: solid 1px #00c300;
    background: #00c300;
    box-shadow: 0px 4px 10px #00A300;
    color: #fff;
}
.line_hospital_open_btn:focus {
    border: solid 1px #00c300;
    box-shadow: 0px 4px 10px #00A300;
}

/*會員首頁-次要選單*/
.member_second_nav {
    margin-left: 12px;
    margin-bottom: 15px;
}
.member_second_nav_btn {
    cursor: pointer;
    width: 30px;
    height:30px;
    overflow:hidden;
}
.member_second_nav button {
    margin:0;   
}
.member_second_nav_btn img {
    width: 100%;
    margin-top: -30px;
}
.member_second_nav_btn:hover img {
    margin-top: 0;
}
.member_second_nav .favorites_icon {
    margin-right: 0;
    width: 30px;
    height: 30px;
}
#member_second_nav_modal .modal-dialog {
    margin-top: 64px;
    width: calc(100% - 32px);
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
#member_second_nav_modal .modal-content {
    border: none;
}
#member_second_nav_modal .modal-header {
    border-bottom: solid 1px #d9d9d9;
}
#member_second_nav_modal .modal-body {
    padding: 0;
}
#member_second_nav_modal li > * {
    display: block;
    text-align: center;
    padding: 16px 0;
    font-size:14px;
}
#member_second_nav_modal li:not(:last-child) {
    border-bottom: solid 1px #d9d9d9;
}

/*會員首頁-主要選單*/
.member_first_nav {
    display: flex;
    justify-content: center;
    padding: 0 0 32px 0;
}
.member_first_nav_item {
    text-align: center;
    font-size: 14px;
    padding:0 24px;
}
    .member_first_nav_item img {
        width:100%;
        max-width:45px;
        margin-bottom:8px;
    }
    .member_first_nav_item a:hover > div:nth-child(2) {
        border-bottom:solid 1px #595959;
        margin-bottom: -1px;
    }
.new_message {
    position:relative
}
    .new_message:after {
        position: absolute;
        top: 0;
        left: calc(50% + 15px);
        content: "";
        width: 8px;
        height: 8px;
        background-color: #F3692D;
        border-radius: 50%;
    }

/*會員首頁-我的寵物*/
.member_block_module {
    padding: 16px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
}
.member_block_module_title {
    border-bottom: solid 1px #D9D9D9;
    padding-bottom: 8px;
}
.member_block_module_title_link {
    text-align: right;
}
    .member_block_module_title_link a {
        font-size: 14px;
        color: #3DDFAE;
    }
.member_pet_box {
    margin-bottom: 64px;
}
.member_pet_content {
    margin-left: -8px;
    margin-right: -8px;
}
.member_pet_item {
    padding-left: 8px;
    padding-right: 8px;
}
.member_pet_item .sick_pet_info_card {
    margin: 16px 0 0 0;
}

/*會員首頁-寵物健康護照*/
.member_passport_box {
    margin-bottom: 64px;
}

/*會員首頁-我的提問*/
.member_question_box {
    margin-bottom: 64px;
}
.member_question_content .question_item {
    padding-top: 32px;
}
.member_question_content .question_name {
    padding-right:0;
}
.member_question_content .question_category {
    padding-left: 0;
}
.member_question_content .question_name > span:before {
    content: "問題寵物：";
    margin-right: 4px;
}

/*照片截切*/
#chage_member_pic .modal-dialog {
    width: 100%;
    max-width: 600px;
}
.upload_member_pic {
    min-height: 400px;
    display: grid;
    justify-content: center;
    align-content: center;
    padding:0 16px;
}
    .upload_member_pic .pettalk_btn > span {
        position: relative;
        padding-left: 32px;
        cursor: pointer;
    }
        .upload_member_pic .pettalk_btn > span:before {
            content: "";
            position: absolute;
            left: 0;
            top: 0px;
            height: 24px;
            width: 24px;
            background: url(../img/image-regular.svg);
            background-repeat: no-repeat;
            background-size: 100% auto;
            background-position: top;
        }
        .upload_member_pic .pettalk_btn > span::after {
            content: "選取一張相片";
        }
.reupload_member_pic {
    margin-top: 16px;
    margin-bottom: 16px;
}
    .reupload_member_pic .pettalk_btn {
        box-shadow: none;
        padding: 0;
        background-color:#fff;
        border:none;
        color:#8c8c8c;
    }
        .reupload_member_pic .pettalk_btn > span::before {
            background: url(../img/image-regular-g.svg);
        }
        .reupload_member_pic .pettalk_btn > span::after {
            content: "重新選取相片";
        }
.upload_member_pic #uncut_img .cr-viewport {
    border-radius: 50%;
}
.cut_img_box {
    text-align:center;
    margin-bottom:16px;
}

/*會員頁次頁*/
.member_second_page_container + .pattalk_footer {
    margin-top:0;
}
.member_second_page_nav {
    padding-top: 64px;
    padding-left: 0;
    border-right: solid 1px #d9d9d9;
}
.member_second_page_nav_header {
    padding: 0 8px 16px 8px;
    font-size: 17px;
    color: #434343;
    border-bottom: solid 1px #f0f0f0;
    text-align: center;
}
.member_second_page_nav_photo {
    display:flex;
    justify-content:center;
    padding-bottom:8px;
}
.member_second_page_nav ul {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 32px;
}
    .member_second_page_nav ul li:hover {
        background-color: #fafafa;
    }
    .member_second_page_nav ul li.active {
        background-color: #fafafa;
        border-left: solid 4px #3DDFAE;
    }
    .member_second_page_nav ul li.active a {
        padding-left:48px;
    }
        .member_second_page_nav ul li.active a:before {
            left: 12px;
        }
    .member_second_page_nav ul li a {
        position: relative;
        display: block;
        padding: 11px 16px 11px 52px;
        margin: 2px 0;
    }
        .member_second_page_nav ul li a:before {
            position: absolute;
            content: "";
            top: 12px;
            left: 16px;
            width: 24px;
            height: 24px;
            background-image: url(../img/user-Lineal.svg);
            background-repeat: no-repeat;
            background-size: cover;
        }
    .member_second_page_nav ul li:nth-child(2) a:before {
        background-image: url(../img/dog-Lineal.svg);
    }
    .member_second_page_nav ul li:nth-child(3) a:before {
        background-image: url(../img/friends.svg);
    }
    .member_second_page_nav ul li:nth-child(4) a:before {
        background-image: url(../img/paw-Lineal-dark.svg);
    }
    .member_second_page_nav ul li:nth-child(5) a:before {
        background-image: url(../img/stars-Lineal-dark.svg);
    }
    .member_second_page_nav ul li:nth-child(6) a:before {
        background-image: url(../img/conversation.svg);
    }
    .member_second_page_nav ul li:nth-child(7) a:before {
        background-image: url(../img/bell-Lineal.svg);
    }
    .member_second_page_nav ul li:nth-child(8) a:before {
        background-image: url(../img/log-out.svg);
    }

    .member_second_page_content_header {
        position: relative;
        padding-bottom: 16px;
        margin-bottom: 16px;
        border-bottom: solid 1px #d9d9d9;
    }
.member_second_page_title {
    padding-top: 64px;
}
.go_member_homepage {
    position: absolute;
    left: 16px;
    top: 32px;
    width: 25px;
    display: none;
}
    .go_member_homepage img {
        width:100%;
    }
.member_second_page_second_nav {
    position: absolute;
    right: 16px;
    top: 32px;
    width: 30px;
    display: none;
}
.member_second_page_content {
    width: 100%;
    max-width: 720px;
    min-height:400px;
    margin: 0 auto;
    padding-top: 16px;
    padding-bottom: 64px;
}
    .member_second_page_content.full_width {
        max-width: 100%;
    }
.member_second_page_bookmark_box {
    margin: 16px 0;
    background-color: #fafafa;
}
.member_second_page_bookmark_list {
    display: flex;
}
.member_second_page_bookmark_item {
    font-size: 20px;
    text-align: center;
}
    .member_second_page_bookmark_item span {
        display: inline-block;
        position: relative;
        padding: 12px 32px;
        cursor:pointer;
    }
        .member_second_page_bookmark_item span.active:after {
            content: "";
            position: absolute;
            height: 4px;
            width: 100%;
            background-color: #3DDFAE;
            bottom: 0;
            left: 0;
        }
.bookmark_correspond_div {
    display:none;
}
.bookmark_correspond_div.show {
    display: block;
}

/*編輯個人檔案*/
.user_information_edit_photo {
    display: flex;
    justify-content: center;
    padding-bottom: 32px;
}
    .user_information_edit_photo .member_photo {
        margin: 0;
        width: 168px;
        height: 168px;
        border: 4px solid #fff;
        box-shadow: 0 2px 6px rgb(0 0 0 / 16%);
    }
.user_information_edit_form > div:not(:last-child) {
    padding-bottom: 32px;
}
.phone_row{
    display: flex;
    align-items: center;
}
.phone_number{
    flex: 1;
}
.phone_number{
    color: #BFBFBF;
}
.phone_number.certification{
    color: #595959;
    font-size: 16px;
}
/*建立寵物*/
.user_information_edit_form > div > .row {
    margin-left: -8px;
    margin-right: -8px;
}
    .user_information_edit_form > div > .row > * {
        padding-left: 8px;
        padding-right: 8px;
    }
.select_pet_species {
    width: 100%;
    border: solid 1px #D9D9D9;
    border-radius: 6px;
    background-color: transparent;
    padding: 9px 16px;
    font-size: 17px;
    color: #434343;
    cursor: default;
}

/*建立寵物-選擇物種*/
#select_species_box {
    display: none;
}
    #select_species_box.open {
        display: block;
        min-height: calc(100vh - 128px);
    }
#select_pet_species_modal .modal-dialog {
    max-width:564px;
}
.pet_species_item {
    margin: 0 auto 16px auto;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    width: 100px;
    height: 100px;
    background-color: #fafafa;
    border-radius: 50%;
}
    .pet_species_item:hover {
        background-color: #3DDFAE;
        color:#fff;
    }
.pet_species_item_pic {
    display: flex;
    justify-content: center;
}
    .pet_species_item_pic > div {
        width: 48px;
        padding-top: 12px;
        padding-bottom: 4px;
    }
.pet_species_item_pic img {
    width: 100%;
    align-content: center;
}

/*建立寵物-選擇品種*/
#select_breed_box {
    display:none;
}
    #select_breed_box.open {
        display: block;
        min-height: calc(100vh - 128px);
    }
.pet_breed_item {
    margin:0 auto 16px auto;
    width: 100px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
}
    .pet_breed_item:hover {
        color: #3DDFAE;
    }
        .pet_breed_item:hover .pet_breed_photo {
            border: 1px solid #3DDFAE;
        }
        .pet_breed_item:hover .photo_cover {
            opacity: 0.07;
        }
.pet_breed_item_pic {
    padding-bottom: 8px;
    position: relative;
}
.pet_breed_photo {
    position: relative;
    width: 100px;
    height: 0;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    padding-bottom: calc(100% - 2px);
}

/*我的關注-獸醫師*/
.interest_doctor_list {
    margin-top: -16px;
}
.interest_item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 0;
    border-bottom: solid 1px #e6e6e6;
}
.interest_photo_box {
    margin-right: 16px;
}
.interest_photo {
    position: relative;
    width: 60px;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    padding-bottom: calc(100% - 2px);
}
.interest_text {
    width: calc(100% - 180px);
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    color: #595959;
}
.interest_text:hover a {
    font-weight: 600;
}
    .interest_text a > span {
        margin-right: 8px;
    }
.interest_btn {
    display: inline-block;
    position: absolute;
    right: 0;
}
    .interest_btn button {
        margin: 0;
    }

/*我的關注-寵物*/
.interest_pet_list {
    margin-top: -16px;
}

/*追蹤清單-我追蹤的*/
.follow_list {
    margin-top: -16px;
}

/*追蹤清單-粉絲清單*/
.fans_list {
    margin-top: -16px;
}

/*我的收藏-活動*/
.keep_activity_list {
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom:-32px;
}
    .keep_activity_list > * {
        padding-left: 12px;
        padding-right: 12px;
    }
    .keep_activity_list .brand_card {
        position:relative;
        max-width: none;
        min-width: auto;
        margin: 0px auto 64px auto;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
        .keep_activity_list .brand_card:hover {
            box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
        }
    .keep_activity_list .favorites {
        position: absolute;
        top: 16px;
        right: 16px;
    }
    .keep_activity_list .favorites_icon {
        margin:0;
    }

/*我的收藏-文章*/
.keep_artical_list {
    margin-top: -32px;
}
    .keep_artical_list .card_horizontal {
        position: relative;
    }
    .keep_artical_list .article_card_body {
        padding-right: 32px;
    }
    .keep_artical_list .favorites {
        position: absolute;
        top: 8px;
        right: 0;
    }
    .keep_artical_list .favorites_icon {
        margin: 0;
    }

/*我的提問-問題列表*/
.member_second_page_content .member_question_box {
    margin-bottom:0;
}
.member_question_search_box {
    position:relative;
}
.member_question_search_box > .row > * {
    padding-bottom: 16px;
}
.member_question_search_count {
    position: absolute;
    top: 8px;
    left: 0;
}
.member_question_list {
    margin-bottom: 48px;
}

/*會員專區沒有項目時的版*/
.member_no_item {
    display:none;
}
.member_no_item.show {
    display: block;
}
.member_no_item_pic {
    margin: 0 auto;
    width: 100px;
}
.member_no_item_pic>img {
    width: 100%;
}
.member_no_item_txt {
    margin-top:16px;
    text-align: center;
    color:#595959;
}
.member_no_item_btn {
    margin-top: 16px;
    text-align: center;
}

/*我的提問-新增問題*/
.member_question_add_form > div:not(:last-child) {
    padding-bottom: 32px;
}
.select_question_category {
    display:flex;
}
.select_question_category_txt > img {
    width: 25px;
    margin-top: -2px;
    margin-right: 4px;
}
.select_question_category_txt:not(:empty) {
    padding-right: 16px
}
.select_question_category_btn > span {
    color: #3DDFAE;
    border-bottom: 1px solid #3DDFAE;
    padding: 0 0 4px 0;
    cursor: pointer;
}
    .select_question_category_btn > span:before {
        content: "請點此選擇類別";
    }
.select_question_category_txt:not(:empty) + .select_question_category_btn > span:before {
    content: "重新選擇";
}
#certification_message .modal-footer{
    justify-content: center;
}
#certification_message .btn_box{
    padding-top: 0;
}
/*我的提問-選擇問題類別*/
#select_question_category_modal .modal-dialog {
    max-width: 400px;
}
.question_sort_list_box {
    padding: 0 16px;
}
.question_sort_item {
    cursor: pointer;
}
.question_sort_item_pic {
    max-width: 60px;
    margin: 0 auto;
    padding-bottom: 8px;
}
    .question_sort_item_pic > img {
        width: 100%
    }
.question_sort_item_txt {
    text-align: center;
}
.question_species_list {
    padding:24px 16px 8px 16px;
}
.question_species_item {
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
    margin-bottom: 16px;
    cursor: pointer;
    height:34px;
    line-height:34px;
}
.color_b .question_species_item:hover {
    background-color: #60ACF3;
    color: #fff;
}
.color_g .question_species_item:hover {
    background-color: #95D84E;
    color: #fff;
}
.color_o .question_species_item:hover {
    background-color: #FF5C70;
    color: #fff;
}
.color_y .question_species_item:hover {
    background-color: #FFB829;
    color: #fff;
}

/*我的提問-上傳照片*/
.select_question_photo_list {
    display: flex;
    margin-left: -8px;
    margin-right: -8px;
}
.select_question_photo_item {
    position: relative;
    padding-left: 8px;
    padding-right: 8px;
    width: 33.3%;
    display:none;
}
    .select_question_photo_item.active {
        display: block;
    }
.select_question_photo_btn {
    display: block;
    border: solid 1px #D9D9D9;
    background-image: url(../img/plus.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    padding-bottom: 75%;
}
.select_question_photo_pic {
    display:none;
}
    .select_question_photo_pic.active {
        display: block;
        margin: 0 8px;
        position: absolute;
        width: calc(100% - 16px);
        height: 100%;
        top: 0;
        left: 0;
        border: solid 1px #D9D9D9;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
.close_select_question_photo {
    margin-top: -8px;
    position: absolute;
    right: -8px;
    top: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
    cursor: pointer;
}
    .close_select_question_photo img {
        width: 15px;
        opacity: 0.6;
    }

/*訊息通知*/
.member_message_box {
    margin-top:-16px;
}
.member_message_box .activity_search_box {
    padding: 0 0 4px 0;
}
.member_message_list {
    padding-top:8px;
}
.member_message_item {
    position: relative;
    border-bottom: solid 1px #d9d9d9;
}
.member_message_item:hover {
    background-color:#fafafa;
}
    .member_message_item a {
        display: block;
        padding: 8px 36px 8px 8px;
    }
.member_message_kind {
    display: flex;
    align-items: center;
}
.member_message_kind_txt {
    font-size: 14px;
}
.member_message_have_file {
    display:flex;
    align-content:center;
}
.file_icon {
    width: 14px;
    height: 14px;
    margin-top:3px;
    margin-left: 8px;
    background-image: url(../img/clip.svg);
    background-repeat: no-repeat;
    background-size: cover;
}
    .member_message_content p {
        color: #595959;
        margin-bottom: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
.member_message_tiem {
    color: #8c8c8c;
    font-size: 14px;
}

.member_message_item .row {
    margin-left: -8px;
    margin-right: -8px;
    align-items: center;
}
    .member_message_item .row > * {
        padding-left: 8px;
        padding-right: 8px;
    }
    .member_message_item .row > div:nth-child(1) {
        max-width: 95px;
        min-width: 95px;
    }
    .member_message_item .row > div:nth-child(2) {
        max-width: calc(100% - 95px - 68px);
        min-width: calc(100% - 95px - 68px);
    }
    .member_message_item .row > div:nth-child(3) {
        max-width: 68px;
        min-width: 68px;
    }
.member_message_unread {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 8px;
    right: 0px;
    border-radius: 50%;
    background-color: #F3692D;
}
.member_message_delete {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 12px;
    right: 12px;
    background-image: url(../img/trash.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    cursor: pointer;
}
    .member_message_delete:hover {
        background-position: top;
    }

/*訊息通知-內容頁*/
.member_second_page_title > div {
    font-size:14px;
}
.member_second_page_title > div > span:not(:last-child) {
    margin-right: 8px;
}
.member_second_page_title_date {
    color: #8c8c8c;
}
.member_second_page_title {
    position: relative;
}
.back_to_list {
    position: absolute;
    top: 61px;
    left: 0;
}
    .back_to_list > .icon {
        width: 28px;
        height: 28px;
        border-radius: 50%;
    }
    .back_to_list + div {
        margin-left:38px;
    }
.member_message_archive {
    position: absolute;
    display: flex;
    right: 0;
    bottom: 16px;
}
    .member_message_archive .member_second_nav_btn {
        width: 16px;
        height: 16px;
    }
        .member_message_archive .member_second_nav_btn:not(:last-child) {
            margin-right:20px;
        }
    .member_message_archive .member_second_nav_btn img {
        margin-top: -28px;
    }
    .member_message_archive .member_second_nav_btn:hover img {
        margin-top: 0;
    }
.member_message_content_header {
    padding-bottom: 16px;
    margin-top: -16px;
    border-bottom: solid 1px #d9d9d9;
}
    .back_to_list:hover > .icon {
        background-color: #E8FFF5;
    }
.member_message_content_title h4 {
    margin-bottom: 8px;
    font-weight: 600;
}
.member_message_sender {
    color: #8c8c8c;
    font-size: 14px;
}
.member_message_content_txt {
    padding: 16px 0;
    color: #595959;
}
.member_message_content_txt p{
    margin-bottom:16px;
}
.member_message_content_txt img {
    max-width:100%;
}
    .member_message_content_file_list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}
.member_message_content_file_item {
    margin-bottom:16px;
    padding-left:8px;
    padding-right:8px;
    display:inline-flex;
    max-width:33%;
}
    .member_message_content_file_item a {
        display:block;
        padding:16px;
        width:100%;
        border:solid 1px #d9d9d9;
        border-radius:4px;
        font-size:14px;
    }
        .member_message_content_file_item a:hover {
            background-color: #fafafa;
        }
        .member_message_content_file_item a > div {
            display: inline-flex;
        }
            .member_message_content_file_item a > div:not(:last-child) {
                margin-right:8px;
            }
.member_message_content_file_link {
    color: #3DDFAE;
}
.member_message_content_file_name {
    color: #8c8c8c;
}
    .member_message_content_file_name .file_name {
        max-width: 110px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        white-space: normal;
    }
.member_message_content_file_size {
    color: #8c8c8c;
}
.member_message_archive_pet_item {
    margin:12px 0;
}
.no_content.message_archive {
    display: block;
    margin-top: 12px;
}
#member_message_archive_modal .btn_box {
    margin-top: -16px;
    margin-bottom: 8px;
}
.member_message_archive_pet_item .radio_button {
    padding-left: 3px;
}
.member_message_archive_pet_item .interval_check {
    display:flex;
    align-items:center;
}
.member_message_archive_pet_item .card_info_photo {
    margin-left:4px;
}

/*寵物首頁*/
.pet_photo_box {
    grid-area: photo;
}
.pet_name_box {
    grid-area: name;
}
.pet_count_box {
    grid-area: count;
}
.pet_introduction {
    grid-area: introduction;
}
.pet_information_box {
    position: relative;
    padding: 48px 16px;
    display: grid;
    grid-template-columns: 168px auto;
    grid-template-areas:
        'photo name'
        'photo count';
}
.pet_photo {
    margin-right: 8px;
    width: 168px;
    height: 168px;
    border: 4px solid #fff;
    box-shadow: 0 2px 6px rgb(0 0 0 / 16%);
    background-color: #fff;
    border-radius: 50%;
}
.pet_name_box {
    position: relative;
    margin-bottom: 12px;
    padding-left: 32px;
    align-items: flex-end;
}
    .pet_name_box .pet_name {
        font-size: 30px;
        margin-bottom: 8px;
        font-weight: 600;
    }
.pet_name_nav {
    display: flex;
    align-items: flex-end;
}
.pet_name_box .pet_age > span:not(:last-child) {
    padding-right: 0;
    margin-right: 0;
    border: none
}
    .pet_name_box .pet_age > span:not(:last-child):after {
        content: "．";
        padding-left: 4px;
    }

.pet_count_box {
    padding-left: 32px;
}
.pet_introduction {
    color: #595959;
    text-align: center;
    margin-bottom: 32px;
}
    .pet_introduction p {
        margin-bottom:0;
    }

/*所屬飼主*/
.whose_pet {
    margin-top: -16px;
    margin-bottom: 32px;
    display:flex;
    justify-content:center;
}

.pettalk_photo {
    position: relative;
    width: 100%;
    padding-bottom: calc(100% - 2px);
    border: 1px solid #D9D9D9;
    border-radius: 50%;
}

.card_info_photo {
    width: 36px;
    margin-right: 8px;
}

/*寵物首頁-體重變化表*/
.pet_weight_box {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    margin-bottom: 64px;
}
.pet_weight_box_title {
    margin-left: -8px;
    margin-right: -8px;
    padding: 16px 0;
}
    .pet_weight_box_title > * {
        padding-left: 8px;
        padding-right: 8px;
    }
.pet_weight_box_title h3 {
    padding-left: 32px;
    background-image: url(../img/weighing-machine.svg);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: left center;
}

/*寵物首頁-關於該寵物的提問*/
.pet_question_box {
    margin-bottom: 64px;
}
.year_Interval_list {
    display:flex;
    justify-content:flex-end;
}

/*寵物首頁-寵物日記*/
.pet_diary_box {
    margin-bottom: 64px;
}
.pet_diary_content {
    margin-bottom: -16px;
}
.diary_item {
    position: relative;
    padding-top: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #d9d9d9;
}
.diary_date {
    font-size: 14px;
    color: #595959;
    padding-bottom: 8px;
}
    .diary_date:before {
        content: "發佈日期：";
    }
.diary_photo_box {
    padding-right: 0;
}
.diary_photo {
    position: relative;
    margin: 0 auto 16px auto;
    width: 100%;
    max-width: 600px;
}
.diary_photo_border {
    padding-bottom: 75%;
}
.diary_photo_pic {
    display: block;
    position: absolute;
    width: calc(100% - 1px);
    height: 100%;
    top: 0;
    left: 0;
    border: solid 1px #D9D9D9;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
    .diary_photo_pic img {
        display:none;
    }
.diary_txt {
    padding: 0 16px 0 0;
    color: #595959;
    text-align: justify;
}
.pet_diary_box .question_comment_report {
    top:16px;
}

/*編輯日記*/
#edit_question_comment_modal .modal-dialog {
    max-width:1024px;
}
#edit_question_comment_modal .pet_diary_add_form {
    padding-top:16px;
}
#edit_question_comment_modal .diary_textarea textarea {
    height: 100%;
}
#edit_question_comment_modal .btn_box {
    margin-bottom: 8px;
}

/*寵物頁次頁*/
.member_second_page_nav.for_pet ul li:nth-child(1) a:before {
    background-image: url(../img/dog-Lineal.svg);
}
.member_second_page_nav.for_pet ul li:nth-child(2) a:before {
    background-image: url(../img/friends.svg);
}
.member_second_page_nav.for_pet ul li:nth-child(3) a:before {
    background-image: url(../img/conversation.svg);
}
.member_second_page_nav.for_pet ul li:nth-child(4) a:before {
    background-image: url(../img/book2.svg);
}
.member_second_page_nav.for_pet ul li:nth-child(5) a:before {
    background-image: url(../img/browser.svg);
}

/*寵物相關提問*/
.member_pet_question_box {
    margin-top:-16px;
}

/*寵物日記列表*/
.pet_diary_list {
    margin-top: -16px;
    margin-bottom: 32px;
}
.pet_diary_list .question_comment_report {
    top: 16px;
}

/*寵物日記-新增日記*/
.pet_diary_add_form .pettalk_select_photo_btn {
    border-radius: 6px;
}
.pet_diary_add_form .pettalk_select_photo_pic {
    border-radius: 6px;
}
    .pet_diary_add_form .pettalk_select_photo_pic.active {
        background-size: contain;
    }

.diary_textarea {
    height: 100%;
}

    .diary_textarea textarea {
        height: calc(100% - 33px);
    }

/*寵物相關訊息*/
.pet_message_box {
    margin-top: -16px;
}
    .pet_message_box .activity_search_box {
        padding: 0 0 4px 0;
    }
    .pet_message_box .search_select {
        margin-bottom: 12px;
    }
.pet_message_list_modal {
    position: relative;
}
.pet_message_list_modal:before {
    content: "";
    position: absolute;
    top: 30px;
    left: 32px;
    width: 4px;
    height: calc(100% - 30px);
    background-color: #3DDFAE;
}
.pet_message_list_month {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    background-color: #3DDFAE;
    font-size: 14px;
    color: #fff;
    border-radius: 50%;
}
.pet_message_item {
    position:relative;
    margin-left:48px;
    padding:8px 0;
}
.pet_message_item a {
    display:block;
    padding: 8px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgb(0 0 0 / 16%);
}
    .pet_message_item:hover a {
        background-color: #fafafa;
    }
    .pet_message_item .row {
        margin-left: -8px;
        margin-right: -8px;
        align-items:center;
    }
        .pet_message_item .row > * {
            padding-left: 8px;
            padding-right: 8px;
        }
        .pet_message_item .row > div:nth-child(1) {
            max-width: 95px;
            min-width: 95px;
        }
        .pet_message_item .row > div:nth-child(2) {
            max-width: calc(100% - 95px - 93px - 24px);
            min-width: calc(100% - 95px - 93px - 24px);
        }
    .pet_message_item .member_message_delete {
        top: 20px;
        right: 8px;
    }

/*隱私權政策與與服務條款*/
.pivacy_title {
    position:relative;
    margin-top: 64px;
    padding-bottom: 16px;
    text-align: justify;
    border-bottom: solid 1px #D9D9D9;
}
    .pivacy_title:before {
        content: "";
        position: absolute;
        height: 2px;
        width: 200px;
        bottom: -1px;
        left: 0;
        background-color: #3DDFAE;
    }
.pivacy_content {
    padding: 16px 0;
    line-height: 1.8;
    text-align: justify;
}
    .pivacy_content h3 {
        margin-top: 1.3em;
        margin-bottom: 0.5rem;
        color: #28B891;
    }
    .pivacy_content h4 {
        margin-bottom: 0.2rem;
        padding-left:2em;
    }
        .pivacy_content h4 + h4 {
            margin-top: 2rem;
        }
        .pivacy_content h4:before {
            content: attr(data-foo)"、";
            margin-left:-2em;
        }
    .pivacy_content p {
        margin-bottom: 2rem;
    }
p.ul_tit {
    margin-bottom: 0;
}
.ul_num {
    margin-left: 2.5em;
    margin-bottom: 2rem;
}
    .ul_num li {
        list-style-type: disc;
    }
.pivacy_list {
    margin-left: 2.1em;
}
.pivacy_list+.ul_num{
    margin-left: 5.5em;
}

/*聯繫我們*/
.contact_us_content {
    padding: 16px 0;
}
.contact_us_content_form {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    padding-top: 16px;
}
    .contact_us_content_form > div:not(:last-child) {
        padding-bottom: 32px;
    }
.contact_us_content_other {
    margin: 64px auto 0 auto;
    padding: 32px;
    background-color: #F5F5F5;
    color: #595959;
    max-width: 720px;
}
    .contact_us_content_other > div {
        margin-bottom: -8px;
    }
    .contact_us_content_other span {
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 8px;
    }
/*帳號驗證*/
.verify_box{
    margin-top: 64px;
    margin-bottom: 64px;
    background-color: #fff;
    border-radius: 4px;
    /*box-shadow: 0 1px 6px rgb(0 0 0 / 16%);*/
    min-height: calc(100vh - 341px - 81px - 128px);
}
.verify_slogan{
    display: flex;
    align-items:flex-end;
    justify-content: center;
    height: 100%;
    position: relative;
}
.verify_slogan h2{
    line-height: 1.6;
    z-index: 2;
}
.catpaw1, .catpaw2{
    display: none;
}
.catpaw1{
    position: absolute;
    left: -40px;
    bottom: -16px;
    width: 80px;
    height: 80px;
    background-image: url(../img/catpaw-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    -moz-transform: rotate(130deg);
    -webkit-transform: rotate(130deg);
    -o-transform: rotate(130deg);
    -ms-transform: rotate(130deg);
    transform: rotate(130deg);
}
.catpaw2{
    position: absolute;
    right: -36px;
    bottom: -16px;
    width: 70px;
    height: 80px;
    background-image: url(../img/catpaw-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    -moz-transform: rotate(-130deg);
    -webkit-transform: rotate(-130deg);
    -o-transform: rotate(-130deg);
    -ms-transform: rotate(-130deg);
    transform: rotate(-130deg);
}
.verify_slogan_fun{
    display: flex;
    margin-top: 32px;
}
.verify_slogan_pic{
    width: 100px;
}
.verify_slogan_pic img{
    width: 100%;
}
.verify_slogan_fun_txt{
    flex: 1;
    display: flex;
    align-items: center;
}
.verify_slogan_fun_txt>div{
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    border: dashed 3px #3DDFAE;
    border-radius: 100px;
    padding: 16px 24px;
    margin-left: 24px;
}
.verify_form_box{
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 0 16px;
}
.verify_form_box .login_btn_box{
    padding-top: 32px;
}
/*投票議題列表頁*/
.all_vote_list .knowledge_article_list{
    padding-top: 16px;
}
/*投票內容頁*/
.vote_content_title{
    margin-top: 64px;
    text-align: center;
}
.vote_content_date{
    padding-top: 16px;
    text-align: center;
    color: #8c8c8c;
}
.vote_content_banner{
    padding: 32px 0 0 0;
    width: 100%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
.vote_content{
    width: 100%;
    max-width: 720px;
    margin: 64px auto;
    font-size: 20px;
    line-height: 1.6;
}
.vote_content hr{
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}
.vote_content img{
    max-width: 100%;
}
.vote_comment_box{
    padding: 64px 0 0 0;
}
.vote_comment_box .page_box{
    padding-top: 48px;
}
.voteing_box{
    width: 100%;
    max-width: 720px;
    margin: 0 auto 64px auto;
    padding-top: 30px;
}
.voteing_box_bg{
    padding: 32px;
    background: #F5F5F5;
}
.voteing_title_box{
    position: relative;
}
.voteing_title{
    text-align: center;
    margin-bottom: 1rem;
    padding: 24px 0;
    font-size: 24px;
    font-weight: 600;
    color: #47d7ac;
    border-bottom: 3px solid #3DDFAE;
    border-top: solid 3px #3DDFAE;
}
.voteing_title_icon{
    position: absolute;
    top: -30px;
    left: calc(50% - 25px);
    padding: 0 8px;
    width: 66px;
    height: 50px;
    background-color: #fff;
}
.voteing_list{
    margin-bottom: 48px;
}
.voteing_item+.voteing_item{
    margin-top: 32px;
}
.voteing_item_content{
    position: relative;
    padding-left: 4px;
}
.voteing_item .pettalk_radio .form-check-input{
    margin-top: 8px;
}
.voteing_item_txt_box{
    display: flex;
    margin-bottom: 4px;
    align-items: center;
    position: relative;
}
.voteing_item_txt_box.champion .voteing_item_count{
    color: #3DDFAE;
    font-weight: 600;
}
.crown_icon{
    margin-right: 8px;
    margin-top: -2px;
}
.crown_icon img{
    width: 20px;
}
.voteing_item_txt{
    flex: 1;
    font-weight: 600;
    font-size: 20px;
}
.voteing_item_count{
    flex: 1;
    text-align: right;
    color: #8C8C8C;
    font-size: 14px;
}
.voteing_item_label{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.voteing_bar_bg{
    background-color: #fff;
    height: 8px;
    border-radius: 8px;
}
.voteing_bar_line{
    background-color: #3DDFAE;
    height: 8px;
    border-radius: 8px;
}
.voteing_btn{
    text-align: center;
}
.voteing_message{
    text-align: center;
    color: #3DDFAE;
    font-weight: 600;
}
.member_voteing_item{
    font-size: 14px;
    font-weight: 400;
    color: #8C8C8C;
    margin-top: 8px;
}
/*用line註冊的會員*/
.from_line_box{
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}
.from_line_city .district{
    display: none;
}
/*獸醫師投稿專區*/
.submit_doctor{
    margin-top: 64px;
}
.submit_doctor_name{
    margin-bottom: 48px;
}
.submit_doctor_name .doctor_name{
    display: flex;
    align-items: center;
}
.submit_doctor_name .doctor_name span{
    margin-left: 8px;
    font-size: 20px;
}
.submit_doctor_name .doctor_times{
    bottom: 8px;
}
.submit_doctor_name.doctor_info_box1 .doctor_photo{
    width: 200px;
    height: 200px;
}
.dictionary{
    text-align: center;
    color: #595959;
}
.dictionary span::before{
    content: "❝";
    margin-right: 4px;
    font-size: 20px;
}
.dictionary span::after{
    content: "❞";
    margin-left: 4px;
    position: relative;
    top: 8px;
    font-size: 20px;
}
/*寵物健保卡通用樣式*/
.my_swiper{
    position: relative;
}
.my_swiper .swiper-button-next,
.my_swiper .swiper-button-prev{    
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}
.my_swiper .swiper-button-next img,
.my_swiper .swiper-button-prev img{
    width: 100%;
}
.my_swiper .swiper-button-prev{
    left: -24px;
}
.my_swiper .swiper-button-next{
    right: -24px;
}
.my_swiper .swiper-button-next:after,
.my_swiper .swiper-button-prev:after{
    display: none;
}
.my_select{
    width:100%;
    border: solid 1px #D9D9D9;
    border-radius: 6px;
    padding: 9px 16px;
    font-size: 17px;
    color: #434343;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
    background-color: #fff;
	background-image: url("../img/furmi/down.svg");
	background-repeat: no-repeat;
    background-size: 19px;
    background-position: top 13px right 11px;
}
.my_select:focus{
    box-shadow: none;
    border: solid 1px #D9D9D9;
}
.my_form{
    max-width: 550px;
    margin-top: -24px;
    margin-left: auto;
    margin-right: auto;
}
.my_form_row{
    padding-top: 24px;
}
.my_form_row .form-label{
    margin-bottom: 8px;
}
.my_form_row .form-label .red{
    color: #FF5C70;
    margin-left: 2px;
    position: relative;
    top: 3px;
}
.my_form_btn{
    padding-top: 24px;
    text-align: center;
}
.control_grounp{
    margin-left: -8px;
    margin-right: -8px;
    align-items: center;
}
.control_grounp>div{
    padding-left: 8px;
    padding-right: 8px;
}
.my_city_select{
    margin-left: -4px;
    margin-right: -4px;
    margin-bottom: -8px;
}
.my_city_select>*{
    padding-left: 4px;
    padding-right: 4px;
    padding-bottom: 8px;
}
.my_city_select .input_text{
    width: 100%;
}
.form_check_group{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -24px;
}
.form_check_group .pettalk_radio{
    margin-right: 48px;
    padding-bottom: 24px;
}
.form_check_group .pettalk_checkbox{
    margin-right: 48px;
    padding-bottom: 24px;
}
.w-100{
    max-width: 100px;
}
/*table表格*/
.my_table_box{
    overflow-x: auto;
}
.my_table{
    width: 100%;
    min-width: 700px;
    text-align: center;
}
.my_table thead th {
    background-color: var(--furmi-second-color2);
    color: #fff;
    font-weight: 600;
    padding: 12px 16px;
    text-align: center;
    border: solid 1px var(--furmi-second-color);
}
.my_table td {
    padding: 12px 16px;
    text-align: center;
    border: solid 1px var(--furmi-second-color);
}
/*寵物健保卡*/
.furmicolor_btn{
    position: relative;
    width: fit-content;
    padding: 0 24px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.05rem;
    background-color: var(--furmi-main-color);
    border: none;
    border-radius: 60px;
    overflow: hidden;
}
.furmicolor_btn:hover{
    color: #fff;
}
.furmicolor_btn::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--furmi-blue-color);
    transform: translateY(100%);
    transition: .2s;
    border-radius: 60px;
    z-index: 1;
}
.furmicolor_btn:hover::after{
    transform: translateY(0)
}
.furmicolor_btn span{
    position: relative;
    z-index: 2;
}
.furmicolor_btn:focus{
    box-shadow: none;
}
.furmicolor_btn.xs{
    height: 48px;
    border-radius: 48px;
}
.furmicolor_fu_btn{
    position: relative;
    width: fit-content;
    padding: 0 24px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.05rem;
    background-color: var(--furmi-orange-color2);
    border: none;
    border-radius: 60px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgb(2,44,60,.25);
    box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.3);
}
.furmicolor_fu_btn:hover{
    color: #fff;
}
.furmicolor_fu_btn::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--furmi-main-color);
    transform: translateY(100%);
    transition: .2s;
    border-radius: 60px;
    z-index: 1;
}
.furmicolor_fu_btn:hover::after{
    transform: translateY(0)
}
.furmicolor_fu_btn span{
    position: relative;
    z-index: 2;
}
.furmicolor_fu_btn:focus{
    box-shadow: none;
}
.furmicolor_fu_btn.xs{
    height: 48px;
    border-radius: 48px;
}
.furmi_page+footer{
    margin-top: 0;
}
.furmi_banner_box{
    position: relative;
    background-image: url(../img/furmi/furmi-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: calc(100vh - 80px);
}
.furmi_banner_pet{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.furmi_banner_pet img{
    width: 100%;
}
.furmi_banner_point1{
    position: absolute;
    left: 15%;
    top: 128px;
}
.furmi_banner_point1 img{
    animation: swing 3.5s ease-in-out infinite; /* 無限次重複 */
}
@keyframes swing {
    0% { transform: rotate(0deg); }
    10% { transform: rotate(13deg); }
    18% { transform: rotate(-13deg); }
    26% { transform: rotate(10deg); }
    40% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}
.furmi_banner_point2{
    position: absolute;
    right: 15%;
    top: 128px;
}
.furmi_banner_point2 img{
    animation: swing2 3.5s ease-in-out infinite; /* 無限次重複 */
}
@keyframes swing2 {
    0% { transform: rotate(0deg); }
    15% { transform: rotate(13deg); }
    23% { transform: rotate(-13deg); }
    31% { transform: rotate(10deg); }
    40% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
}
.furmi_banner_bg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    display: none;
}
.furmi_banner_bg img{
    transition: .2s;
}
.furmi_banner_box.active .furmi_banner_bg img{
    transform: translateY(100%);
}
.furmi_banner_bg img{
    width: 100%;
}
.furmi_banner{
    position: relative;
}
.furmi_banner_img{
    height: 600px;
}
.furmi_banner_content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 48px;
    z-index: 2;
}
.furmi_banner_txt{
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 48px;
    color: var(--furmi-orange-color);
    letter-spacing: 0.1rem;
    background: #fff;
    padding: 8px 24px;
    border-radius: 24px;
    background: rgba( 255, 255, 255, 0.5 );
    box-shadow: 0 4px 16px 0 rgba( 31, 38, 135, 0.15 );
    backdrop-filter: blur( 2px );
    -webkit-backdrop-filter: blur( 2px );
    border: 1px solid rgba( 255, 255, 255, 0.2 );
}
.furmi_banner_txt_fu {
    font-weight: 600;
    font-size: 18px;
    margin-top: 40px;
    letter-spacing: 0.05rem;
    line-height: 2;
    text-align: center;
    background-image: linear-gradient(to top, rgba( 255, 255, 255, 0.5 ) 0%, rgba( 255, 255, 255, 0 ) 100%);
    padding: 12px 24px;
    border-radius: 40px;
}
.furmi_banner_btn{
    margin-top: 64px;
}
.furmi_banner_btn .btn{
    width: 250px;
}
.brand_banner_scroll{
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    z-index: 3;
    cursor: pointer;
    padding-bottom: 8px;
}
.scroll_txt{
    font-size: 13.5px;
    letter-spacing: 0.05rem;
    font-weight: 600;
    color: var(--furmi-font-color2);
}
.brand_banner_scroll_a{
    font-size: 24px;
    text-align: center;
}
.brand_banner_scroll_a img{
    width: 16px;
}
.brand_banner_scroll_a span{
    display: flex;
    justify-content: center;
    transform: translateY(5px);
    animation: scrollDown 2s linear infinite;
}
@keyframes scrollDown {
    0% {
        transform: translateY(5px);
    }
    50% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(5px);
    }
}
/*furmi-banner*/
.AD_banner_item{
    display: block;
}
.AD_banner_item+.AD_banner_item{
    margin-top: 8px;
}
.AD_banner_item img{
    width: 100%;
}
/*furmi-會員*/
.furmi_mamber_box{
    padding-top: 48px;
    /* padding-bottom: 32px; */
}
/* .furmi_banner_box.active+.furmi_mamber_box{
    background-color: var(--furmi-main-color);
} */
.furmi_card:focus-visible{
    outline: none;
}
.furmi_card_box{
    padding-top: 48px;
    padding-bottom: 32px;
}
.furmi_mamber_row{
    display: flex;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    background: #fafaf9;
    background-image: linear-gradient(0deg, #E9F5F5 00%, #fafaf9 80%);
    padding: 32px 40px;
    border-radius: 16px;
}
.furmi_mamber_img{
    width: 120px;
    padding: 6px;
    border-radius: 50%;
    background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}
.furmi_mamber_img .bg{
    padding-bottom: 100%;
    border-radius: 50%;
}
.furmi_mamber_card_body{
    padding-left: 24px;
}
.furmi_mamber_name{
    font-weight: 600;
    color: var(--furmi-font-color);
    font-size: 24px;
}
.furmi_mamber_info{
    display: flex;
    font-size: 18px;
    margin-top: 20px;
}
.furmi_mamber_card_tip{
    font-size: var(--furmi-font-color2);
    font-size: 14px;
    margin-top: 12px;
}
.furmi_mamber_card_tip a{
    color: var(--furmi-orange-color);
    text-decoration: underline;
}
.furmi_mamber_item .title{
    height: 30px;
    border-radius: 4px;
    padding: 0 16px;
    background-color: var(--furmi-orange-color);
    color: #fff;
    font-weight: 600;
    margin-right: 8px;
}
.furmi_mamber_item+.furmi_mamber_item{
    margin-left: 64px;
}
.furmi_card{
    /* background-color: var(--furmi-yellow-color);
    background-image: url(../img/furmi/furmi-card-bg.png);
    background-position: bottom center;
    background-size: 100% auto;
    background-repeat: no-repeat; */
    background-color: var(--furmi-main-color);
    border-radius: 16px;
    padding: 28px 32px 32px 32px;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}
.furmi_card_img{
    width: 120px;
    padding: 6px;
    border-radius: 50%;
    background-color: #fff;
}
.furmi_card_img .bg{
    padding-bottom: 100%;
    border-radius: 50%;
}
.furmi_card_body{
    padding-left: 24px;
    color: #fff;
    flex: 1;
}
.furmi_card_petname{
    font-size: 20px;
    margin-bottom: 16px;
    font-weight: 600;
}
.furmi_card_petinfo_item+.furmi_card_petinfo_item{
    margin-top: 4px;
}
.furmi_card_petinfo_item .title{
    height: 30px;
    border-radius: 4px;
    padding: 0 16px;
    background-color: var(--furmi-orange-color);
    color: #fff;
    font-weight: 500;
    margin-right: 8px;
}
.furmi_card_petinfo_item .txt{
    font-weight: 500;
}
.furmi_benefit_block{
    position: relative;
    padding-top: 64px;
    padding-bottom: 64px;
}
.furmi_benefit_content{
    display: flex;
    align-items: center;
}
.furmi_benefit_img_box{
    width: 45%;
}
.furmi_benefit_img img{
    width: 100%;
}
.furmi_benefit_body{
    flex: 1;
    padding: 48px;
}
.furmi_benefit_block.customer{
    background-image: url(../img/furmi/furmi_benefit-dog.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.furmi_benefit_title{
    position: relative;
    margin-bottom: 40px;
    font-weight: 600;
    line-height: 1.4;
    background-image: url(../img/furmi/paw.svg);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 32px;
    padding-left: 32px;
    background-size: 64px;
    margin-top: -32px;
    margin-left: -32px;
    color: var(--furmi-second-color2);
}
.furmi_benefit_item+.furmi_benefit_item{
    margin-top: 48px;
}
.furmi_benefit_item{
    display: flex;
}
.furmi_benefit_item_img{
    width: 64px;
}
.furmi_benefit_item_img img{
    width: 100%;
}
.furmi_benefit_item_body{
    flex: 1;
    padding-left: 24px;
}
.furmi_benefit_item_body .title{
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 20px;
    color: var(--furmi-font-color);
}
.furmi_benefit_item_body p{
    margin-bottom: 0;
    line-height: 1.7;
    letter-spacing: 0.05rem;
}
.furmi_benefit_block.doctor{
    position: relative;
    background-color: var(--furmi-blue-color);
    background-image: linear-gradient(-25deg, #e5f5f4 0%, #fefffc 100%);
}
.furmi_benefit_block.doctor .furmi_benefit_content{
    flex-direction: row-reverse;
    position: relative;
    z-index: 2;
}
.furmi_benefit_block.doctor .furmi_benefit_item+.furmi_benefit_item{
    margin-top: 24px;
}
.furmi_benefit_block.doctor .furmi_benefit_item{
    margin-left: -24px;
    margin-right: -24px;
    background-color: #fff;
    border-radius: 16px;
    padding: 16px 24px;
    box-shadow: -2px 2px 10px 0 rgba(161, 230, 229, 0.15);
}
.furmi_benefit_block .paws{
    position: absolute;
    width: 80px;
    top: 50%;
    transform: translateY(-50%);
}
.furmi_benefit_block .paws img{
    width: 100%;
}
.furmi_benefit_block.doctor .paws{
    right: 128px;
}
.furmi_benefit_block.case{
    background-image: linear-gradient(to left, #F4FBF8 0%, #FBFEFB 100%);
}
.furmi_benefit_block.case .furmi_benefit_content{
    align-items: flex-start;
}
.furmi_benefit_block.case .paws{
    right: 128px;
    top: 384px;
}
.furmi_benefit_block.case .furmi_benefit_img_box{
    padding-top: 64px;
}
.furmi_block_title{
    margin-bottom: 48px;
}
.furmi_block_title h2{
    width: fit-content;
    background-image: url(../img/furmi/paw.svg);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 36px;
    padding-left: 32px;
    padding-right: 32px;
    background-size: 64px;
    font-size: 40px;
    margin-top: -16px;
    color: var(--furmi-second-color2);
}
.furmi_block_title.center h2{
    margin-left: auto;
    margin-right: auto;
}
.furmi_block_title_xs{
    margin-bottom: 32px;
    color: var(--furmi-main-color);
    font-weight: 600;
}
.furmi_block_title_xs.center{
    text-align: center;
}
.furmi_block_title_xs .icon{
    margin-right: 4px;
}
.furmi_block_title_xs .icon img{
    width: 24px;
    margin-top: -3px;
}
.furmi_page_title{
    margin-bottom: 48px;
}
.furmi_page_title_img{
    position: absolute;
    top: -110px;
    right: 13%;
    width: 50%;
    max-width: 700px;
}
.furmi_page_title_img img{
    width: 100%;
}
.furmi_page_title h1{
    width: fit-content;
    background-image: url(../img/furmi/paw.svg);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 36px;
    padding-left: 32px;
    padding-right: 32px;
    background-size: 64px;
    font-size: 44px;
    line-height: 1.3;
    letter-spacing: 0.1rem;
    color: var(--furmi-second-color2);
}
.furmi_doctor_box{
    position: relative;
    padding-top: 64px;
    padding-bottom: 64px;
    background-image: url(../img/furmi/fumi_video-img.png), url(../img/furmi/fumi_video-img2.png);
    background-repeat: no-repeat;
    background-position: right center, left center;
    background-size: auto 90%;
}
.furmi_doctor_video_box{
    padding: 48px;
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    background-image: linear-gradient(-25deg, #e5f5f4 0%, #F7F6E1 100%);
    border-radius: 40px;
    box-shadow: -2px 2px 10px 0 rgba(161, 230, 229, 0.15);
}
.furmi_doctor_video{
    position: relative;
    padding-bottom: 56.1%;
    width: 100%;
    height: 0;
    border-radius: 4px;
    overflow: hidden;
}
.furmi_doctor_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.furmi_grade_box{
    background-image: linear-gradient(-25deg, #e5f5f4 0%, #fefffc 100%);
    padding-top: 64px;
    padding-bottom: 64px;
    position: relative;
}
.furmi_grade_bg{
    position: absolute;
    height: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
}
.furmi_grade_bg img{
    height: 100%;
}
.furmi_grade_bg2{
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.furmi_grade_bg2 img{
    width: 100%;
}
.furmi_grade_box .pettalk_container{
    position: relative;
    z-index: 2;
}
.furmi_grade_list{
    display: flex;
    justify-content: center;
}
.furmi_grade_item{
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    max-width: 650px;
}
.furmi_grade_card{
    background-color: #fff;
    border-radius: 16px;
    box-shadow: -2px 2px 10px 0 rgba(161, 230, 229, 0.15);
    overflow: hidden;
}
.furmi_grade_btn{
    margin-top: 32px;
}
.furmi_grade_btn .btn{
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}
.furmi_grade_header{
    position: relative;
    padding: 32px 40px 0 40px;
}
.furmi_grade_header::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 64px 0 0 64px;
    border-color: var(--furmi-yellow-color) transparent transparent;  
}
.furmi_grade_title{
    font-size: 32px;
    font-weight: 600;
    color: var(--furmi-main-color);
}
.furmi_grade_price{
    font-size: 20px;
    font-weight: 600;
    color: var(--furmi-font-color);
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 16px;
    margin-top: 8px;
}
.furmi_grade_price .day{
    margin-left: 16px;
    font-size: 16px;
    font-weight: 500;
}
.furmi_grade_body{
    padding: 24px 40px 40px 40px;
}
.furmi_grade_privileges{
    font-size: 15px;
}
.furmi_grade_privileges>li{
    line-height: 1.7;
    text-align: justify;
    background-image: url(../img/furmi/check-circle.svg);
    background-repeat: no-repeat;
    background-position: left top 6px;
    background-size: 14px;
    padding-left: 20px;
}
.furmi_grade_privileges>li+li{
    margin-top: 8px;
}
.furmi_grade_item.higher .furmi_grade_header{
    background-image: linear-gradient(-30deg, #81dfe3 0%, #022c3c 90%);
}
.furmi_grade_item.higher .furmi_grade_header::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    border: none;
    background-image: url(../img/furmi/grade-cat.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 150px;
}
.furmi_grade_item.higher .furmi_grade_title{
    color: var(--furmi-second-color);
    color: #fff;
}
.furmi_grade_item.higher .furmi_grade_price{
    border: none;
    color: #fff;
}
.furmi_about_box{
    position: relative;
    overflow: hidden;
    padding-top: 64px;
    padding-bottom: 32px;
}
.furmi_about_box .pettalk_container{
    position: relative;
    z-index: 10;
}
.furmi_about_list .furmi_block_title{
    display: none;
}
.furmi_about_item_bg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: .3s;
}
.furmi_easy_bg{
    background-image: url(../img/furmi/furmi-about-1-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    background-attachment: fixed;
}
.furmi_trust_bg{
    background-color: #E8F6F5;
    background-image: url(../img/furmi/furmi-about-2-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    background-attachment: fixed;
}
.furmi_proactive_bg{
    background-image: url(../img/furmi/furmi-about-3-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    background-attachment: fixed;
}
.furmi_digits_bg{
    background-color: #E8F6F5;
    background-image: url(../img/furmi/furmi-about-4-bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    background-attachment: fixed;
}
.furmi_about_list.easy~.furmi_easy_bg{
    opacity: 1;
}
.furmi_about_list.trust~.furmi_trust_bg{
    opacity: 1;
}
.furmi_about_list.proactive~.furmi_proactive_bg{
    opacity: 1;
}
.furmi_about_list.digits~.furmi_digits_bg{
    opacity: 1;
}
/* .furmi_about_height{
    height: 2500px;
}
.furmi_about_box .pettalk_container{
    position: sticky;
    height: 500px;
    top: 128px;
    width: 100%;
    background-color: var(--furmi-main-color);
} */
.furmi_about_item{
    display: flex;
    align-items: center;
    padding-top: 32px;
    padding-bottom: 32px;
    min-height: 80vh;
}
.furmi_about_card{
    display: flex;
    align-items: center;
}
.furmi_about_img{
    max-width: 45%;
    height: 500px;
    text-align: right;
}
.furmi_about_img img{
    max-width: 100%;
    max-height: 100%;
    transform: translateX(100%);
    opacity: 0;
    transition: .6s;
}
.furmi_about_body{
    flex: 1;
    /* transform: translateX(-100%); */
    opacity: .4;
    transition: .3s;
    padding-right: 64px;
    padding-bottom: 48px;
}
.furmi_about_title{
    /* font-weight: 600;
    color: var(--furmi-second-color2);
    margin-bottom: 24px;
    width: 100%;
    max-width: 550px; */
    position: relative;
    margin-bottom: 40px;
    font-weight: 600;
    line-height: 1.4;
    background-image: url(../img/furmi/paw.svg);
    background-repeat: no-repeat;
    background-position: top left;
    padding-top: 32px;
    padding-left: 32px;
    background-size: 64px;
    margin-top: -32px;
    margin-left: -32px;
    color: var(--furmi-second-color2);
}
.furmi_about_brief{
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: 0.05rem;
    width: 100%;
    max-width: 550px;
    text-align: justify;
}
.furmi_about_brief_fu{
    font-size: 18px;
    line-height: 1.8;
    letter-spacing: 0.05rem;
    width: 100%;
    max-width: 550px;
    text-align: justify;
}
.furmi_about_item.active .furmi_about_img img{
    transform: translateX(0);
    opacity: 1;
} 
.furmi_about_item.active .furmi_about_body{
    /* transform: translateX(0); */
    opacity: 1;
} 
.furmi_scratch_title{
    background-color: var(--furmi-main-color);
    color: #fff;
    padding: 10px 24px 8px 24px;
    border-radius: 12px;
    margin-left: 12px;
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
}
.furmi_scratch_prize{
    font-size: 20px;
    margin-left: 16px;
}
.furmi_scratch_prize li{
    display: flex;
}
.furmi_scratch_prize li+li{
    margin-top: 16px;
}
.furmi_scratch_prize li::before{
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--furmi-font-color);
    margin-right: 12px;
    position: relative;
    top: 12px;
}
.case_list{
    padding-right: 16px;
    padding-left: 24px;
    padding-right: 24px;
}
.case_item+.case_item{
    margin-top: 24px;
}
.case_card {
    margin-left: -24px;
    margin-right: -24px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(161, 230, 229, 0.15) -2px 2px 10px 0px;
    border-radius: 16px;
}
.case_card_title{
    display: flex;
    position: relative;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    text-align: justify;
    padding: 16px 48px 16px 16px;
}
.case_card_title .icon img{
    width: 24px;
    margin-right: 8px;
}
.case_card_title::after{
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 16px;
    height: 16px;
    background-image: url(../img/furmi/chevron-down.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: center;
    opacity: .8;
    transition: all .2s;
}
.case_item.active .case_card_title::after{
    transform: rotate(180deg);
}
.case_card_title .txt{
    flex: 1;
    font-size: 18px;
    font-weight: 600;
}
.case_card_title img{
    margin-right: 16px;
    width: 30px;
}
.case_card_body{
    padding: 0 24px 16px 24px;
}
.case_card_body p {
    margin-bottom: 0px;
    line-height: 1.7;
    letter-spacing: 0.05rem;
    text-align: justify;
}
.case_card_name{
    margin-bottom: 8px;
    color: var(--furmi-second-color2);
}
.furmi_cta{
    position: fixed;
    right: 0;
    bottom: 60px;
    z-index: 500;
}
.furmi_cta_btn{
    position: relative;
    background-color: var(--furmi-orange-color2);
    color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 4px 0 0 4px;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    padding: 32px 16px;
    font-weight: 600;
    transition: all .2s;
}
.furmi_cta_btn:hover{
    color: #fff;
}
.furmi_cta_btn .icon{
    width: 30px;
    position: absolute;
    top: -16px;
    left: 12px;
}
.furmi_cta_btn:hover .icon{
    transform-origin: bottom center;
    animation: shake 0.3s ease-in-out;
}
@keyframes shake {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(8deg); }
    50% { transform: rotate(-8deg); }
    75% { transform: rotate(8deg); }
    100% { transform: rotate(0deg); }
}
.furmi_cta_btn .icon img{
    width: 100%;
}
/* .furmi_painpoint_box{
    position: relative;
    padding-top: 64px;
    padding-bottom: 64px;
    background-image: url(../img/furmi/fumi_video-img.png), url(../img/furmi/fumi_video-img2.png);
    background-repeat: no-repeat;
    background-position: right center, left center;
    background-size: auto 90%;
} */
/* .furmi_painpoint_list{
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    margin: 0 auto -24px auto;
} */
/* .furmi_painpoint_card{
    width: 100%;
    border: solid 1px var(--furmi-second-color2);
    padding: 32px 40px 40px 40px;
    border-radius: 24px;
    box-shadow: -2px 2px 10px 0 rgba(161, 230, 229, 0.15);
    background-color: #fff;
}
.furmi_painpoint_card.good{
    background-color: var(--furmi-orange-color2);
    border: solid 1px var(--furmi-orange-color2);
    color: #fff;
} 
.furmi_painpoint_card.good .furmi_painpoint_title{
    border-bottom: solid 1px #fff;
}
.furmi_painpoint_compare{
    text-align: center;
    font-size: 18px;
}
.furmi_painpoint_compare li+li{
    margin-top: 12px;
}*/
.furmi_painpoint_box{
    position: relative;
    display: flex;
    min-height: calc(100vh - 80px);
    background-image: url(../img/furmi/furmi_painpoint_nofurmi.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% auto;
    background-position: center;
    overflow: hidden;
}
.furmi_painpoint_box::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
    z-index: 1;
}
.furmi_painpoint_box>div{
    position: relative;
    padding-top: 64px;
    padding-bottom: 64px;
    z-index: 2;
    display: flex;
    align-items: center;
}
.furmi_painpoint_nofurmi{
    width: 50%;
    padding-left: calc(50vw - 720px);
    padding-right: 40px;
}
.furmi_painpoint_nofurmi .furmi_painpoint_title{
    color: var(--furmi-second-color);
    text-shadow: 1px 1px 5px rgb(0 0 0 / 15%);
}
.furmi_painpoint_furmi{
    flex: 1;
    background-color: var(--furmi-orange-color2);
    margin-right: calc(50vw - 780px);
    /* background-image: linear-gradient(to right, var(--furmi-orange-color2) 80%, transparent 80%); */
    padding-right: 40px;
    padding-left: 40px;
    box-shadow: 0 0 20px rgb(0 0 0 / 25%);
}
.furmi_painpoint_content{
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}
.furmi_painpoint_item{
    display: flex;
    padding-left: 12px;
}
.furmi_painpoint_item::before{
    content: "";
    width: 14px;
    height: 14px;
    background-color: #fff;
    display: block;
    margin-right: 14px;
    position: relative;
    top: 5px;
}
.furmi_painpoint_furmi .furmi_painpoint_item::before{
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    background-color: transparent;
    background-image: url(../img/furmi/check-circle-yellow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 4px;
    margin-right: 12px;
}
.furmi_painpoint_furmi .furmi_painpoint_item{
    color: #f5f5f5;
}
.furmi_painpoint_item+.furmi_painpoint_item{
    margin-top: 24px;
}
.furmi_painpoint_item .title{
    flex: 1;
}
.furmi_painpoint_item_img {
    width: 64px;
}
.furmi_painpoint_item_img img {
    width: 100%;
}
.furmi_painpoint_item_body {
    flex: 1;
    padding-left: 24px;
}
.furmi_painpoint_title{
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 40px;
    line-height: 1.3;
}
.furmi_painpoint_title span{
    font-size: 16px;
    font-weight: 400;
    display: block;
}
/*申辨毛孩健保卡*/
.furmi_page{
    min-height: calc(100vh - 80px - 52px);
}
.order_step{
    margin-left: auto;
    margin-right: auto;
    padding-top: 32px;
    width: 100%;
    max-width: 700px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 28px;
    margin-bottom: 64px;
}
.order_step_item{
    width: fit-content;
    padding-left: 8px;
    padding-right: 8px;
}
.between_order_step{
    flex: 1;
    height: 1px;
    background-color: var(--furmi-main-color);
}
.order_step_item_content{
    position: relative;
}
.order_step_item_num{
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #e5e5e5;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: double 4px #fff;
    letter-spacing: 0;
    font-size: 14px;
}
.order_step_item_txt{
    position: absolute;
    bottom: -28px;
    word-break: keep-all;
    width: fit-content;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #c5c5c5;
    font-size: 15px;
}
.order_step_item.active .order_step_item_num{
    background-color: var(--furmi-main-color);
    border: double 4px #e5e5e5;
}
.order_step_item.active .order_step_item_txt{
    color: var(--furmi-main-color);
}
.furmi_chose_pet_box{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    /* padding: 52px 48px 48px 48px;
    background-image: linear-gradient(-25deg, #e5f5f4 0%, #F7F6E1 100%);
    border-radius: 40px;
    box-shadow: -2px 2px 10px 0 rgba(161, 230, 229, 0.15); */
}
.furmi_chose_pet_box .my_select{
    max-width: 250px;
    margin: 0 auto;
}
.furmi_chose_pet_tips{
    text-align: center;
}
.furmi_chose_pet_tips a{
    color: var(--furmi-second-color2);
    text-decoration: underline;
    margin: 0 4px;
}
.furmi_chose_pet_tips .icon{
    margin-bottom: 24px;
}
.furmi_chose_pet_tips .icon img{
    width: 48px;
}
.furmi_apple_dashboard{
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 6px rgb(0 0 0 / 16%);
}
.furmi_apple_dashboard+.furmi_apple_dashboard{
    margin-top: 32px;
}
.simple_bg_title{
    border-bottom: solid 1px #D9D9D9;
    padding: 16px 16px 12px 16px;
    font-weight: 600;
}
.cart_dashboard_body{
    padding: 16px;
}
.order_data_row+.order_data_row{
    margin-top: 16px;
    padding-top: 16px;
    border-top: solid 1px #D9D9D9;
}
.order_data_title{
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 600;
}
.order_data_title .red{
    color: #FF5C70;
    position: relative;
    top: 2px;
    margin-left: 4px;
}
.order_data_title_tips{
    color: var(--furmi-font-color2);
    font-size: 14px;
    font-weight: 400;
}
.furmi_apple_price_title{
    font-weight: 600;
    font-size: 24px;
    padding: 16px 16px 0 16px;
}
.furmi_apple_price_btn{
    margin-top: 24px;
}
.furmi_apple_price_btn .btn{
    width: 100%;
}
.furmi_apple_price_item{
    display: flex;
    justify-content: space-between;
}
.furmi_apple_price_item+.furmi_apple_price_item{
    margin-top: 16px;
}
.furmi_apple_price_box{
    position: sticky;
    top: 144px;
}
.furmi_success_pet_box{
    text-align: center;
}
.furmi_success_pet_btn{
    margin-top: 24px;
    text-align: center;
}
#furmi_card_Modal .modal-dialog{
    max-width: 700px;
}
#furmi_card_Modal .modal-body{
    padding: 0;
}
#furmi_card_Modal .btn-close{
    color: #fff;
    filter: invert(100%);
}
#furmi_card_Modal .furmi_card_petinfo{
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
    margin-bottom: -8px;
}
#furmi_card_Modal .furmi_card_petinfo_item{
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 8px;
}
#furmi_card_Modal .furmi_card_petinfo_item+.furmi_card_petinfo_item{
    margin-top: 0;
}
.furmi_card_row{
    display: flex;
    align-items: center;
    padding: 16px;
    background-color: var(--furmi-main-color);
    border-radius: .3rem .3rem 0 0;
}
.pet_medical_records_box{
    padding: 16px;
}
.pet_medical_records_box .my_table_box{
    margin-bottom: 32px;
}
.pet_medical_records_box .my_table{
    min-width: auto;
    font-size: 15px;
}
.pet_medical_records_box .my_table td,
.pet_medical_records_box .my_table th{
    text-align: left;
}
#furmi_card_Modal .page_box{
    padding-left: 16px;
    padding-right: 16px;
}
/*furmi義診*/
.force_look{
    position: relative;
    width: fit-content;
}
.force_look_btn{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pet_info_form .user_information_edit_photo{
    padding-bottom: 0;
}
.furmi_free_clinic_page{
    min-height: calc(100vh - 80px - 52px);
}
.furmi_free_clinic_page~.pattalk_footer{
    margin-top: 0;
}
.free_clinic_pet{
    padding: 16px;
    background-color: #F0FFF8;
    border: solid 1px #3DDFAE;
    text-align: center;
    width: 100%;
    max-width: 550px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px;
    border-radius: 4px;
}
.free_clinic_chose_pet{
    margin-bottom: 8px;
}
.furmi_clinic_pet{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.furmi_clinic_pet img{
    width: 100%;
    opacity: 0;
    transform: translateY(100%);
    animation: bounceUp .3s ease-out forwards;
}
@keyframes bounceUp {
    0% {
        opacity: 0;
        transform: translateY(100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.furmi_free_clinic_success{
    position: relative;
    background-image: url(../img/furmi/furmi-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 80px);
}
.free_clinic_success_content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10%;
    z-index: 10;
}
.free_clinic_success_title{
    position: relative;
    text-align: center;
    font-size: 60px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.1em;
    color: var(--furmi-orange-color);
}
.free_clinic_success_title::before {
    content: attr(data-txt);
    position: absolute;
    z-index: -1;
    -webkit-text-stroke: 12px #fff;
    text-stroke: 12px #fff;
    text-shadow: 3px 3px 15px rgb(0 0 0 / 15%);
}
.free_clinic_success_title span{
    word-break: keep-all;
}
.free_clinic_success_txt{
    margin-top: 16px;
    font-size: 20px;
    line-height: 1.7;
    letter-spacing: 0.05rem;
}
.free_clinic_success_btn{
    margin-top: 48px;
}
.free_clinic_success_btn .btn{
    width: 250px;
}
.free_clinic_success_logo{
    display: flex;
    align-items: baseline;
    margin-bottom: 64px;
}
.free_clinic_success_logo .logo img{
    height: 64px;
}
.free_clinic_success_logo .between{
    width: 20px;
    margin-left: 20px;
    margin-right: 20px;
}
.free_clinic_success_logo .between img{
    width: 100%;
}
.free_clinic_success_txt{
    font-weight: 600;
    margin-top: 24px;
}
.free_clinic_success_txt a{
    color: var(--furmi-second-color2);
}
.agreed_Modal .modal-dialog{
    max-width: 1000px;
}
.agreed_Modal .pivacy_content{
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
}
.agreed_Modal .pivacy_content p{
    font-size: 16px;
    margin-bottom: 1.5rem;
}
.agreed_Modal .pivacy_content h4 {
    font-size: 17px;
}
.agreed_Modal .pivacy_content h4:before {
    margin-left: -1.9em;
}
.agreed_Modal .pivacy_list {
    margin-left: 2.2em;
}
.agreed_Modal .modal-footer{
    background-color: #F0FFF8;
    justify-content: center;
    padding-bottom: 16px;
}
.agreed_Modal .modal-footer .pettalk_checkbox .form-check-label{
    color: var(--furmi-font-color);
    font-weight: 500;
}
/*合作動物醫院*/
.furmi_hospital_box{
    position: relative;
    padding-top: 64px;
    padding-bottom: 64px;
    background-image: linear-gradient(-25deg, #e5f5f4 0%, #fefffc 100%);
    overflow: hidden;
}
.furmi_hospital_img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 200px;
}
.furmi_hospital_img img{
    width: 100%;
}
.furmi_hospital_list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -24px;
    position: relative;
    z-index: 2;
}
.furmi_hospital_item{
    width: 33.333%;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 24px;
}
.furmi_hospital_card{
    position: relative;
    display: flex;
    width: 100%;
    background-color: #fff;
    border-radius: 16px;
    padding: 16px 24px 16px 20px;
    box-shadow: -2px 2px 10px 0 rgba(161, 230, 229, 0.15);
}
.furmi_hospital_item_img{
    /* position: absolute;
    top: -32px;
    left: 16px; */
    width: 48px;
}
.furmi_hospital_item_img img{
    width: 100%;
}
.furmi_hospital_item_body{
    padding-left: 16px;
}
.furmi_hospital_item_body p{
    margin-bottom: 0;
}
.furmi_hospital_name {
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 20px;
    color: var(--furmi-font-color);
}
.furmi_hospital_info li{
    display: flex;
    font-size: 14px;
}
.furmi_hospital_info li+li{
    margin-top: 4px;
}
.furmi_hospital_info li .title{
    border-radius: 8px;
    font-weight: 500;
    margin-right: 4px;
    /* width: 80px;
    text-align-last: justify; */
}
.more_btn{
    margin-top: 32px;
}
.more_btn .btn{
    width: 160px;
}
.petdata_info{
    background-color: var(--furmi-main-color);
    color: var(--furmi-second-color);
    padding-top: 48px;
    padding-bottom: 48px;
}
.petdata_info_name{
    text-align: center;
    margin-bottom: 8px;
}
.petdata_info_list{
    font-size: 14px;
    display: flex;
    justify-content: center;
    margin-left: -12px;
    margin-right: -12px;
}
.petdata_info_item{
    padding-left: 12px;
    padding-right: 12px;
}
/*寵物走失*/
.furmi_lost_box{
    position: relative;
    background-image: linear-gradient(-25deg, #e5f5f4 0%, #fefffc 100%);
    min-height: calc(100vh - 80px);
}
.furmi_lost_box .pettalk_container{
    position: relative;
    padding-bottom: 64px;
    min-height: calc(100vh - 80px);
    z-index: 2;
}
.furmi_lost_img{
    position: sticky;
    bottom: 0;
    right: 0;
    margin-left: auto;
    margin-top: -310px;
    width: fit-content;
    height: 300px;
    z-index: 1;
}
.furmi_lost_img img{
    height: 100%;
}
.furmi_lost_img2{
    position: sticky;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-top: -715px;
    width: fit-content;
    height: 715px;
    z-index: 1;
}
.furmi_lost_img2 img{
    height: 100%;
}
.furmi_search_box{
    margin-bottom: 24px;
}
.lost_list{
    display: flex;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: -40px;
}
.lost_item{
    width: 33.333%;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 40px;
}
.lost_card{
    background-color: #fff;
    border-radius: 16px;
    box-shadow: -2px 2px 10px 0 rgba(161, 230, 229, 0.15);
    overflow: hidden;
}
.lost_card_img_box{
    position: relative;
}
.lost_card_img{
    position: relative;
    height: 0;
    padding-bottom: 100%;
    background-color: #A5E7E1;
    z-index: 2;
}
.lost_card_img img{
    position: absolute;
    display: block;
    object-fit: contain;
    object-position: center center;
    height: 100%;
    width: 100%;
    max-width: 100%;
    transition: all .2s;
}
.lost_card_img_box .swiper-button-next, 
.lost_card_img_box .swiper-button-prev{
    background-color: #fff;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
    top: auto;
    bottom: 8px;
}
.lost_card_img_box .swiper-button-next:after, 
.lost_card_img_box .swiper-button-prev:after{
    width: 100%;
    display: none;
}
.lost_card_img_box .swiper-button-prev{
    left: auto;
    right: 40px;
}
.lost_card_img_box .swiper-button-next{
    right: 12px;
}
.lost_status{
    position: absolute;
    left: 12px;
    top: 12px;
    background-color: #000;
    color: #fff;
    font-weight: 500;
    margin-right: 8px;
    border-radius: 14px;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 24px;
    z-index: 2;
}
.lost_status.red{
    background-color: var(--furmi-orange-color);
}
.lost_status.blue{
    background-color: var(--furmi-blue-color);
}
.lost_status.green{
    background-color: var(--furmi-second-color2);
}
.lost_card_body {
    padding: 12px 20px 20px 20px;
    font-size: 15px;
}
.lost_card_name{
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 16px;
    color: var(--furmi-second-color2);
}
.lost_card_ownerinfo_box{
    margin-top: 20px;
}
.lost_card_owner{
    color: var(--furmi-second-color2);
    font-weight: 600;
    margin-bottom: 8px;
    font-size: 20px;
}
.lost_card_date{
    margin-top: 8px;
    font-size: 14px;
    color: var(--furmi-font-color2);
}
.lost_card_ownerinfo{
    background-color: #F0F9F7;
    padding: 12px 16px;
    border-radius: 8px;
}
.lost_card_ownerinfo li+li{
    margin-top: 4px;
}
.lost_card_ownerinfo li {
    display: flex;
    font-size: 14px;
}
.lost_card_ownerinfo li .title {
    font-weight: 600;
    margin-right: 4px;
}
.lost_card_ownerinfo li .txt {
    flex: 1;
}
.lost_card_owner_oth{
    font-weight: 600;
    padding-top: 8px;
    color: var(--furmi-second-color2);
}
.lost_card_describe{
    margin-top: 12px;
    text-align: justify;
    line-height: 1.7;
}
.lost_card_petinfo li+li{
    margin-top: 4px;
}
.lost_card_petinfo li{
    display: flex;
}
.lost_card_petinfo li::before{
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background-color: var(--furmi-second-color);
    display: block;
    margin-right: 8px;
    position: relative;
    top: 8px;
}
.lost_card_petinfo li .title {
    font-weight: 600;
    margin-right: 4px;
}
.lost_card_petinfo li .txt {
    flex: 1;
}
.lost_card_petinfo li.bonus::before{
    content: "";
    background-color: transparent;
    background-image: url(../img/furmi/coin.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: cover;
    top: 2px;
    left: -4px;
    margin-right: -1px;
}