@charset "utf-8";
@media(max-width: 1599px) {
    /*banner*/
    .banner_img{
        max-width: 800px;
    }
    .banner_txt{
        max-width: 600px;
    }
    .banner_title{
        font-size: 40px;
    }
    .banner_img img{
        margin-left: auto;
    }
    /*獸醫師公會*/
    .guild_txt{
        max-width: 600px;
        margin-left: auto;
    }
    .guild_desciption{
        padding-right: 10px;
    }
    /*功能大更新*/
    .update_txt{
        max-width: 600px;
    }
    .update_desciption{
        padding-left: 10px;
    }
}

@media(max-width: 1439px) {
    /*banner*/
    .banner_row {
        flex-wrap: wrap;
    }
    .banner_img {
        max-width: 700px;
        order: 2;
        margin-left: auto;
    }
    .banner_txt{
        position: relative;
        order: 1;
        width: 100%;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 24px;
    }
    .banner_decorate_1{
        left: -200px;
        width: 350px;
        height: 350px;
        bottom: 90px;
    }
    /*ev分布*/
    .distribution_box{
        background-image: url(../img/distribution-bg-xs.jpg);
        background-position: top right;
    }
}

/*xl以下*/
@media(max-width: 1199px) {
    /*banner*/
    .banner_box{
        margin-top: 16px;
    }
    .banner_img{
        margin-left: auto;
        margin-right: auto;
        order: 2;
    }
    .banner_title{
        text-align: center;
        margin-bottom: 0;
    }
    .banner_decorate_1{
        bottom: auto;
        top: 100px;
    }
    /*願景*/
    .vision_title h2{
        justify-content: center;
    }
    .vision_decorate_row{
        position: relative;
        justify-content: center;
        margin-top: 24px;
        order: 2;
    }
    .vision_title+.vision_img{
        display: none;
    }
    .vision_txt{
        position: relative;
        margin-right: auto;
        order: 1;
    }
    .vision_txt+.vision_img{
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    /*核心理念*/
    .core_ideology_content{
        padding-left: 32px;
        padding-right: 32px;
    }
    .core_ideology_list{
        margin-left: -16px;
        margin-right: -16px;
    }
    .core_ideology_item{
        padding-left: 16px;
        padding-right: 16px;
    }
}

/*lg以下*/
@media(max-width: 991px) {
    /*banner*/
    .banner_decorate_1{
        height: 60px;
        width: 60px;
        left: auto;
        top: 0px;
        right: 16px;
        display: none;
    }
    .banner_decorate_2{
        width: 100%;
        height: 75%;
        border-radius: 0;
    }
    /*Vetsion介紹*/
    .about_Vetsion_bg{
        padding-top: 48px;
        padding-bottom: 64px;
    }
    /*ev分布*/
    .distribution_box{
        background-image: url(../img/distribution-bg-mobile.jpg);
        padding-top: 48px;
        padding-bottom: 300px;
        background-position: center bottom;
        background-size: 100% auto;
    }
    .distribution_title{
        width: 100%;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
    .distribution_txt{
        width: 100%;
        max-width: 732px;
        margin-left: auto;
        margin-right: auto;
        background: rgba(255, 255, 255, 0.5);
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 16px;
    }
    .distribution_desciption {
        letter-spacing: 0.07rem;
    }
    /*核心理念*/
    .vision_box{
        padding-top: 48px;
        padding-bottom: 48px;
    }
    /*核心理念*/
    .core_ideology_box{
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .core_ideology_list{
        flex-wrap: wrap;
        margin-bottom: -40px;
    }
    .core_ideology_item{
        width: 50%;
        padding-bottom: 40px;
    }
    /*價目表*/
    .price_box{
        padding-top: 40px;
        padding-bottom: 40px;
    }
    /*聯絡方式*/
    .contact_box {
        padding-top: 40px;
        padding-bottom: 64px;
    }
}

/*md以下*/
@media(max-width: 767px) {
    .my_container{
        max-width: 1472px;
        padding-right: 16px;
        padding-left: 16px;
    }
}

/*sm以下*/
@media(max-width: 575px) {
    h1{
        font-size: 28px;
    }
    h2{
        font-size: 24px;
    }
    h3{
        font-size: 20px;
    }
    h4{
        font-size: 18px;
        line-height: 1.5;
    }
    /*header*/
    .page_header{
        padding-top: 12px;
        padding-bottom: 12px;
        box-shadow: 1px 1px 4px rgb(0 0 0 / 15%);
    }
    .header_logo{
        text-align: center;
    }
    .header_logo img {
        height: 36px;
    }
    /*footer*/
    .page_footer {
        padding-top: 32px;
        padding-bottom: 32px;
    }
    .lawyer{
        margin-bottom: 8px;
    }
    /*區塊標題*/
    .block_title{
        margin-bottom: 16px;
    }
    /*banner*/
    .banner_box{
        padding-bottom: 24px;
    }
    .banner_txt{
        padding: 8px 16px 16px 16px;
    }
    .banner_title{
        font-size: 24px;
        text-align: left;
    }
    .banner_title span{
        display: block;
        font-size: 36px;
        line-height: 1.2;
    }
    .banner_desciption{
        margin-top: 4px;
        line-height: 1.2;
        font-size: 18px;
        color: var(--font-color2);
    }
    /*Vetsion介紹*/
    .about_Vetsion_bg{
        padding-top: 24px;
        padding-bottom: 48px;
    }
    .about_Vetsion .block_title{
        border-radius: 0;
        width: initial;
        box-shadow: 4px 4px 0px var(--yellow-color);
        animation-delay: 500ms;
        padding-top: 2px;
    }
    .about_Vetsion .block_title .col:first-child{
        display: block;
        text-align: left;
    }
    .about_Vetsion .block_title .col:last-child{
        display: block;
        text-align: right;
    }
    .about_Vetsion .block_title span.name{
        font-size: 150%;
        margin-right: 4px;
        line-height: 1;
        text-shadow: 2px 2px 0px var(--yellow-color);
        font-family: 'Inder', sans-serif;
        font-style:italic;
    }
    .about_Vetsion_content{
        animation-delay: 600ms;
        -webkit-transform: translateY(50%);
        -moz-transform:translateY(50%);
        transform: translateY(50%);
    }
    @keyframes about_Vetsion_a{
        from{
            -webkit-transform: translateY(50%);
            -moz-transform:translateY(50%);
            transform: translateY(50%);
            opacity: 0;
        }
        to{
            -webkit-transform: translateY(0);
            -moz-transform:translateY(0);
            transform: translateY(0);
            opacity: 1;
        }
    }
    .EasyVet_to_Vetsion .EasyVet{
        width: 80px;
    }
    .EasyVet_to_Vetsion .Vetsion{
        width: 70px;
    }
    .to_line{
        height: 18px;
        background-size: auto 13px;
    }
    /*ev分布*/
    .distribution_box{ 
        padding-top: 32px;
        background-size: auto 400px;
    }
    .distribution_txt{
        max-width: 700px;
        background: transparent;
        padding: 0;
    }
    .distribution_desciption {
        letter-spacing: 0.07rem;
    }
    /*核心理念*/
    .core_ideology_title{
        margin-bottom: 24px;
        color: var(--main-color);
        font-weight: 700;
    }
    .core_ideology_content{
        padding: 24px 16px;
        background: rgba(255, 255, 255, 0.7);
    }
    .core_ideology_list{
        flex-wrap: wrap;
    }
    .core_ideology_item{
        width: 100%;
    }
    .core_ideology_item_title{
        margin-bottom: 16px;
    }
    /*功能大更新*/
    .update_img{
        border: solid 1px var(--bg-color);
    }
    /*價目表*/
    .price_table tbody td {
        padding: 4px 8px;
    }
    /*聯絡方式*/
    .contact_list{
        margin-left: -16px;
        margin-right: -16px;
    }
    .contact_item {
        padding-left: 16px;
        padding-right: 16px;
    }
    .contact_card{
        padding: 16px 16px 24px 16px;
    }
}

/*超窄*/
@media(max-width: 350px) {
}