﻿/* 櫃面樣式 */
.table {
    /*border: 2px solid #808080;*/
    margin: 0px;
    padding: 0px;
    /*margin-right: -2px;
    margin-top: -2px;*/
    display: inline-block;
    background-position: top left;
    position: relative;
}

    .table div {
        position: absolute;
        left: 1px;
        top: 1px;
        /*border: 5px solid rgba(255, 255, 255, 0.5);*/
    }

.noSale div:hover {
    border: 3px solid #0000FF;
    margin-top: -3px;
    margin-left: -3px;
    margin-right: 3px;
    margin-bottom: 3px;
    z-index: 1;
    left: 0px;
    top: 0px;
}

.table .number {
    font-size: 10pt;
    font-family: Arial;
    font-weight: bold;
    padding-left: 2px;
    padding-right: 2px;
    color: #FFF;
    background-color: #000;
    position: absolute;
    /*bottom: 8px;*/
}

/* 顯示位置、價格資訊 */
.details {
    width: 550px;
    margin-top: 25px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    letter-spacing: 0.1em;
    text-align:left;
}

    .details > div {
        border-bottom: 1px solid #BEBEBE;
    }
    .details >div >.id{
         font-weight:bold;
         color:#0000FF;
    }

        .details > div > div {
            line-height: 2em;
        }

            .details > div > div > span {
                background-color: #BEBEBE;
                /*border-radius: 5px;*/
                letter-spacing: 0.2em;
                padding: 3px 5px 5px 7px;
                margin-right: 5px;
            }

        .details > div:nth-child(3) {
            margin-top: 2em;
            line-height: initial;
            background-color: #FFD9EC;
            line-height: initial;
            color: #600000;
            font-weight: bolder;
            border-bottom: none;
        }

            .details > div:nth-child(3) .s1 {
                line-height: 2em;
                background-color: #FF0080;
                color: #FFF;
                border-radius: 5px;
                padding: 3px 5px 5px 7px;
                margin-right: 5px;
            }

            .details > div:nth-child(3) .s2 {
                background-color: #FFD9EC;
                color: #FF6666;
                font-weight: bolder;
                padding: 3px 5px 5px 7px;
                margin-right: 2px;
                margin-left: 2px;
            }

            /* 平面圖第二層樣式*/
              map *:focus {
            outline: none;
        }

         .BtnBackTop {
            padding: 5px 10px 8px 10px;
            border: 1px solid #7D2800;
            border-bottom: 2px solid #7D2800;
            border-right: 2px solid #7D2800;
            background: -webkit-gradient(linear, left top, left bottom, from(#FFBA85), to(#8F2D00));
            background: -webkit-linear-gradient(top, #FFBA85, #8F2D00);
            background: -moz-linear-gradient(top, #FFBA85, #8F2D00);
            background: -ms-linear-gradient(top, #FFBA85, #8F2D00);
            background: -o-linear-gradient(top, #FFBA85, #8F2D00);
            background-color: #8F2D00;
            /*box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 4px #FF8B33;
   -webkit-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 4px #FF8B33;
   -moz-box-shadow: 0px 7px 2px -5px #1A1A1A, inset 0px 0px 4px #FF8B33;*/
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 8px;
            text-shadow: #000000 1px 1px 0px;
            color: #FFFFFF;
            /*font-size: 12pt;*/
            /*font-family: '微軟正黑體';*/
            text-decoration: none;
            font-weight: bold;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            cursor: pointer;
            position: relative;
            right: -150px;
            top: -2px;
        }

            .BtnBackTop:hover {
                background: -webkit-gradient(linear, left top, left bottom, from(#8F2D00), to(#FFBA85));
                background: -webkit-linear-gradient(top, #8F2D00, #FFBA85);
                background: -moz-linear-gradient(top, #8F2D00, #FFBA85);
                background: -ms-linear-gradient(top, #8F2D00, #FFBA85);
                background: -o-linear-gradient(top, #8F2D00, #FFBA85);
                /*box-shadow: 0px 0px 5px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 5px 0px #AAAAAA;
   -moz-box-shadow: 0px 0px 5px 0px #AAAAAA;*/
                border: 1px solid #7D2800;
                border-bottom: 2px solid #7D2800;
                border-right: 2px solid #7D2800;
                color: #FFFFFF;
            }