html{
    height:100%;
}
#wBody{
    width:100%;
    height:100%;
    background:rgb(50,130,210);
    background:-webkit-gradient(linear,0% 0% , 0% 100%, color-stop(0,rgb(50,130,210)), color-stop(0.3,rgb(70,150,215)),color-stop(1,rgb(255,255,255)));
    margin:0;
    padding:0;
    -webkit-user-select: none;
    -webkit-transition: background 4.5s;
    -webkit-font-smoothing:antialiased;
    font-size:0;
    cursor:url(img/Bird.png) 0 18,pointer;
    overflow:hidden;
    /*-webkit-text-size-adjust:none;*/
}
#wBody::selection{
    background:white;
}
#wBody[mobile]{
    width:200%;
    height:200%;

    -webkit-transform:scale(0.5);
    -webkit-transform-origin:top left;
}
::-webkit-scrollbar{
    width:0px;
}
div,img,button,input{
    -webkit-user-drag: none;
    cursor:inherit;
    outline:none;
    font-size:1em;
}
#wBody,input,label,select,option,textarea,button,fieldset,legend{
    font-family:MSYH,微软雅黑;
}

[wPreload],t10n{
    display:none;
}

select{
    outline:none;
}
select option{
    color:black;
}
select[wPlaceHolding],select option[value=""]{
    color:lightgray;
}
select{
}
textarea{
    box-sizing: border-box;
    resize:none;
    padding: 0 0 0 1em;
    outline:none;
    font-size:1em;
}
::-webkit-input-placeholder{ 
    color:lightgray;
}
::-webkit-clear-button{ 
    display:none;
}
section,section[hide]{
    opacity:0;
    bottom:100%;
}

/* #wBackground{
 *  position:absolute;
    top:0%;
    left:0%;
}*/
.staticBackground {
    cursor:auto;
    position:absolute;
    width:100%;
    height:100%;
    left:0%;
    top:0%;
}
#wNav>div{
    width:100%;
    height:1.6em;
    position:relative;
    white-space:nowrap;
    margin:0;
}
#wNav button{
    width:100%;
    height:100%;
    -webkit-border-radius:5px;
    font-family:bold;
    font-size:0.7em;
    border-color:rgb(250,250,250);

    background:-webkit-gradient(linear,0% 0% , 0% 100%, from(rgb(240,240,240)),to(rgb(210,210,210)));
    color:black;
    border-width:1px;
}
#wNav button[selected]{
    background:rgb(56,115,187);
    color:white;
    border-width:0px;

}
#wNav button[enabled]:hover{
    width:120%;
}
#wNav button[disabled]{
    left:0%;
    width:100%;
    color:grey;
}
#wNav button[reused]:hover:after{
    display:none;
}
#wNav button[reused]:after{
    content:"";
    position:absolute;
    display:block;
    -webkit-animation: wNavReuse 5s;
    -webkit-animation-iteration-count:infinite;
    
    background:white;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    -webkit-border-radius:5px;
}
@-webkit-keyframes wNavReuse{
    0%{
        opacity:0;
    }
    50%{
        opacity:0.8;
    }
    100%{
        opacity:0;
    }
}
@-webkit-keyframes wNavReuse2{
    0% {
        top:0%;left:0%;width:3%;height:10%;
    }
    12.5% {
        top:0%;left:0%;width:3%;height:100%;
    }
    25% {
        top:90%;left:0%;width:3%;height:10%;
    }
    37.5% {
        top:90%;left:0%;width:100%;height:10%;
    }
    50% {
        top:90%;left:97%;width:3%;height:10%;
    }
    62.5% {
        top:0%;left:97%;width:3%;height:100%;
    }
    75% {
        top:0%;left:97%;width:3%;height:10%;
    }
    87.5% {
        top:0%;left:0%;width:100%;height:3%;
    }
    100% {
        top:0%;left:0%;width:3%;height:3%;
    }
}
#wNav hr{
    border-style:outset;
    border-color:white;
    height:0.5%;
    margin:2.5% 0;
    background:-webkit-gradient(linear,0% 0% , 0% 100%, from(rgb(240,240,240)),to(rgb(210,210,210)));
}
iframe[seamless]{
    border:none;
    background-color:transparent;
    padding:0;
}
iframe[report]::-webkit-scrollbar{
    width:10px;
}
iframe[report]::-webkit-scrollbar-thumb{
    /*border-radius:10px;*/
    -webkit-box-shadow:inset 0 0 6px black;
    background:rgb(200,200,200);
}
iframe[report]::-webkit-scrollbar-track{
    /*border-radius:10px;*/
    background:rgb(230,230,230);
    -webkit-box-shadow:inset 0 0 6px black;
}

.wImgFile{
    position:absolute;
    -webkit-transition:opacity 0.2s , -webkit-box-shadow 0.2s,left 1s, top 1s , height 1s, width 1s;
    opacity:1;
    -webkit-box-shadow:0.25em 0.25em 1.5em #181818;
    padding:0 0 0 12px;
    box-sizing:border-box;
    overflow-y:scroll;
    overflow-x:hidden;
}
.wImgFile::-webkit-scrollbar{
    width:12px;
}
.wImgFile::-webkit-scrollbar-thumb{
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px black;
    background:rgb(200,200,200);
}
.wImgFile::-webkit-scrollbar-track{
    border-radius:10px;
    background:rgb(230,230,230);
    -webkit-box-shadow:inset 0 0 6px black;
}
.wImgBar{
    position:absolute;
    width:12px;
    border-radius:10px;
    background:rgb(230,230,230);
    -webkit-box-shadow:inset 0 0 6px black;
    -webkit-transition:opacity 0.2s , -webkit-box-shadow 0.2s,left 1s, top 1s , height 1s, width 1s;
}
.wImgFile canvas{
    width:100%;
}

/*[wTable=tip]{
    position:absolute;
    background:white;
    font-size:0.6em;
    -webkit-box-shadow:0.25em 0.25em 1.5em #181818;
    cursor:default;

    border:none;
    padding:0;
    opacity:0;
}
[wTable=tip][show=true]{
    border:1px solid rgb(235,235,235);
    border-radius:3px;
    padding:0 1em;

    opacity:1;
    transition:opacity 0.5s;
}*/
[wTable=bg]{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
[wTable=show]{
    -webkit-transition:opacity 0.2s , -webkit-box-shadow 0.2s,left 1s, top 1s , height 1s, width 1s , background 1s;
    opacity:1;
    -webkit-box-shadow:0.25em 0.25em 1.5em #181818;
}
[wTable=control]{
    -webkit-transition:opacity 0.2s , -webkit-box-shadow 0.2s,left 1s, top 1s , height 1s, width 1s;
    opacity:1;
    -webkit-box-shadow:0.25em 0.25em 1.5em #181818;
}
[wTable=hide]{
    opacity:0;
}
.wsEmbed{
    width:100%;
    height:100%;
}
.whShow{
    z-index:4;
    position:absolute;
    left:0.5%;
    top:85%;
    height:8%;
    opacity:0.5;
    opacity:0.2;
    -webkit-transition:opacity 4s,height 0.5s;
}
.whShow[active=true]{
    opacity:0.8;
}
.whShow[active=true]:hover{
    height:10%;
}
.whHide{
    z-index:4;
    position:absolute;
    left:0.5%;
    top:85%;
    height:8%;
    opacity:0;
    -webkit-transition:opacity 4s;
}
#whTower,#whLight{
    position:absolute;
    left:0%;
    top:0%;
    height:100%;
}
#whLight{
    opacity:0;
}
[active=true] #whLight{
    -webkit-animation: wLight 2.5s;
    -webkit-animation-iteration-count:infinite;
    -webkit-transform-origin:36% center;
}
@-webkit-keyframes wLight{
    0%{
        opacity:0.3;
        -webkit-transform:rotateY(90deg);
    }
    50%{
        opacity:1;
        -webkit-transform:rotateY(0deg);
    }
    100%{
        opacity:0.3;
        -webkit-transform:rotateY(-90deg);
    }
}
#wLeave{
    z-index:4;
    position:absolute;
    top:91.5%;
    width:4%;
    opacity:0.5;
    -webkit-transform:rotateY(180deg);
    -webkit-transition:left 4s,top 0.5s,width 0.5s;
}
#wLeave[hide=false]{
    left:6%;
}
#wLeave[hide=false]:hover{
    width:6%;
    top:90%;
}
#wLeave[hide=true]{
    left:-4%;
    -webkit-transform:rotateY(0deg);
}
#wSound{
    position:absolute;
    left:1%;
    top:95%;
    height:2%;
    width:4%;
    -webkit-transform: rotateX(180deg);
    opacity:0.7;
    z-index:4;
    -webkit-transition:height 0.5s;
}
#wSound:hover{
    height:4%;
}
.play #wSoundPlay,.stop #wSoundStop{
    display:block;
    width:100%;
    height:100%;
}
.stop #wSoundPlay,.play #wSoundStop{
    display:none;
}
[wPopup]{
    position:absolute;
    -webkit-box-shadow: 5px 5px 30px #181818;
    z-index:74;
    background-color:rgba(210,210,210,0.5);
}
[wPopup=Chat]{
    height:24em;
    width:24em;
    top:15em;
    left:15em;
}
[wPopup=Figure]{
    height:27em;
    width:42em;
    top:10em;
    left:26.5em;
}
[wPopup=Report][state=normal]{
    height:37em;
    width:26.5em;
    left:48em;
    top:16%;
}
[wPopup=Report][state=max]{
    height:37em;
    width:56.5em;
    left:19em;
    top:16%;
}
[wPopup=Help][state=normal]{
    height:37em;
    width:26.5em;
    left:48em;
    top:16%;
}
[wPopup=Help][state=max]{
    height:37em;
    width:56.5em;
    left:19em;
    top:16%;
}
/*[wPopup=Map][state=normal]{
    height:75%;
    width:31.5%;
    top:16.5%;
    left:58.5%;
}
[wPopup=Map][state=max]{
    height:75%;
    width:67%;
    top:16.5%;
    left:23%;
}*/
[wPopup=TMIScan]{
    height:90%;
    width:45%;
    top:5%;
    left:30%;
}
#wHint{
    display:block;
    position:absolute;
    z-index:10;
    color:white;
    text-shadow:1px 1px 1px black,1px 1px 10px black;
    font-size:0.6em;
    max-width:30em;
}
#BKhomepage{
    position: absolute;
    left: 5%;
    top: 91.5%;
    display: none;
}
#BKhomepage img{
    height: 3em;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}