/* shopping_body */
/* 細節一 */
.aside_shop0{
    width: 70vw;
    margin: 0 auto;
}
.aside_shop01{
    position: relative;
    align-items: center;
    width: 90%;
    margin: 60px auto;
}

.aside_shop02{
    width: 55%;
    position: absolute;
    line-height: 40px;
}

.aside_shop0 .aside_shop02 p{
    color: #035d86;
}

.aside_shop0p{
    font-weight: bold;
    font-size: 24px;
}

.aside_shop0 .aside_shop0pic{
    width: 50%;
    margin-left: auto;
}

.aside_shop0pic_0{
    width: 80%;
    margin: 0 auto;
}

.aside_shop0pic_0 img{
    width: 100%;
}

.aside_shop0 .aside_shop0pic img{
    width: 100%;
}

.shopping_body{
    color: #fff;
    line-height: 40px;
}

 /* 細節二 */
.shop_0{
    width: 100%;
    background-color: #fff;
    background: url("../image/bg_11.jpg") center center no-repeat;
    background-size: cover;
    /* filter: opacity(0.5); */
}

.shop_0a{
    width: 70vw;
    margin: 0 auto;
    padding: 60px 0;
    align-items: center;
    justify-content: center;
}

.shop_0aa{
    width:50%;
}

.shop_0aa img{
    width: 80%;
}

.shop_0ab{
    width:50%;
}

 /* 細節三 */
 .shop_1{
    width: 100%;
    height: 41vw;
    background-color: #0098da;
 }

.shop_1a{
    width: 70vw;
    margin: 0 auto;
    padding: 70px 0;
    text-align: center;
}

.shop_1aa {
    width: 100%;
    margin: 0 auto;
}

.shop_1aa img{
    width: 63%;
    /* box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.808); */
    filter: drop-shadow(0px 165px 12px rgba(0, 0, 0, 0.5));
}

.shop_1ab {
    width: 100%;
    position: absolute;
    top: 90%;
}

.shop_1ab p{
    width: 50%;
    margin: 0 auto;
}

/* 空白 */
.space{
    width: 100%;
    height: 10vw;
    line-height: 10vw;
    text-align: center;
    background-color: #fff;
}

.space a{
    padding: 10px 70px;
    color: #fff;
    transition: .3s;
    background-color: #0098da;
}

.space a:hover{
    background-color: #035d99;
}

.space_0{
    width: 100%;
    height: 10vw;
    line-height: 10vw;
    text-align: center;
}

.space_0 a{
    padding: 10px 70px;
    color: #fff;
    transition: .3s;
    background-color: #0098da;
}

.space_0 a:hover{
    background-color: #035d99;
}


/* 細節四 */
.shop_2{
    width: 100%;
    background-color: #fbfaf8;
}

.aside_shop0p_2{
    font-size: 18px;
}

/* 版本尺寸 */
@media screen and (min-width: 1920px){
    .shop_1 {
        height: 55vw;
    }
}
@media (min-width:1366px) and (max-width:1920px){
    .shop_0a {
        width: 80vw;
    }

    .shop_1 {
        height: 55vw;
    }
}
@media (min-width:1024px) and (max-width:1365px){
    .aside_shop0 {
        width: 100%;
    }

    .shop_1{
        height: 100%;
    }

    .shop_0a {
        display: block;
    }

    .shop_0aa {
        width: 100%;
        text-align: center;
    }

    .shop_0aa img {
        width: 45%;
    }    

    .shop_1aa img {
        width: 70%;
    }

    .shop_1aa img {
        filter: drop-shadow(0px 70px 12px rgba(0, 0, 0, 0.5));
    }

    .shop_0ab {
        width: 100%;
    }

    .shop_1ab {
        width: 100%;
        position: inherit;
        top: 0;
    }
}
@media (min-width:768px) and (max-width:1023px){
    .aside_shop0 {
        width: 100%;
    }

    .shop_1{
        height: 100%;
    }

    .shop_0a {
        display: block;
    }

    .shop_0aa {
        width: 100%;
        text-align: center;
    }

    .shop_1aa img {
        width: 70%;
    }

    .shop_1aa img {
        filter: drop-shadow(0px 70px 12px rgba(0, 0, 0, 0.5));
    }

    .shop_0ab {
        width: 100%;
    }

    .shop_1ab {
        width: 100%;
        position: inherit;
        top: 0;
    }
}

@media screen and (max-width: 767px){
/* @media (min-width:374px) and (max-width:767px){ */
    .aside_shop0 {
        width: 100%;
    }

    .aside_shop01{
        display: block;
    }

    .aside_shop0pic_0{
        display: block;
    }

    .aside_shop0 .aside_shop0pic {
        display: none;
    }

    .shop_1{
        height: 100%;
    }

    .shop_0a {
        display: block;
    }

    .shop_0aa {
        width: 100%;
        text-align: center;
    }

    .shop_1aa img {
        width: 100%;
    }

    .shop_1aa img {
        filter: drop-shadow(0px 70px 12px rgba(0, 0, 0, 0.5));
    }

    .shop_0ab {
        width: 100%;
    }

    .shop_1ab {
        width: 100%;
        position: inherit;
        top: 0;
    }

    .shop_1ab p {
        width: 100%;
    }

    .aside_shop02 {
        width: 90%;
        margin: 0 auto;
        position: inherit;
    }

    .space {
        margin: 15px auto;
    }
}
/* @media (min-width:374px) and (max-width:413px){} */