.myPhoto {
    
}
    .myPhoto .case {
        margin-top: 0px;
        height: 180px;
        background-size: cover;
        text-shadow: rgba(0, 0, 0, 1) 0px 1px 2px;
    }
        .myPhoto .case .txtbottom {
            align-items: flex-end;
            bottom: 0px;
            box-sizing: border-box;
            color: rgb(255, 255, 255);
            display: flex;
            font-size: 12px;
            font-weight: 500;
            height: 28px;
            -webkit-box-pack: start;
            justify-content: flex-start;
            left: 0px;
            line-height: 1.2;
            position: absolute;
            text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 2px;
            width: 100%;
            background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
            padding: 0px 6px 6px;
        }
        .myPhoto .case .txttop-crown {
            float: left;
            background-image: url(/jQuery/img/crown.png);
            background-repeat: no-repeat;
            background-size: cover;
            width: 24px;
            height: 24px;
        }
        .myPhoto .case .txttop-diamond {
            float: left;
            background-image: url(/jQuery/img/diamond.png);
            background-repeat: no-repeat;
            background-size: cover;
            width: 24px;
            height: 24px;
        }
        .myPhoto .case .txttop-gold {
            float: left;
            background-image: url(/jQuery/img/gold.png);
            background-repeat: no-repeat;
            background-size: cover;
            width: 24px;
            height: 24px;
        }
        .myPhoto .case .txttop-silver {
            float: left;
            background-image: url(/jQuery/img/silver.png);
            background-repeat: no-repeat;
            background-size: cover;
            width: 24px;
            height: 24px;
        }
        .myPhoto .case .txttop-copper {
            float: left;
            background-image: url(/jQuery/img/copper.png);
            background-repeat: no-repeat;
            background-size: cover;
            width: 24px;
            height: 24px;
        }
            .myPhoto .case .txttop-new {
                float: right;
                background: #ffae34;
                border-bottom-left-radius: 2px;
                border-top-left-radius: 2px;
                color: #000;
                height: 16px;
                margin: 0;
                margin-left: 2px;
                overflow: hidden;
                text-align: center;
                width: 34px;
                font-size: 13px;
                font-weight: 700;
                letter-spacing: normal;
                line-height: 14px;
                text-shadow: none;
            }
            .myPhoto .case .txtbottom .left {
                box-sizing: border-box;
                -webkit-box-pack: start;
                justify-content: flex-start;
                padding-left: 2px;
                padding-right: 4px;
                white-space: nowrap;
                text-overflow: ellipsis;
                width: 70%;
                overflow: hidden;
            }
            .myPhoto .case .txtbottom .rightall {
                -webkit-box-align: center;
                align-items: center;
                box-sizing: border-box;
                display: flex;
                font-size: 10px;
                font-weight: 500;
                -webkit-box-pack: start;
                justify-content: flex-start;
                line-height: 1.2;
                padding-bottom: 1px;
                padding-right: 2px;
            }
                .myPhoto .case .txtbottom .rightall .right {
                    font-size: 12px;
                    float: right;
                    color: #ff0024;
                }
                /*ALN bz*/
                .myPhoto .case .txtbottom .rightall .right_bzfont {
                    font-size: 12px;
                    float: right;
                    color: #fa4904;
                }
            .myPhoto .case .txtbottom .rightall .right_stop {
                font-size:12px;
                float: right;
                color: #43ed43;
            }
                .myPhoto .case .txtbottom .rightall .right_show {
                    font-size: 12px;
                    float: right;
                    color: #69f4f9;
                }
                .myPhoto .case .txtbottom .rightall .right_leave {
                    font-size: 12px;
                    float: right;
                    color: #ffffff;
                }
            .myPhoto .case .txtbottom .rightall .right0 {
                background-color: #ff0024;
                width: 10px;
                height: 10px;
                box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px;
                border-radius: 5px;
                margin-bottom: 3px;
            }
            /*ALN bz*/
            .myPhoto .case .txtbottom .rightall .right_bz {
                background-color: #fa4904;
                width: 10px;
                height: 10px;
                box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px;
                border-radius: 5px;
                margin-bottom: 3px;
             }
            .myPhoto .case .txtbottom .rightall .right1 {
                background-color: #43ed43;
                width: 10px;
                height: 10px;
                box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px;
                border-radius: 5px;
                margin-bottom: 3px;
            }
            .myPhoto .case .txtbottom .rightall .right2 {
                background-color: #69f4f9;
                width: 10px;
                height: 10px;
                box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px;
                border-radius: 5px;
                margin-bottom: 3px;
            }
                .myPhoto .case .txtbottom .rightall .right3 {
                    background-color: #ffffff;
                    width: 10px;
                    height: 10px;
                    box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 4px;
                    border-radius: 5px;
                    margin-bottom: 3px;
                }
            .myPhoto .case .right_top {
                position:absolute;
                top:5px;
                right:5px;
                color: #FFBB00;
            }

    .myPhoto li  {
        font-size: 10px;
        color: #ffffff;
    }
    .myPhoto div {
        /*font-size: 10px;*/
        color: #ffffff;
        padding-right: 1px;
        padding-left: 1px;
    }

#mypanel.ui-panel {
    width: 12em;
}

#mypanel.ui-panel-closed {
    width: 0;
}

.ui-panel-position-left.ui-panel-display-reveal {
    left: 0;
}

.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open,
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
    left: 12em;
    right: -12em;
}

.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open, 
.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open, 
.ui-panel-dismiss-position-left.ui-panel-dismiss-open {
    left: 12em;
    right: -12em;
}

.ui-panel-animate.ui-panel-content-wrap-position-left.ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
    left: 0;
    right: 0;
    -webkit-transform: translate3d(12em,0,0);
    -moz-transform: translate3d(15em,0,0);
    transform: translate3d(12em,0,0);
}

.ui-panel-animate.ui-panel-content-fixed-toolbar-position-left.ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal{
    left: 0;
    right: 0;
    -webkit-transform: translate3d(12em,0,0);
    -moz-transform: translate3d(12em,0,0);
    transform: translate3d(12em,0,0);
}
.ui-bar-c {
    border: 1px solid #b3b3b3;
    background: #eee;
    color: #3e3e3e;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f0f0f0),to(#ddd));
    background-image: -webkit-linear-gradient(#f0f0f0,#ddd);
    background-image: -moz-linear-gradient(#f0f0f0,#ddd);
    background-image: -ms-linear-gradient(#f0f0f0,#ddd);
    background-image: -o-linear-gradient(#f0f0f0,#ddd);
    background-image: linear-gradient(#000000,#3e3e3e);
}
.ui-btn-up-c {
    border: 1px solid #ccc;
    background: #eee;
    font-weight: 700;
    color: #222;
    text-shadow: 0 1px 0 #fff;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f1f1f1));
    background-image: -webkit-linear-gradient(#fff,#f1f1f1);
    background-image: -moz-linear-gradient(#fff,#f1f1f1);
    background-image: -ms-linear-gradient(#fff,#f1f1f1);
    background-image: -o-linear-gradient(#fff,#f1f1f1);
    /*background-image: linear-gradient(#fff,#eccef7);*/
}
.ui-body-c, .ui-overlay-c {
    background-image: linear-gradient(#3e3e3e,#3e3e3e);
}
.ui-bar-a {
    border: 1px solid #3330;
    background: #111;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0px 0 #000;
    background-image: linear-gradient(#3e3e3e,#3e3e3e);
}
.ui-body-c .ui-link:visited{
    color:black;
}
.ui-body-c .ui-link {
    color: black;
}
.ui-btn-text{
    color:#3e3e3e;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color:#3e3e3e;
    border-color:#3e3e3e;
}
.ui-listview .ui-li > .ui-btn-text > a {
    background-color: #3e3e3e;
    color: #fff;
    text-shadow: 0 0 0;
}
.ui-listview .ui-li > span {
    z-index: 5;
    background-color: grey;
}
.ui-btn-inner {
   background-color: #3e3e3e;
}
.ui-btn-inner > span{
    color:#fff;
    text-shadow:0 0 0;
}
.ui-icon {
    background-color: grey;
}
.ui-header{
    border-color:#3e3e3e;
}
.frameLayout {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100%;
    display: none;
    z-index:101;
}

    .frameLayout.active {
        display: block;
    }

.framePlayer {
    width: 100vw;
    height: 100%;
}

iframe:focus {
    outline: none;
}

iframe[seamless] {
    display: block;
}