@charset "utf-8";
/* CSS Document */
/*------------------ .header .wrp-deco --------------------*/
.header .wrp-deco.top {
    height: 121px;
    background-image: url(images/header_deco_top.png);
    z-index: 2;
}
.header .wrp-deco.bottom {
    height: 286px;
    background-image: url(images/header_deco_bottom.png);
}
.header .wrp-deco.avatar {
    width:311px;
    height:295px;
    background-image: url(images/header_deco_avatar.png);
    margin-left: -855px;
    top: 90px;
    left: 50%;
}
.header .wrp-deco.avatar.back {
    z-index:1;
}
.header .wrp-deco.avatar.front {
    z-index:202;
}


/*------------------ .side .wrp-deco --------------------*/
.side1 .wrp-deco.top,
.side2 .wrp-deco.top {
    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: 59px;
    background: url(images/side1_deco_bottom.png) no-repeat center top;
}
.side2 .wrp-deco.top {
    height: 70px;
    background-image: url(images/side2_deco_top.png);
    margin-bottom: -20px;
}
.side2 .wrp-deco.bottom {
    height: 59px;
    background-image: url(images/side2_deco_bottom.png);
}


/*------------------ .banner .wrp-frame --------------------*/
.banner .wrp_frame.border-LT,
.banner .wrp_frame.border-RT {
    width: 39px;
    height: 38px;
}
.banner .wrp_frame.border-LB,
.banner .wrp_frame.border-RB {
    width: 39px;
    height: 37px;
}
.banner .wrp_frame.border-CT,
.banner .wrp_frame.border-CB {
    height: 17px;
    left: 22px;
    right: 22px;
}
.banner .wrp_frame.border-LM,
.banner .wrp_frame.border-RM {
    width: 17px;
    top: 21px;
    bottom: 20px;
}
.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; }


/*------------------ .footer .wrp-deco --------------------*/
.footer .wrp-deco.top:before,
.footer .wrp-deco.top:after {
    content:"";
    width:150px;
    height:30px;
    position:absolute;
    top:0;
    display:block;
}
.footer .wrp-deco.top:before {
    background: url(images/footer_deco_top1.png) no-repeat 0 0;
    left:0;
}
.footer .wrp-deco.top:after {
    background: url(images/footer_deco_top2.png) no-repeat 0 0;
    right:0;
}
.footer .wrp-deco.bottom {
    width:100%;
    height:30px;
    background: url(images/footer_deco_bottom.png) repeat-x 0 0;
    position:absolute;
    bottom:0;
}



/*------------------ @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) {
}