@charset "utf-8";
/* CSS Document */
/*------------------ .header .wrp-deco --------------------*/
.header .wrp-deco.top,
.header .wrp-deco.bottom {
    pointer-events: none;
}

.header .wrp-deco.top {
    height: 61px;
    background-image: url(images/header_deco_top.png);
    z-index: 2;
}

.header .wrp-deco.bottom {
    height: 484px;
    background-image: url(images/header_deco_bottom.png);
}

.header .wrp-deco.avatar {
    width: 200px;
    height: 427px;
    background-image: url(images/header_deco_avatar.png);
    margin-left: -775px;
    top: 0;
    left: 50%;
}

.header .wrp-deco.avatar.back {
    z-index: 1;
}

.header .wrp-deco.avatar.front {
    z-index: 202;
}


/*------------------ .side .wrp-deco --------------------*/
.side1 .wrp-deco,
.side2 .wrp-deco {
    width: 100%;
    background-repeat: repeat-x;
}

.side1 .wrp-deco.top {
    height: 70px;
    background-image: url(images/side1_deco_top.png);
    margin-bottom: -20px;
}

.side1 .wrp-deco.bottom {
    height: 39px;
    background-image: url(images/side1_deco_bottom.png);
}

.side2 .wrp-deco.top {
    height: 70px;
    background-image: url(images/side2_deco_top.png);
    margin-bottom: -20px;
}

.side2 .wrp-deco.bottom {
    height: 39px;
    background-image: url(images/side2_deco_bottom.png);
}


/*------------------ .banner .wrp-frame --------------------*/
.banner .wrp_frame.border-LT,
.banner .wrp_frame.border-RT,
.banner .wrp_frame.border-LB,
.banner .wrp_frame.border-RB {
    width: 26px;
    height: 26px;
}

.banner .wrp_frame.border-CT,
.banner .wrp_frame.border-CB {
    height: 17px;
    left: 9px;
    right: 9px;
}

.banner .wrp_frame.border-LM,
.banner .wrp_frame.border-RM {
    width: 17px;
    top: 9px;
    bottom: 9px;
}

.banner .wrp_frame.border-LT {
    background-image: url(images/frame3_LT.png);
    left: -17px;
    top: -17px;
}

.banner .wrp_frame.border-CT {
    background-image: url(images/frame3_CT.png);
    top: -17px;
}

.banner .wrp_frame.border-RT {
    background-image: url(images/frame3_RT.png);
    right: -17px;
    top: -17px;
}

.banner .wrp_frame.border-LM {
    background-image: url(images/frame3_LM.png);
    left: -17px;
}

.banner .wrp_frame.border-RM {
    background-image: url(images/frame3_RM.png);
    right: -17px;
}

.banner .wrp_frame.border-LB {
    background-image: url(images/frame3_LB.png);
    left: -17px;
    bottom: -17px;
}

.banner .wrp_frame.border-CB {
    background-image: url(images/frame3_CB.png);
    bottom: -17px;
}

.banner .wrp_frame.border-RB {
    background-image: url(images/frame3_RB.png);
    right: -17px;
    bottom: -17px;
}


/*------------------ @media  --------------------*/
@media (max-width: 1199px) {
    .side1 .wrp-deco.top {
        background-size: 80% auto;
        height: 120px;
    }

    .main .side2 {
        padding-top: 20px;
    }

    .side2 .wrp-deco {
        display: none;
    }
}

@media (max-width: 991px) {
    .side1 .wrp-deco.top {
        background-size: auto auto;
        height: 80px;
        background-repeat: repeat-x;
    }

    .side1 .wrp-deco.bottom {
        display: none;
    }
}

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

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