/** 環景照片 CSS Jwu */
/** 2022/11/22 */
.photo-sphere-div1 {
    position: absolute;
    top: -50px;
    left: -320px;
    width: 700px;
    height: 50px;
    margin: auto;
    font-size: 40px;
    text-align: center;
    -moz-transform: rotate(-0);/* Firefox 旋轉屬性，參數表示角度(deg表示角度)，負數逆時針，正數順時針 */                
    -webkit-transform: rotate(-0);/* Safari和Chrome */
    -ms-transform: rotate(-0);/* IE 9 */
    -o-transform: rotate(-0);/* Opera */
}

[data-action].active {
    background-color: #f4ff52 !important;
}
.highlight {
    border: 4px solid #f00;
}
.over-highlight {
    border: 4px dotted #f4ff52;
}
.highlight.over-highlight {
    border: 5px solid #fb9b26 ;
}

.photo-sphere-viewer-pannel {
    top: 0px;
    left: 0;
    width: 100vw;
}

.photo-sphere-viewer-pannel > #viewer-pannel {

    position:fixed;
    top: 0;
    width: 400px;
    z-index: 50;
}

#viewer-pannel > .top-panel {
    background: #fb9b26;
    padding: 10px;
    color:white;
    font-size: 27px;
    font-weight: bold;
}
#viewer-pannel > .edit-panel {
    padding: 10px;
    background: #ebebeb;;
}

.photo-sphere-viewer-pannel > #viewer {
    position:absolute;
    /*top: 30px;*/
    margin: 0;
    width: 100%;
    height: 100%;
}