@charset "utf-8";
/* CSS Document */

/*----------------------- Banner Frame -----------------------*/
/*------------------ .wrp-frame4 --------------------*/
.banner .wrp_frame.border-LT,
.banner .wrp_frame.border-RT {
    width: 9%;
    max-width: 100px;
    height: 100px;
    background-size: 100% auto;
    top: -26px;
}
.banner .wrp_frame.border-LB,
.banner .wrp_frame.border-RB {
    width: 4%;
    height: 34px;
    background-size: 100% 100%;
    bottom: -20px;
}
.banner .wrp_frame.border-LM,
.banner .wrp_frame.border-RM {
    width: 4%;
    top: 4%;
    bottom: 14px;
    background-size: 100% auto;
}
.banner .wrp_frame.border-LT { background-image: url(images/frame4_LT.png); left: -20px; }
.banner .wrp_frame.border-CT { background-image: url(images/frame4_CT.png); top: -20px; height: 62px; left: 6%; right: 6%; background-size: 100% auto; }
.banner .wrp_frame.border-RT { background-image: url(images/frame4_RT.png); right: -20px; }
.banner .wrp_frame.border-LM { background-image: url(images/frame4_LM.png); left: -16px; }
.banner .wrp_frame.border-RM { background-image: url(images/frame4_RM.png); right: -15px; }
.banner .wrp_frame.border-LB { background-image: url(images/frame4_LB.png); left: -16px; }
.banner .wrp_frame.border-CB { background-image: url(images/frame4_CB.png); bottom: -20px; height: 34px; }
.banner .wrp_frame.border-RB { background-image: url(images/frame4_RB.png); right: -15px;  }


@media (max-width: 1199px) {
    body.wrp-frame1 .banner .wrp_frame.border-LT,
    body.wrp-frame1 .banner .wrp_frame.border-RT {
        top: -25px;
    }
}

@media (max-width: 991px) {
    body.wrp-frame1 .banner .wrp_frame.border-LT {
        top: -24px;
        left: -19px;
    }
    body.wrp-frame1 .banner .wrp_frame.border-RT {
        top: -24px;
        right: -19px;
    }
}

@media (max-width: 767px) {
    body.wrp-frame1 .banner .wrp_frame {
        display: none;
    }
}

@media (max-width: 480px) {
}