.position_tip_cat{
    float: right;
    width: 100%;
    margin-top: 3.5%;
    padding: 1%;
    color: #fff;
    text-align: left;
    background: linear-gradient(to right,#ff88b0 0%,#fff 100%);
}
.position_tip_dog{
    float: right;
    width: 100%;
    margin-top: 3.5%;
    padding: 1%;
    color: #fff;
    text-align: left;
    background: linear-gradient(to right,#4ecbeb 0%,#fff 100%);
}
.position_tip_dog2{
    float: right;
    width: 100%;
    margin-top: 3.5%;
    padding: 1%;
    color: #fff;
    text-align: left;
    background: linear-gradient(to right,#fbba7a 0%,#fff 100%);
}
.position_tip{
    color: #fff;
    font-size: 1.2em;
}
#home_page{
    margin-left: 5%;
}
.content_guide{
    position: relative;
    float: right;
    width: 100%;
}
.logo_guide{
    width: 100%;
}
.logo_guide img{
    float: left;
    margin-left: 15%;
    margin-top: 2%;
    width: 7%;
}
.content_cat{
    width: 50%;
    height: 100%;
    border-left: 2px solid #f4deeb;
    border-right: 2px solid #f4deeb;
    margin: 0% 25% 0% 25%;
    padding-top: 4%;
    background-color: #f0fcfa;
}
.content_dog{
    width: 50%;
    height: 100%;
    border-left: 2px solid #a6f4f4;
    border-right: 2px solid #a6f4f4;
    margin: 0% 25% 0% 25%;
    padding-top: 4%;
    background-color: #f0fcfa;
}
.content_dog2{
    width: 50%;
    height: 100%;
    border-left: 2px solid #e7dcca;
    border-right: 2px solid #e7dcca;
    margin: 0% 25% 0% 25%;
    padding-top: 4%;
    background-color: #f0fcfa;
}
@media screen and (max-width: 600px){
    .position_tip_cat{
        float: right;
        width: 100%;
        margin-top: 1.5%;
        padding: 1%;
        color: #fff;
        text-align: left;
        background: linear-gradient(to right,#ff88b0 0%,#fff 100%);
    }
    .position_tip_dog{
        float: right;
        width: 100%;
        margin-top: 1.5%;
        padding: 1%;
        color: #fff;
        text-align: left;
        background: linear-gradient(to right,#4ecbeb 0%,#fff 100%);
    }
    .position_tip_dog2{
        float: right;
        width: 100%;
        margin-top: 1.5%;
        padding: 1%;
        color: #fff;
        text-align: left;
        background: linear-gradient(to right,#fbba7a 0%,#fff 100%);
    }
    .position_tip{
        color: #fff;
        font-size: 1em;
    }
    .logo_guide img{
        float: left;
        margin-left: 5%;
        margin-top: 2%;
        width: 7%;
    }
    .content_cat{
        width: 70%;
        height: 100%;
        border-left: 2px solid #f4deeb;
        border-right: 2px solid #f4deeb;
        margin: 0% 15% 0% 15%;
        padding-top: 4%;
        background-color: #f0fcfa;
        font-size: 0.8em;
    }
    .content_dog{
        width: 70%;
        height: 100%;
        border-left: 2px solid #a6f4f4;
        border-right: 2px solid #a6f4f4;
        margin: 0% 15% 0% 15%;
        padding-top: 4%;
        background-color: #f0fcfa;
    }
    .content_dog2{
        width: 70%;
        height: 100%;
        border-left: 2px solid #e7dcca;
        border-right: 2px solid #e7dcca;
        margin: 0% 15% 0% 15%;
        padding-top: 4%;
        background-color: #f0fcfa;
    }
}
.guide_title{
    width: 100%;
    font-size: 1.2em;
    margin: 2% auto;
}
.guide_duplicate_title{
    width: 100%;
    font-size: 1.1em;
}
.hr_cat{
    margin-top: 2%;
    width: 90%;
    border:2px dashed #e1e9ec;
    border-bottom:0;
    border-right:0;
    border-left:0;
}
.hr_dog{
    margin-top: 2%;
    width: 90%;
    border:2px dashed #d4ede9;
    border-bottom:0;
    border-right:0;
    border-left:0;
}
.hr_dog2{
    margin-top: 2%;
    width: 90%;
    border:2px dashed #dee7e6;
    border-bottom:0;
    border-right:0;
    border-left:0;
}
.ul_guide_content{
    width: 90%;
    background-color: #f0fcfa;
    padding: 3% 5% 5% 5%;
    text-align: left;
}
.ul_guide_content img{
    width: 80%;
    margin: 3% 10% 2% 10%;
}