@charset "utf-8";
/* CSS Document by JOHN WONG */

.intro{
    display: none;
}

.jw_lightbox{
    position: fixed;
    top:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    z-index: 1000;
    background-color: rgba(0,0,0,.8);
}
.jw_lightbox .jw_swipe{
    position: relative;
    width:100%;
    height: 100%;
}
.jw_swipe ul{
    height:100%;
}
.jw_swipe li{
    position: absolute;
    top:0;
    width:100%;
    height: 100%;
    background: url(../images/loading.gif) no-repeat center center;
    background-size:22px 22px;
    text-align: center;
}
.jw_lightbox li .pinch-zoom{
    position: relative;
    left:0;
    top:0;
}
.jw_lightbox li img{
    display: block;
    width:100%;
    margin: 0 auto;
}

.logA{
    position: fixed;
    top:2px;
    left:2px;
    padding: 0 2px;
    font-size: 10px;
    line-height: 12px;
    color: #9cffb8;
    background-color: #000;
    z-index: 2000;
}
.logB{
    position: fixed;
    top:15px;
    left:2px;
    padding: 0 2px;
    font-size: 10px;
    line-height: 12px;
    color:fuchsia;
    background-color: #000;
    z-index: 2000;
}
.logC{
    position: fixed;
    top:28px;
    left:2px;
    padding: 0 2px;
    font-size: 10px;
    line-height: 12px;
    color:#fff601;
    background-color: #000;
    z-index: 2000;
}

.jw_lightbox .index_display{
    position: fixed;
    bottom:10px;
    left:0;
    right:0;
    text-align: center;
    line-height: 20px;
    font-size: 18px;
    font-family: arial;
    color: #fff;
    -webkit-text-shadow:0 1px 1px rgba(0,0,0,.4);
	-moz-text-shadow:0 1px 1px rgba(0,0,0,.4);
	-o-text-shadow:0 1px 1px rgba(0,0,0,.4);
	text-shadow:0 1px 1px rgba(0,0,0,.4);
}
.jw_lightbox .btn_close{
    position: fixed;
    right:10px;
    top:10px;
    width:40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border-radius:10px;
    background-color: rgba(0,0,0,.6);
    color: #fff;
    z-index: 1001;
}
.jw_lightbox .btn_close::before,
.jw_lightbox .btn_close::after{
    position: absolute;
    top:18px;
    left:6px;
    width:28px;
    height: 4px;
    font-size: 0;
    content: "";
    background-color: #fff;
}
.jw_lightbox .btn_close::before{
    transform: rotate(-45deg);
}
.jw_lightbox .btn_close::after{
    transform: rotate(45deg);
}