.appFrame {
    width: 100%;
    height: 550px;
    background: transparent;
}

.appList a {
    display: block;
    width: 100px;
    height: 100px;
    line-height: 80px;
    margin: 20px auto 20px auto;
    border: none !important;
}

.btn_1 {
    background: url("../assets/images/ring-1.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_1:hover {
    background: url("../assets/images/ring-2.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_1:active {
    background: url("../assets/images/ring-3.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}

.btn_2 {
    background: url("../assets/images/text-1.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_2:hover {
    background: url("../assets/images/text-2.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_2:active {
    background: url("../assets/images/text-3.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}



.btn_3 {
    background: url("../assets/images/voro-1.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_3:hover {
    background: url("../assets/images/voro-2.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_3:active {
    background: url("../assets/images/voro-3.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}



.btn_4 {
    background: url("../assets/images/vase-1.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_4:hover {
    background: url("../assets/images/vase-2.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_4:active {
    background: url("../assets/images/vase-3.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}



.btn_5 {
    background: url("../assets/images/stamp-1.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_5:hover {
    background: url("../assets/images/stamp-2.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_5:active {
    background: url("../assets/images/stamp-3.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}



.btn_6 {
    background: url("../assets/images/key_1.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_6:hover {
    background: url("../assets/images/key_2.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_6:active {
    background: url("../assets/images/key_3.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}



.btn_7 {
    background: url("../assets/images/light-1.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_7:hover {
    background: url("../assets/images/light-2.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_7:active {
    background: url("../assets/images/light-3.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}


.btn_8 {
    background: url("../assets/images/stamp2-1.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_8:hover {
    background: url("../assets/images/stamp2-2.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_8:active {
    background: url("../assets/images/stamp2-3.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}

.btn_9 {
    background: url("../assets/images/photo-1.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_9:hover {
    background: url("../assets/images/photo-2.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_9:active {
    background: url("../assets/images/photo-3.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}

.btn_10 {
    background: url("../assets/images/chain-1.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_10:hover {
    background: url("../assets/images/chain-2.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_10:active {
    background: url("../assets/images/chain-3.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}

.btn_11 {
    background: url("../assets/images/pencil-1.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_11:hover {
    background: url("../assets/images/pencil-2.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_11:active {
    background: url("../assets/images/pencil-3.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}

.btn_12 {
    background: url("../assets/images/bridge-1.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_12:hover {
    background: url("../assets/images/bridge-2.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_12:active {
    background: url("../assets/images/bridge-3.png") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}

.btn_v_1 {
    background: url("../assets/images/lowpoly-1.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_v_1:hover {
    background: url("../assets/images/lowpoly-2.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_v_1:active {
    background: url("../assets/images/lowpoly-3.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}



.btn_new {
    background: url("../assets/images/plus-1.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_new:hover {
    background: url("../assets/images/plus-2.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}
.btn_new:active {
    background: url("../assets/images/plus-3.jpg") no-repeat center center;
    -webkit-background-size: 100px 100px;
    background-size: 100px;
}

#app_container {
    position: relative;
    display: block;
    width: 1100px !important;
    height: 600px !important;
    border: none;
    margin: auto;
}

#memberFrame {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    z-index: 9999;
    padding: 25px;
    display: none;
}

#memberFrame iframe {
    width: 100%;
    height: 100%;
}

#memberFrame .frameClose {
    display: block;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    margin: 20px;
    background: #000;
    color: #fff;
    text-align: center;
    line-height: 20px;
    z-index: 10000;
    cursor: pointer;
    font-family: Hei;
    font-size: 16px;
}

.displayMemberFrame {
    display: block !important;
}

.displayMember {
    cursor: pointer;
}